SlideShare a Scribd company logo
1 of 180
Download to read offline
Plugin
Typesのご紹介
カスタム投稿/フィールド/タクソノミーを
        自由自在
簡単に自己紹介




はじめまして!
                              はじめまして       photo by anko.gaku_ula
      http://www.flickr.com/photos/anko3-gaku_ula/3738379893/in/photostream/
細谷 崇
(ほそや たかし)
NPO法人コミュニティリンク
    代表理事
NPO法人って
福祉じゃないの?
19分野
情報化社会の発展を図る活動
WordPressとの関係
WordPress使って
WEBサイト制作
共感寄付
Kifu KOBE
ウブスナ
WordPress使って
勉強会
西宮北口駅周辺
  毎月2回
箕面駅周辺
 毎月2回
富田林市
毎月1回
堺駅周辺
毎月1回
では、本編へ
TypesのPluginの説
  明の前に・・・
カスタム投稿タイプ
カスタムタクソノミー
カスタムフィールド

の説明から・・・
WordPressでサイト制作って
   どうやってますか?
WordPressって
 ブログやろ?
企業用のサイト
作れるわけ・・・
WordPress
レンタルサーバーに
 アップロード
( ゚д゚)ハッ!
やっぱりブログやんけ!
自分を信じて
オリジナルテーマを
  作るのじゃ
オリジナルテーマの
  作成方法
割愛
簡単に概要だけ
レンタルサーバー契約
WordPressインストール
WordPressインストール
WordPressインストール
WordPressインストール
WordPressインストール
WordPressが用意して
くれてる関数を書く!
頑張って覚えよう♪

  <?php bloginfo(); ?>
  <?php wp_title(); ?>
<?php the_content(); ?>
架空の案件で
説明します。
ケーキ屋さんのサイトを作る場合
更新頻度:少ない
ページ蓄積:なし
更新頻度:多い
ページ蓄積:あり
WordPress
   ||
ブログシステム
日記を書くとこ
プロフィールや、ブログの概要
いちごのショートケーキ
いちごのショートケーキ
出来た!!!
追加要望
お知らせ欄欲しい
どこから入力させるか・・・
方法はいくつかある
2012.11.03 WordCamp大阪開
催!
2012.10.20 HPを公開しまし
た。
でもこれだと
お知らせの詳細ページ
を作成するときに不便
もう1つリンク先の
 記事が必要になる
お客さんの更新箇所

  2ッ
出来れば、
新着商品一覧のよう
2012.11.03 WordCamp大阪開
催!
2012.10.20 HPを公開しまし
た。
2012.11.03 WordCamp大阪開
催!
2012.10.20 HPを公開しまし
た。
2012.11.03 WordCamp大阪開
催!
2012.10.20 HPを公開しまし
た。
2012.11.03 WordCamp大阪開
催!
2012.10.20 HPを公開しまし
た。
2012.11.03 WordCamp大阪開
催!
2012.10.20 HPを公開しまし
た。
2012.11.03 WordCamp大阪開
催!
2012.10.20 HPを公開しまし
た。
【投稿】
すでに商品が・・・
あ!
カテゴリーで分けようか?
2012.11.03 WordCamp大阪開
催!
2012.10.20 HPを公開しまし
た。
2012.11.03 WordCamp大阪開
催!
2012.10.20 HPを公開しまし
た。
じゃぁ、この場合
  どうする?
・・・
『お客さんに』
チェックは1つで
お願いしますm(__)m
って言う!!!
オレオレ仕様
さらに
カテゴリーの追加の度に
 表示の確認が必要


            2012.11.03 WordCamp大阪開
            催!
            2012.10.20 HPを公開しまし
            た。
雑多になるカテゴリー
チェックミス
目的のカテゴリーを選ぶのに
    時間がかかる
そんな問題を解決出来るのが
カスタム投稿タイプ

カスタムタクソノミー
カスタム投稿タイプとは
カスタムタクソノミーとは
あと、お客さんへの
  説明が簡単
メニューの【投稿】のカテゴリー
の【商品】をチェック・・・
メニューの
【商品管理】で登録して!
超簡単!
また追加要望
キャンペーン機能を
 持たせたい
