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使って
勉強会

西宮北口駅周辺
毎月２回

箕面駅周辺
毎月２回

富田林市
毎月１回

堺駅周辺
毎月１回

では、本編へ

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を公開しまし
た。

でもこれだと

お知らせの詳細ページ
を作成するときに不便

もう１つリンク先の
記事が必要になる

お客さんの更新箇所
２ッ

出来れば、
新着商品一覧のよう

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を公開しまし
た。

じゃぁ、この場合
どうする？

・・・

『お客さんに』

チェックは１つで
お願いしますm(__)m

って言う！！！

オレオレ仕様

さらに

カテゴリーの追加の度に
表示の確認が必要
2012.11.03 WordCamp大阪開
催！
2012.10.20 HPを公開しまし
た。

雑多になるカテゴリー

チェックミス

目的のカテゴリーを選ぶのに
時間がかかる

そんな問題を解決出来るのが

カスタム投稿タイプ
カスタムタクソノミー

カスタム投稿タイプとは

カスタムタクソノミーとは

あと、お客さんへの
説明が簡単

メニューの【投稿】のカテゴリー
の【商品】をチェック・・・

メニューの
【商品管理】で登録して！

超簡単！

また追加要望

キャンペーン機能を
持たせたい

期間が過ぎたら、
文言も自動で消えて欲しい

自動って・・・
落ち込む@elimさん photo by june29
http://www.flickr.com/photos/june29/2160376067/

いちごのショートケーキ

そんな時に便利なのが

カスタムフィールド

データとして扱える情報を
保持できる機能です。

あとはテーマテンプレート

if文書いて終了
if(今日の日付=>キャンペーン開始日
&&
今日の日付<=キャンペーン終了日)

これもまた便利

紹介した３つの
カスタム系

便利なんだけど

難点があります

カスタム投稿タイプ
カスタムタクソノミー
利用するには

functions.phpに
小難しいコードを記述する必要がある

カスタムフィールド
お客さんが更新する
ところなのに・・・

日付の記述方法間違
えたら・・・

例えば

和暦・・・
落ち込む@elimさん photo by june29
http://www.flickr.com/photos/june29/2160376067/

でも大丈夫！

WordPressの良いと
ころは豊富なPlugin
21,878

functions.phpに
小難しいコードを記述する必要がある

functions.phpに
小難しいコードを記述する必要がある

それを可能にしてく
れるのが

Types Plugin

Typesの良いところ

①１つPluginで３つをカバー
カスタム投稿タイプ
カスタムタクソノミー
カスタムフィールド

②設定画面が日本語

③入力チェック機能あり

③入力チェック機能あり
和暦
いれんな！

④投稿タイプの関連付け
A店 ショートケーキ
チーズケーキ
B店 モンブラン
ミルフィーユ

ではデモします。

表示するには

３通りあります

①ショートコード

②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