カスタム投稿タイプでお菓子メー カーを登録して今日食べたお菓子に ひもづけるには? 鳥山優子
カスタム投稿タイプでお菓子メーカーを登録して今日食べたお菓子に
ひもづけるには?鳥 山 優 子
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.課題