期間が過ぎたら、
文言も自動で消えて欲しい
自動って・・・




            落ち込む@elimさん         photo by june29
          http://www.flickr.com/photos/june29/2160376067/
いちごのショートケーキ
そんな時に便利なのが
カスタムフィールド
データとして扱える情報を
 保持できる機能です。
あとはテーマテンプレート
if文書いて終了
if(今日の日付=>キャンペーン開始日
        &&
今日の日付<=キャンペーン終了日)
これもまた便利
紹介した3つの
 カスタム系
便利なんだけど
難点があります
カスタム投稿タイプ
カスタムタクソノミー

 利用するには
functions.phpに
小難しいコードを記述する必要がある
カスタムフィールド
お客さんが更新する
ところなのに・・・
日付の記述方法間違
  えたら・・・
例えば
和暦・・・




          落ち込む@elimさん         photo by june29
        http://www.flickr.com/photos/june29/2160376067/
でも大丈夫!
WordPressの良いと
ころは豊富なPlugin

 21,878
functions.phpに
小難しいコードを記述する必要がある
functions.phpに
小難しいコードを記述する必要がある
それを可能にしてく
  れるのが
Types Plugin
Typesの良いところ
①1つPluginで3つをカバー


    カスタム投稿タイプ
   カスタムタクソノミー
    カスタムフィールド
②設定画面が日本語
③入力チェック機能あり
③入力チェック機能あり

  和暦
いれんな!
④投稿タイプの関連付け

   A店   ショートケーキ


        チーズケーキ



   B店    モンブラン


        ミルフィーユ
ではデモします。
表示するには
3通りあります
①ショートコード
②Types API
types_render_field(
"field-slug",
array("arg1"=>"val1","arg2"=>"val2"))
);
types_render_field(
"field-slug",
array("arg1"=>"val1","arg2"=>"val2"))
);
types_render_field(
"field-slug",
array("arg1"=>"val1","arg2"=>
"val2"))
);
 APIの詳細:
 http://wp-types.com/documentation/functions/
③WordPress関数

get_post_meta(
$post->ID, "wpcf-field-slug",true
);


post_customも同じ
関連付けについて

 A店   ショートケーキ


      チーズケーキ



 B店    モンブラン


      ミルフィーユ
関連付けデータ取得方法
$child_posts =
  types_child_posts(‘product’);

foreach ($child_posts as $child_post) {
  echo $child_post->post_title;
  echo $child_post->fields['price'];
}
関連付けデータ取得方法
$child_posts =
 types_child_posts(‘product’);

foreach ($child_posts as $child_post) {
  echo $child_post->post_title;
  echo $child_post->fields['price'];
}
関連付けデータ取得方法
$child_posts =
 types_child_posts(‘product’);

foreach ($child_posts as $child_post) {
  echo $child_post->post_title;
  echo $child_post->fields['price'];
}
ご清聴ありがとうございました



      tkc49


      takashi.hosoya

More Related Content

Similar to Types紹介

WordPressプラグインで発券システムを作った話
WordPressプラグインで発券システムを作った話WordPressプラグインで発券システムを作った話
WordPressプラグインで発券システムを作った話Kunitoshi Hoshino
 
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!FLOW web planning & design
 
Mercari scraping
Mercari scrapingMercari scraping
Mercari scrapingOgataAyaka
 
xDev2010 早い安い新しい「Fast IT」を使いこなせ! クラウドを楽しめるエンジニアの条件
xDev2010 早い安い新しい「Fast IT」を使いこなせ! クラウドを楽しめるエンジニアの条件xDev2010 早い安い新しい「Fast IT」を使いこなせ! クラウドを楽しめるエンジニアの条件
xDev2010 早い安い新しい「Fast IT」を使いこなせ! クラウドを楽しめるエンジニアの条件Yusuke Suzuki
 
WordBench Saitama Vol.11 カスタム3兄弟
WordBench Saitama Vol.11 カスタム3兄弟WordBench Saitama Vol.11 カスタム3兄弟
WordBench Saitama Vol.11 カスタム3兄弟Yuusuke Yoshida
 
お手軽作業自動化入門
お手軽作業自動化入門お手軽作業自動化入門
お手軽作業自動化入門高見 知英
 
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017Tomo Masuda
 

