カスタム投稿タイプでお菓子メーカーを登録して今日食べたお菓子に

ひもづけるには？鳥 山 優 子

2 /28プロフィール

• 株式会社ベクター企画・デザイン部

• WordPress歴 5年• 公式ディレクトリで公開• テーマ• プラグイン

2273種•いままでに食べたお菓子

3 /28アジェンダ

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

4 /28

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

5 /281.お菓子メーカーの一覧を作る

お菓子ブログに必須

お菓子メーカーの情報

6 /281.お菓子メーカーの一覧を作る

���������������� ����� ���� �

���������������� ����� ������������

����������������������!"#���$

���%� �������� �������� ����������

� ������ ������� &'�()*+,-./ '&

��0�1���� ������� &'��23�456*+,-., '&

����� ������������7 &'��23�!5689 '&

�0������0�:�� ������� &'�;��<=>�?!@A '&

��� ����� ��������� ������� �������B����C������$

��%������ ����� ��� ��D��� ����%� �$

E

�CC��������������� ��������� ����� �� �F��$

���������� カスタム投稿タイプでやってみる

7 /281.お菓子メーカーの一覧を作る

ダッシュボードに投稿タイプが追加される

8 /281.お菓子メーカーの一覧を作る

新規登録画面タイトル

9 /281.お菓子メーカーの一覧を作る

カスタムフィールドを使うには？

ふりがな

URL

10 /281.お菓子メーカーの一覧を作る

Advanced Custom Fields

11 /281.お菓子メーカーの一覧を作る

お菓子メーカーの一覧が完成

12 /28

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

13 /282.投稿画面でお菓子メーカーを参照

投稿を関連付けるプラグイン

14 /282.投稿画面でお菓子メーカーを参照

Advanced Custom Fields

・導入が簡単・関連付け候補の投稿タイプを指定・候補の検索UI・カスタムフィールドに保存される(ただしシリアライズ化)

15 /282.投稿画面でお菓子メーカーを参照

フィールドグループを追加

16 /282.投稿画面でお菓子メーカーを参照

カスタム投稿タイプを関連付ける

17 /282.投稿画面でお菓子メーカーを参照

投稿画面

お菓子メーカーを検索 選択

18 /28

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

19 /28

ACFの関数を使って表示3.ブログ上でお菓子メーカーを表示

����� ������ � ���������� �������� ��� ��

��� ������ �� �������� ������ � ��

���� �� ������ � �� � �

�!

�� �����"����� � � �����������#�� ��$!�� �� �!"!����� � �

�������������� ��$!�� �� �!�%�!

�����

�#����� ��

�#���� �!

���� ��

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

お菓子メーカー

21 /28

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

22 /284.お菓子メーカーの一覧を表示

G0H�

GI 0 �������� ����� �����0�:���� ��J�

&'��KLMNOL<P!;��<= '&�I�

GI 0 � ����� � ��%��� ����� ����Q����� %���R����:���� � ����� ������$�I�

GI 0 ��0��� ����� �B������$�I�

GI 0 ���������������%����� ��J�&'��STU�!;��<= '&�I�

VGI 0 ��0�����%�������������� �� ��������$�I�W4X*+���

GI 0 ��C��$�I�

G&0H�

ページタイトル

��������

23 /28

����

����� ������� ���������� ��������������� ��

���

� ����������� ������ ������ ������������� ������� ������� ���������� ������ ��

����� ��������������� � ����� �����!�"#$%&'$()*+,"(- !����

���

����� ���.����/�� 0���. � 01� 234�����!�5678,",*9:;<=>? !����

����

����� ������� � ����� �����!�@*A*+,"(- !����

����� �!�5678,",=>? !�

2�������� ��.����/�� 0� ��01�234���

���2�������� BB� �� �� ��� 2�������� ����

��� ���2�������� ��2�����

��

�������� ���.���������� 2�����������

�����

�/��� ��

�/��

��

����� �/�����

�� �

����

����� �/�������

�����

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

投稿一覧

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

25 /28

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

26 /285.お菓子メーカーの詳細ページ

G0H�VGI 0 �0���������$�I�W!���G&0H�

G���

GI 0

&'�YZ[\��L]^_ '&

� ��� �������� ��0�1 ���������BH

� ����� ������� ����

�����R�������������� ������ �D������������D���

�:������������ ���B�`a

��� ���������b`cd�������$

&'�e��Cf����!g�Phi '&

� ���� ��%��� ������� ��� �$

������0��� ���� ���� ������

���� � ���C����� � �����$��&'�Hj!NO '&

I�

G���G��0����kGI 0 �0�� ������D���I�k�GI 0 �0���������� I�G&��G&���

GI 0

E

I�

G&���

���� ��������

検索条件meta_queryでLIKE

27 /285.お菓子メーカーの詳細ページ

お菓子メーカに関連する投稿

28 /28

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

5.課題