カスタム投稿タイプ&カスタムタクソノミーの使い方 #wbNagano

Hiroshi Urabe
Hiroshi Urabeプラグイン開発者・WEBデザイナー・フロントエンドエンジニア・音響屋さん
WordBench Nagano Vol.1




カスタム投稿タイプ&カスタムタクソノミーの使い方




                                        Copytight (C) 2012 Toro_Unit.
アジェンダ                 WordBench Nagano Vol.1




 1. 自己紹介
 2. カスタム投稿タイプってなんぞ?
 3. カスタムタクソノミーのはなし
 4. 実装方法
 5. 便利なプラグインの紹介
 6. まとめ




                                               Copytight (C) 2012 Toro_Unit.
自己紹介                                            WordBench Nagano Vol.1




 占部 紘 / Toro_Unit

 フリーランスの WEB デザイナー・フロントエンドエンジニア。
 Custom Post Type Permalinks というプラグインを作っています。

 WordPress 歴 :3 年半くらい。

 www.torounit.com

       Toro_Unit


       facebook.com/torounit




                                                                         Copytight (C) 2012 Toro_Unit.
カスタム投稿タイプって?    WordBench Nagano Vol.1




       カスタム投稿タイプってなに?




                                         Copytight (C) 2012 Toro_Unit.
カスタム投稿タイプって?                        WordBench Nagano Vol.1




 投稿タイプとは・・・
 ブログ記事と固定ページのような、ページの種類・属性。




 カスタム投稿タイプとは・・・
 前述の投稿タイプを追加できる機能!


 ex. 施工実績、商品一覧、イベント、更新履歴 ....etc.




                                                             Copytight (C) 2012 Toro_Unit.
カスタム投稿タイプって?                   WordBench Nagano Vol.1




 何ができるの?


  トップページ     お知らせ      お知らせ

                              記事がどんどん増えていくような
            トップページ
             商品一覧      商品一覧   更新コンテンツが複数作成できる!


           このサイトについて
             トップページ




                                                        Copytight (C) 2012 Toro_Unit.
カスタム投稿タイプって?   WordBench Nagano Vol.1




「いや・・・・カテゴリーでいいじゃん・・・・」




                                        Copytight (C) 2012 Toro_Unit.
カスタム投稿タイプって?   WordBench Nagano Vol.1




                                        Copytight (C) 2012 Toro_Unit.
カスタム投稿タイプって?                    WordBench Nagano Vol.1




「お知らせも商品も一緒くたでわかりにくい・・・」


 ・WordPress の構造的に、お知らせページと商品ページのデザインが変更しにくい。
 ・カテゴリーを誤って削除されたり・・・
 ・記事投稿も同一の画面なので、カスタムフィールドなどの活用もたいへん。
 ・etc・・・・




                                                         Copytight (C) 2012 Toro_Unit.
カスタム投稿タイプって?   WordBench Nagano Vol.1




「カスタム投稿タイプを使うと・・・・・・・・・?」




                                        Copytight (C) 2012 Toro_Unit.
カスタム投稿タイプって?   WordBench Nagano Vol.1




                                        Copytight (C) 2012 Toro_Unit.
カスタム投稿タイプって?     WordBench Nagano Vol.1




               ごちゃごちゃしない!




                                          Copytight (C) 2012 Toro_Unit.
カスタム投稿タイプって?         WordBench Nagano Vol.1




           わかりやすい!




                                              Copytight (C) 2012 Toro_Unit.
カスタム投稿タイプって?   WordBench Nagano Vol.1




                                        Copytight (C) 2012 Toro_Unit.
カスタム投稿タイプって?                                WordBench Nagano Vol.1




 テンプレートも

   個別記事                           記事一覧(アーカイブ)

   ・通常の記事: single.php             ・通常の記事: archive.php
   ・商品の記事:single-goods.php        ・商品の記事:archive-goods.php

   single- “カスタム投稿名” .php          archive- “カスタム投稿名” .php
                                   ※has_archive => true の設定が必要


 ref: http://wpdocs.sourceforge.jp/ テンプレート階層




                                                                     Copytight (C) 2012 Toro_Unit.
カスタムタクソノミーのはなし   WordBench Nagano Vol.1




       カスタムタクソノミーのはなし




                                          Copytight (C) 2012 Toro_Unit.
カスタムタクソノミーのはなし   WordBench Nagano Vol.1




                                          Copytight (C) 2012 Toro_Unit.