Similar to Types紹介 (8)

WordPressプラグインで発券システムを作った話
WordPressプラグインで発券システムを作った話WordPressプラグインで発券システムを作った話
WordPressプラグインで発券システムを作った話
 
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
 
イマドキのCMSトレンドからWeb運用を再考する
イマドキのCMSトレンドからWeb運用を再考するイマドキのCMSトレンドからWeb運用を再考する
イマドキのCMSトレンドからWeb運用を再考する
 
Mercari scraping
Mercari scrapingMercari scraping
Mercari scraping
 
xDev2010 早い安い新しい「Fast IT」を使いこなせ! クラウドを楽しめるエンジニアの条件
xDev2010 早い安い新しい「Fast IT」を使いこなせ! クラウドを楽しめるエンジニアの条件xDev2010 早い安い新しい「Fast IT」を使いこなせ! クラウドを楽しめるエンジニアの条件
xDev2010 早い安い新しい「Fast IT」を使いこなせ! クラウドを楽しめるエンジニアの条件
 
WordBench Saitama Vol.11 カスタム3兄弟
WordBench Saitama Vol.11 カスタム3兄弟WordBench Saitama Vol.11 カスタム3兄弟
WordBench Saitama Vol.11 カスタム3兄弟
 
お手軽作業自動化入門
お手軽作業自動化入門お手軽作業自動化入門
お手軽作業自動化入門
 
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
ゼロから深層学習を学ぶ方法 - CMS大阪夏祭り2017
 

More from Takashi Hosoya

WordBench京都 9月号:kintone×WordPressハンズオン
WordBench京都 9月号:kintone×WordPressハンズオンWordBench京都 9月号:kintone×WordPressハンズオン
WordBench京都 9月号:kintone×WordPressハンズオンTakashi Hosoya
 
Kintone café 大阪 vol2
Kintone café 大阪 vol2Kintone café 大阪 vol2
Kintone café 大阪 vol2Takashi Hosoya
 
新しい働き方の提案 クラウドソーシング(公開用)
新しい働き方の提案 クラウドソーシング(公開用)新しい働き方の提案 クラウドソーシング(公開用)
新しい働き方の提案 クラウドソーシング(公開用)Takashi Hosoya
 
Kintone勉強会@大阪 Vol.1 ドラッグ&ドロップで顧客管理システムを作ってみよう!
Kintone勉強会@大阪 Vol.1 ドラッグ&ドロップで顧客管理システムを作ってみよう!Kintone勉強会@大阪 Vol.1 ドラッグ&ドロップで顧客管理システムを作ってみよう!
Kintone勉強会@大阪 Vol.1 ドラッグ&ドロップで顧客管理システムを作ってみよう!Takashi Hosoya
 
2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作
2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作
2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作Takashi Hosoya
 
CoderDojoでもAWSを使ってみようかしら
CoderDojoでもAWSを使ってみようかしらCoderDojoでもAWSを使ってみようかしら
CoderDojoでもAWSを使ってみようかしらTakashi Hosoya
 
【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方
【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方
【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方Takashi Hosoya
 
パーフェクトダッシュボード
パーフェクトダッシュボードパーフェクトダッシュボード
パーフェクトダッシュボードTakashi Hosoya
 
WordPress専用ディレクトリーで運用
WordPress専用ディレクトリーで運用WordPress専用ディレクトリーで運用
WordPress専用ディレクトリーで運用Takashi Hosoya
 
Home.phpを使ってtopページをカスタマイズしよう!
Home.phpを使ってtopページをカスタマイズしよう!Home.phpを使ってtopページをカスタマイズしよう!
Home.phpを使ってtopページをカスタマイズしよう!Takashi Hosoya
 
Typesハンズオン
TypesハンズオンTypesハンズオン
TypesハンズオンTakashi Hosoya
 
「WordPress事例の徹底解説」
「WordPress事例の徹底解説」「WordPress事例の徹底解説」
「WordPress事例の徹底解説」Takashi Hosoya
 

More from Takashi Hosoya (13)

WordBench京都 9月号:kintone×WordPressハンズオン
WordBench京都 9月号:kintone×WordPressハンズオンWordBench京都 9月号:kintone×WordPressハンズオン
WordBench京都 9月号:kintone×WordPressハンズオン
 
