32
WordBench Nagano Vol.1 Copytight (C) 2012 Toro_Unit. カスタム投稿タイプ&カスタムタクソノミーの使い方

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

Embed Size (px)

DESCRIPTION

 

Citation preview

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

アジェンダ

1. 自己紹介2. カスタム投稿タイプってなんぞ?3. カスタムタクソノミーのはなし

4. 実装方法5. 便利なプラグインの紹介6. まとめ

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

自己紹介

占部 紘 / Toro_Unit

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

Toro_Unit

www.torounit.com

WordPress 歴 :3 年半くらい。

facebook.com/torounit

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

投稿タイプとは・・・

ブログ記事と固定ページのような、ページの種類・属性。

カスタム投稿タイプとは・・・

前述の投稿タイプを追加できる機能!

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

何ができるの?

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

トップページ商品一覧 商品一覧

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

記事がどんどん増えていくような更新コンテンツが複数作成できる!

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

ごちゃごちゃしない!

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

わかりやすい!

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

テンプレートも

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

single- “カスタム投稿名” .php

個別記事

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

archive- “カスタム投稿名” .php

記事一覧(アーカイブ)

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

※has_archive => true の設定が必要

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

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

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

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

タクソノミーとは・・・

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

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

実装方法

実装方法

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

実装方法

register_post_type( $post_type, $args );

register_taxonomy($taxonomy, $object_type, $args);

<?phpadd_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);}?>

ref: http://wpdocs.sourceforge.jp/ 関数リファレンス /register_post_type

ref: http://wpdocs.sourceforge.jp/ 関数リファレンス /register_taxonomy

functions.php

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

実装方法

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

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

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

Custom Post Type UI

実装方法

http://wordpress.org/extend/plugins/custom-post-type-ui/

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

実装方法

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

便利なプラグインの紹介

便利なプラグインの紹介

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

便利なプラグインの紹介

Ps Taxonomy Expanderhttp://wordpress.org/extend/plugins/ps-taxonomy-expander/

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

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

カスタムタクソノミーや、カテゴリーなどの並べ替え、ラジオボタンにしたり、カスタム分類を使うための便利機能がたくさん入ってます。

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

便利なプラグインの紹介

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

便利なプラグインの紹介

僕が作ってます!

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

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

まとめ

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

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

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

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

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

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

WordBench Nagano Vol.1

Copytight (C) 2012 Toro_Unit.

まとめ

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