カスタムタクソノミーのはなし        WordBench Nagano Vol.1




  「野菜とか果物みたいなカテゴリほしいなぁ」


  「夕市特価!とかキャンペーン対象商品!みたいなのもほしいなぁ」




                                               Copytight (C) 2012 Toro_Unit.
カスタムタクソノミーのはなし        WordBench Nagano Vol.1




  「野菜とか果物みたいなカテゴリほしいなぁ」


  「夕市特価!とかキャンペーン対象商品!みたいなのもほしいなぁ」




「それ、カスタムタクソノミーでできるよ!」



                                               Copytight (C) 2012 Toro_Unit.
カスタムタクソノミーのはなし               WordBench Nagano Vol.1




 タクソノミーとは・・・

  カテゴリー、タグのような、記事を分類するもの。


 つまりカスタムタクソノミーとは・・・

  記事の分類を作成できる機能!


 ※カスタムタクソノミーをカスタム分類って言ったりもします。




                                                      Copytight (C) 2012 Toro_Unit.
カスタムタクソノミーのはなし   WordBench Nagano Vol.1




                                          Copytight (C) 2012 Toro_Unit.
実装方法      WordBench Nagano Vol.1




       実装方法



                                   Copytight (C) 2012 Toro_Unit.
実装方法                                                   WordBench Nagano Vol.1




   register_post_type( $post_type, $args );
   ref: http://wpdocs.sourceforge.jp/ 関数リファレンス /register_post_type

   register_taxonomy($taxonomy, $object_type, $args);
   ref: http://wpdocs.sourceforge.jp/ 関数リファレンス /register_taxonomy




   <?php
   add_action('init', 'add_custom_post_type');
   function add_custom_post_type() {
        register_post_type($post_type, $args = array);
        register_taxonomy($taxonomy, $object_type, $args = array);
   }
   ?>                                                                                functions.php




                                                                                Copytight (C) 2012 Toro_Unit.
実装方法                           WordBench Nagano Vol.1




       「PHP 苦手・・・functions.php とか触りたくない・・・」

            「もっと手軽にできないの?」




                                                        Copytight (C) 2012 Toro_Unit.
実装方法                                                 WordBench Nagano Vol.1




       「PHP 苦手・・・functions.php とか触りたくない・・・」

            「もっと手軽にできないの?」


       Custom Post Type UI
           http://wordpress.org/extend/plugins/custom-post-type-ui/




                                                                              Copytight (C) 2012 Toro_Unit.
実装方法   WordBench Nagano Vol.1




                                Copytight (C) 2012 Toro_Unit.
便利なプラグインの紹介   WordBench Nagano Vol.1




      便利なプラグインの紹介




                                       Copytight (C) 2012 Toro_Unit.
便利なプラグインの紹介                                               WordBench Nagano Vol.1




  Ps Taxonomy Expander
   http://wordpress.org/extend/plugins/ps-taxonomy-expander/
   カスタムタクソノミーや、カテゴリーなどの並べ替え、ラジオボタンにしたり、
   カスタム分類を使うための便利機能がたくさん入ってます。


 Custom Field Template
   http://wordpress.org/extend/plugins/advanced-custom-fields/


 Advanced Custom Fields
   http://wordpress.org/extend/plugins/custom-field-template/

   カスタム投稿タイプと組み合わせると便利な、カスタムフィールドのためのプラグイン。




                                                                                   Copytight (C) 2012 Toro_Unit.
便利なプラグインの紹介                                               WordBench Nagano Vol.1




  Custom Post Type Permalinks
   http://wordpress.org/extend/plugins/custom-post-type-permalinks/
   カスタム投稿タイプの URL 構造を変更できます。カスタム分類にも対応してます。




                                                                                   Copytight (C) 2012 Toro_Unit.
便利なプラグインの紹介       WordBench Nagano Vol.1




    僕が作ってます!

    来週中にアップデート予定です!

    フィードバック、バグレポート、寄付大歓迎!




                                           Copytight (C) 2012 Toro_Unit.
まとめ                           WordBench Nagano Vol.1




 ・WordPress はブログ以外のサイトも作れる!

 ・カテゴリー、マルチサイトとの使い分けで、更新しやすいサイトに。

 ・カスタムフィールドと組み合わせるとより協力です。

 ・カスタム投稿タイプ、タクソノミーは工夫次第でいろいろできる!(バナーエリアとか)

 ・設定項目が多いので、プラグインで追加する場合も Codex は見ておいたほうがよい。




                                                       Copytight (C) 2012 Toro_Unit.