Kintone café 大阪 vol2
Kintone café 大阪 vol2Kintone café 大阪 vol2
Kintone café 大阪 vol2
 
新しい働き方の提案 クラウドソーシング(公開用)
新しい働き方の提案 クラウドソーシング(公開用)新しい働き方の提案 クラウドソーシング(公開用)
新しい働き方の提案 クラウドソーシング(公開用)
 
Kintone勉強会@大阪 Vol.1 ドラッグ&ドロップで顧客管理システムを作ってみよう!
Kintone勉強会@大阪 Vol.1 ドラッグ&ドロップで顧客管理システムを作ってみよう!Kintone勉強会@大阪 Vol.1 ドラッグ&ドロップで顧客管理システムを作ってみよう!
Kintone勉強会@大阪 Vol.1 ドラッグ&ドロップで顧客管理システムを作ってみよう!
 
Welcome to CoderDojo
Welcome to CoderDojoWelcome to CoderDojo
Welcome to CoderDojo
 
2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作
2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作
2014年6月7日【ハンズオン】体験して学ぶ はじめてのブログ・サイト制作
 
CoderDojoでもAWSを使ってみようかしら
CoderDojoでもAWSを使ってみようかしらCoderDojoでもAWSを使ってみようかしら
CoderDojoでもAWSを使ってみようかしら
 
【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方
【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方
【ひょうごんNPO塾】ネットワークで動くNPOに必要不可欠!グループウェアの使い方
 
パーフェクトダッシュボード
パーフェクトダッシュボードパーフェクトダッシュボード
パーフェクトダッシュボード
 
WordPress専用ディレクトリーで運用
WordPress専用ディレクトリーで運用WordPress専用ディレクトリーで運用
WordPress専用ディレクトリーで運用
 
Home.phpを使ってtopページをカスタマイズしよう!
Home.phpを使ってtopページをカスタマイズしよう!Home.phpを使ってtopページをカスタマイズしよう!
Home.phpを使ってtopページをカスタマイズしよう!
 
Typesハンズオン
TypesハンズオンTypesハンズオン
Typesハンズオン
 
「WordPress事例の徹底解説」
「WordPress事例の徹底解説」「WordPress事例の徹底解説」
「WordPress事例の徹底解説」
 

Types紹介

Editor's Notes

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. \n
  46. \n
  47. \n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. \n
  60. \n
  61. \n
  62. \n
  63. \n
  64. \n
  65. \n
  66. \n
  67. \n
  68. \n
  69. \n
  70. \n
  71. \n
  72. \n
  73. \n
  74. \n
  75. \n
  76. \n
  77. \n
  78. \n
  79. \n
  80. \n
  81. \n
  82. \n
  83. \n
  84. \n
  85. \n
  86. \n
  87. \n
  88. \n
  89. \n
  90. \n
  91. \n
  92. \n
  93. \n
  94. \n
  95. \n
  96. \n
  97. \n
  98. \n
  99. \n
  100. \n
  101. \n
  102. \n
  103. \n
  104. \n
  105. \n
  106. \n
  107. \n
  108. \n
  109. \n
  110. \n
  111. \n
  112. \n
  113. \n
  114. \n
  115. \n
  116. \n
  117. \n
  118. \n
  119. \n
  120. \n
  121. \n
  122. \n
  123. \n
  124. \n
  125. \n
  126. \n
  127. \n
  128. \n
  129. \n
  130. \n
  131. \n
  132. \n
  133. \n
  134. \n
  135. \n
  136. \n
  137. \n
  138. \n
  139. \n
  140. \n
  141. \n
  142. \n
  143. \n
  144. \n
  145. \n
  146. \n
  147. \n
  148. \n
  149. \n
  150. \n
  151. \n
  152. \n
  153. \n
  154. \n
  155. \n
  156. \n
  157. \n
  158. \n
  159. \n
  160. \n
  161. \n
  162. \n
  163. \n
  164. \n
  165. \n
  166. \n
  167. \n
  168. \n
  169. \n
  170. \n
  171. \n
  172. \n
  173. \n
  174. \n
  175. \n
  176. \n
  177. \n
  178. \n
  179. \n
  180. \n