1. カスタム投稿タイプでお菓子メー
カーを登録して今日食べたお菓子に
ひもづけるには？
鳥山優子

2. 2 /28
プロフィール
• 株式会社ベクター
企画・デザイン部
• WordPress歴 5年
• 公式ディレクトリで公開
• テーマ
• プラグイン
•いままでに食べたお菓子
2273種

3. アジェンダ
1.
2.
3.
4.
5.
6.
3 /28
お菓子メーカーの一覧を作る
投稿画面でお菓子メーカーを参照
ブログ上でお菓子メーカーを表示
お菓子メーカーの一覧を表示
お菓子メーカーの詳細ページ
課題

4. 4 /28
1.お菓子メーカーの一覧を作る

5. 1.お菓子メーカーの一覧を作る
お菓子ブログに必須
お菓子
メーカー
の情報
5 /28

6. 6 /28
1.お菓子メーカーの一覧を作る
.
ǜǞኃǞ
.
ǜǞኃǞ. ం
カスタム
投稿タイプ
でやってみる
$.Ǘ....
ǜኗእǞ. ੫.Ǘ....
ǜኗእǞ. ੫
ቺǞኃቼኜአǞኊ.ܲ

7. 1.お菓子メーカーの一覧を作る
ダッシュボードに
投稿タイプが追加される
7 /28

8. 1.お菓子メーカーの一覧を作る
新規登録画面
8 /28
タイトル

9. 1.お菓子メーカーの一覧を作る
9 /28
カスタムフィールドを使うには？
ふりがな
URL

10. 1.お菓子メーカーの一覧を作る
Advanced Custom Fields
10 /28

11. 1.お菓子メーカーの一覧を作る
お菓子メーカーの一覧が完成
11 /28

12. 12 /28
2.投稿画面でお菓子メーカーを参照

13. 2.投稿画面でお菓子メーカーを参照
投稿を関連付けるプラグイン
13 /28

14. 2.投稿画面でお菓子メーカーを参照
Advanced Custom Fields
・導入が簡単
・関連付け候補の投稿タイプを指定
・候補の検索UI
・カスタムフィールドに保存される
(ただしシリアライズ化)
14 /28

15. 2.投稿画面でお菓子メーカーを参照
フィールドグループを追加
15 /28

16. 2.投稿画面でお菓子メーカーを参照
16 /28
カスタム投稿
タイプを
関連付ける

17. 17 /28
2.投稿画面でお菓子メーカーを参照
投稿画面
お菓子
メーカーを
検索
選択

18. 18 /28
3.ブログ上でお菓子メーカーを表示

19. 3.ブログ上でお菓子メーカーを表示
ACFの関数を使って表示
SKS PBSRVWV
JHWBILHOG
PDNHU
LI
PBSRVWV
LVBDUUD
PBSRVWV
IRUHDFK
PBSRVWV DV S
!
D KUHI SKS HFKR JHWBSHUPDOLQN
JHWBWKHBWLWOH
S!,' !D!
SKS
HQGIRUHDFK
HQGLI !
,'
S!,'
! !SKS HFKR
19 /28

20. 3.ブログ上でお菓子メーカーを表示
お菓子
メーカー
20 /28

21. 21 /28
4.お菓子メーカーの一覧を表示

22. 4.お菓子メーカーの一覧を表示
22 /28
ኃኋǚǜ½Ďǚቼኝ.ቺǞኃቼኜ
.
ኃኒኆኪǞ.ቺǞኃቼኜ
..$.Ǘ.
ページ
タイトル

23. 23 /28
4.お菓子メーカーの一覧を表示
ኃኋǚǜ½Ďǚቼኝ.ቺǞኃቼኜ
.
ǜǞኃǞ.ቡǗ..ቲ
.
ǜǞኃǞቲ
੫
.. .ቺǞኃቼኜ
੫
投稿一覧

24. 4.お菓子メーカーの一覧を表示
24 /28

25. 25 /28
5.お菓子メーカーの詳細ページ

26. 5.お菓子メーカーの詳細ページ
.
...
検索条件
meta_query
でLIKE
ǛኩǜǞǚቲջ
.ካǞኝ
26 /28
è
.½Ď

27. 27 /28
5.お菓子メーカーの詳細ページ
お菓子メーカ
に関連する
投稿

28. 28 /28
＊投稿タイプを関連づけるのに最適な方法は？
＊おすすめプラグインは？
＊自分で作ったほうがよいのか？
＊カスタム投稿タイプの使い方は？
＊検索対象とするならば、
お菓子メーカーはどのようなデータに
持つべきか？
5.課題