まとめ            WordBench Nagano Vol.1




      ご清聴ありがとうございました




                                        Copytight (C) 2012 Toro_Unit.
1 of 32

Recommended

PHPerのための(不遇に負けない)Selenium入門 @ FuelPHP&CodeIgniter ユーザの集い #9 by
PHPerのための(不遇に負けない)Selenium入門 @ FuelPHP&CodeIgniter ユーザの集い #9PHPerのための(不遇に負けない)Selenium入門 @ FuelPHP&CodeIgniter ユーザの集い #9
PHPerのための(不遇に負けない)Selenium入門 @ FuelPHP&CodeIgniter ユーザの集い #9Hiroshi Toda
3.5K views22 slides
まだ間に合う「CSS設計」ことはじめ。CSSの闇に飲み込まれないための考え方。 by
 まだ間に合う「CSS設計」ことはじめ。CSSの闇に飲み込まれないための考え方。 まだ間に合う「CSS設計」ことはじめ。CSSの闇に飲み込まれないための考え方。
まだ間に合う「CSS設計」ことはじめ。CSSの闇に飲み込まれないための考え方。Hiroshi Urabe
810 views62 slides
自分のWordPressのブログをリニューアルした話 by
自分のWordPressのブログをリニューアルした話自分のWordPressのブログをリニューアルした話
自分のWordPressのブログをリニューアルした話Hiroshi Urabe
1.6K views40 slides
カスタムフィールドの光と闇。 または、愛について。 by
カスタムフィールドの光と闇。 または、愛について。カスタムフィールドの光と闇。 または、愛について。
カスタムフィールドの光と闇。 または、愛について。Hiroshi Urabe
506 views41 slides
jQueryで作るカスタム投稿の画像スライダーライブラリ by
jQueryで作るカスタム投稿の画像スライダーライブラリjQueryで作るカスタム投稿の画像スライダーライブラリ
jQueryで作るカスタム投稿の画像スライダーライブラリTakashi Uemura
3.8K views32 slides
使いやすいWordPressのためのCSSのつくりかた by
使いやすいWordPressのためのCSSのつくりかた使いやすいWordPressのためのCSSのつくりかた
使いやすいWordPressのためのCSSのつくりかたHiroshi Urabe
10.8K views201 slides

More Related Content

Similar to カスタム投稿タイプ&カスタムタクソノミーの使い方 #wbNagano

はじめてみよう! WordPress プラグイン・テーマ翻訳 by
はじめてみよう! WordPress プラグイン・テーマ翻訳はじめてみよう! WordPress プラグイン・テーマ翻訳
はじめてみよう! WordPress プラグイン・テーマ翻訳Naoko Takano
5.7K views27 slides
プラグイン公開までの道のり by
プラグイン公開までの道のりプラグイン公開までの道のり
プラグイン公開までの道のりTakami Kazuya
1.2K views48 slides
Git勉強会 vol1 by
Git勉強会 vol1Git勉強会 vol1
Git勉強会 vol1Kazuaki Ebe
535 views45 slides
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと by
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいことa-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいことKasumi Morita
1.2K views67 slides
翻訳について by
翻訳について翻訳について
翻訳についてHidenori Goto
800 views8 slides
Composer by
 Composer Composer
ComposerShogo Kawahara
2.3K views69 slides

Similar to カスタム投稿タイプ&カスタムタクソノミーの使い方 #wbNagano(10)

はじめてみよう! WordPress プラグイン・テーマ翻訳 by Naoko Takano
はじめてみよう! WordPress プラグイン・テーマ翻訳はじめてみよう! WordPress プラグイン・テーマ翻訳
はじめてみよう! WordPress プラグイン・テーマ翻訳
Naoko Takano5.7K views
プラグイン公開までの道のり by Takami Kazuya
プラグイン公開までの道のりプラグイン公開までの道のり
プラグイン公開までの道のり
Takami Kazuya1.2K views
Git勉強会 vol1 by Kazuaki Ebe
Git勉強会 vol1Git勉強会 vol1
Git勉強会 vol1
Kazuaki Ebe535 views
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと by Kasumi Morita
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいことa-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
a-blog cmsをVer.1系からVer.2系へアップデートするときに気をつけておきたいこと
Kasumi Morita1.2K views
WordPressで複数のプラグインをまとめて一気にインストールする方法 by Masahiro Nakashima
WordPressで複数のプラグインをまとめて一気にインストールする方法WordPressで複数のプラグインをまとめて一気にインストールする方法
WordPressで複数のプラグインをまとめて一気にインストールする方法
Masahiro Nakashima2.6K views
月刊ライトニングトーク 12月号 by Masaki Yamamoto
月刊ライトニングトーク 12月号月刊ライトニングトーク 12月号
月刊ライトニングトーク 12月号
Masaki Yamamoto5.6K views
HTML5 アプリ開発 by tomo_masakura
HTML5 アプリ開発HTML5 アプリ開発
HTML5 アプリ開発
tomo_masakura2.2K views

カスタム投稿タイプ&カスタムタクソノミーの使い方 #wbNagano

  • 2. アジェンダ WordBench Nagano Vol.1 1. 自己紹介 2. カスタム投稿タイプってなんぞ? 3. カスタムタクソノミーのはなし 4. 実装方法 5. 便利なプラグインの紹介 6. まとめ Copytight (C) 2012 Toro_Unit.
  • 3. 自己紹介 WordBench Nagano Vol.1 占部 紘 / Toro_Unit フリーランスの WEB デザイナー・フロントエンドエンジニア。 Custom Post Type Permalinks というプラグインを作っています。 WordPress 歴 :3 年半くらい。 www.torounit.com Toro_Unit facebook.com/torounit Copytight (C) 2012 Toro_Unit.
  • 4. カスタム投稿タイプって? WordBench Nagano Vol.1 カスタム投稿タイプってなに? Copytight (C) 2012 Toro_Unit.
  • 5. カスタム投稿タイプって? WordBench Nagano Vol.1 投稿タイプとは・・・ ブログ記事と固定ページのような、ページの種類・属性。 カスタム投稿タイプとは・・・ 前述の投稿タイプを追加できる機能! ex. 施工実績、商品一覧、イベント、更新履歴 ....etc. Copytight (C) 2012 Toro_Unit.
  • 6. カスタム投稿タイプって? WordBench Nagano Vol.1 何ができるの? トップページ お知らせ お知らせ 記事がどんどん増えていくような トップページ 商品一覧 商品一覧 更新コンテンツが複数作成できる! このサイトについて トップページ Copytight (C) 2012 Toro_Unit.
  • 7. カスタム投稿タイプって? WordBench Nagano Vol.1 「いや・・・・カテゴリーでいいじゃん・・・・」 Copytight (C) 2012 Toro_Unit.
  • 8. カスタム投稿タイプって? WordBench Nagano Vol.1 Copytight (C) 2012 Toro_Unit.
  • 9. カスタム投稿タイプって? WordBench Nagano Vol.1 「お知らせも商品も一緒くたでわかりにくい・・・」 ・WordPress の構造的に、お知らせページと商品ページのデザインが変更しにくい。 ・カテゴリーを誤って削除されたり・・・ ・記事投稿も同一の画面なので、カスタムフィールドなどの活用もたいへん。 ・etc・・・・ Copytight (C) 2012 Toro_Unit.
  • 10. カスタム投稿タイプって? WordBench Nagano Vol.1 「カスタム投稿タイプを使うと・・・・・・・・・?」 Copytight (C) 2012 Toro_Unit.
  • 11. カスタム投稿タイプって? WordBench Nagano Vol.1 Copytight (C) 2012 Toro_Unit.
  • 12. カスタム投稿タイプって? WordBench Nagano Vol.1 ごちゃごちゃしない! Copytight (C) 2012 Toro_Unit.
  • 13. カスタム投稿タイプって? WordBench Nagano Vol.1 わかりやすい! Copytight (C) 2012 Toro_Unit.
  • 14. カスタム投稿タイプって? WordBench Nagano Vol.1 Copytight (C) 2012 Toro_Unit.
  • 15. カスタム投稿タイプって? WordBench Nagano Vol.1 テンプレートも 個別記事 記事一覧(アーカイブ) ・通常の記事: single.php ・通常の記事: archive.php ・商品の記事:single-goods.php ・商品の記事:archive-goods.php single- “カスタム投稿名” .php archive- “カスタム投稿名” .php ※has_archive => true の設定が必要 ref: http://wpdocs.sourceforge.jp/ テンプレート階層 Copytight (C) 2012 Toro_Unit.
  • 16. カスタムタクソノミーのはなし WordBench Nagano Vol.1 カスタムタクソノミーのはなし Copytight (C) 2012 Toro_Unit.
  • 17. カスタムタクソノミーのはなし WordBench Nagano Vol.1 Copytight (C) 2012 Toro_Unit.
  • 18. カスタムタクソノミーのはなし WordBench Nagano Vol.1 「野菜とか果物みたいなカテゴリほしいなぁ」 「夕市特価!とかキャンペーン対象商品!みたいなのもほしいなぁ」 Copytight (C) 2012 Toro_Unit.
  • 19. カスタムタクソノミーのはなし WordBench Nagano Vol.1 「野菜とか果物みたいなカテゴリほしいなぁ」 「夕市特価!とかキャンペーン対象商品!みたいなのもほしいなぁ」 「それ、カスタムタクソノミーでできるよ!」 Copytight (C) 2012 Toro_Unit.
  • 20. カスタムタクソノミーのはなし WordBench Nagano Vol.1 タクソノミーとは・・・ カテゴリー、タグのような、記事を分類するもの。 つまりカスタムタクソノミーとは・・・ 記事の分類を作成できる機能! ※カスタムタクソノミーをカスタム分類って言ったりもします。 Copytight (C) 2012 Toro_Unit.
  • 21. カスタムタクソノミーのはなし WordBench Nagano Vol.1 Copytight (C) 2012 Toro_Unit.
  • 22. 実装方法 WordBench Nagano Vol.1 実装方法 Copytight (C) 2012 Toro_Unit.
  • 23. 実装方法 WordBench Nagano Vol.1 register_post_type( $post_type, $args ); ref: http://wpdocs.sourceforge.jp/ 関数リファレンス /register_post_type register_taxonomy($taxonomy, $object_type, $args); ref: http://wpdocs.sourceforge.jp/ 関数リファレンス /register_taxonomy <?php add_action('init', 'add_custom_post_type'); function add_custom_post_type() { register_post_type($post_type, $args = array); register_taxonomy($taxonomy, $object_type, $args = array); } ?> functions.php Copytight (C) 2012 Toro_Unit.
  • 24. 実装方法 WordBench Nagano Vol.1 「PHP 苦手・・・functions.php とか触りたくない・・・」 「もっと手軽にできないの?」 Copytight (C) 2012 Toro_Unit.
  • 25. 実装方法 WordBench Nagano Vol.1 「PHP 苦手・・・functions.php とか触りたくない・・・」 「もっと手軽にできないの?」 Custom Post Type UI http://wordpress.org/extend/plugins/custom-post-type-ui/ Copytight (C) 2012 Toro_Unit.
  • 26. 実装方法 WordBench Nagano Vol.1 Copytight (C) 2012 Toro_Unit.
  • 27. 便利なプラグインの紹介 WordBench Nagano Vol.1 便利なプラグインの紹介 Copytight (C) 2012 Toro_Unit.
  • 28. 便利なプラグインの紹介 WordBench Nagano Vol.1 Ps Taxonomy Expander http://wordpress.org/extend/plugins/ps-taxonomy-expander/ カスタムタクソノミーや、カテゴリーなどの並べ替え、ラジオボタンにしたり、 カスタム分類を使うための便利機能がたくさん入ってます。 Custom Field Template http://wordpress.org/extend/plugins/advanced-custom-fields/ Advanced Custom Fields http://wordpress.org/extend/plugins/custom-field-template/ カスタム投稿タイプと組み合わせると便利な、カスタムフィールドのためのプラグイン。 Copytight (C) 2012 Toro_Unit.
  • 29. 便利なプラグインの紹介 WordBench Nagano Vol.1 Custom Post Type Permalinks http://wordpress.org/extend/plugins/custom-post-type-permalinks/ カスタム投稿タイプの URL 構造を変更できます。カスタム分類にも対応してます。 Copytight (C) 2012 Toro_Unit.
  • 30. 便利なプラグインの紹介 WordBench Nagano Vol.1 僕が作ってます! 来週中にアップデート予定です! フィードバック、バグレポート、寄付大歓迎! Copytight (C) 2012 Toro_Unit.
  • 31. まとめ WordBench Nagano Vol.1 ・WordPress はブログ以外のサイトも作れる! ・カテゴリー、マルチサイトとの使い分けで、更新しやすいサイトに。 ・カスタムフィールドと組み合わせるとより協力です。 ・カスタム投稿タイプ、タクソノミーは工夫次第でいろいろできる!(バナーエリアとか) ・設定項目が多いので、プラグインで追加する場合も Codex は見ておいたほうがよい。 Copytight (C) 2012 Toro_Unit.
  • 32. まとめ WordBench Nagano Vol.1 ご清聴ありがとうございました Copytight (C) 2012 Toro_Unit.