Embed Size (px)
Citation preview
PluginTypesのご紹介
カスタム投稿／フィールド／タクソノミーを自由自在
photo by anko.gaku_ulahttp://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を公開しました。
カテゴリーの追加の度に表示の確認が必要
雑多になるカテゴリー
チェックミス
目的のカテゴリーを選ぶのに時間がかかる
そんな問題を解決出来るのが
カスタム投稿タイプ
カスタムタクソノミー
カスタム投稿タイプとは
カスタムタクソノミーとは
あと、お客さんへの説明が簡単
メニューの【投稿】のカテゴリーの【商品】をチェック・・・
メニューの【商品管理】で登録して！
超簡単！
また追加要望
キャンペーン機能を持たせたい
期間が過ぎたら、文言も自動で消えて欲しい
photo by june29http://www.flickr.com/photos/june29/2160376067/落ち込む@elimさん
自動って・・・
いちごのショートケーキ
そんな時に便利なのが
カスタムフィールド
データとして扱える情報を保持できる機能です。
あとはテーマテンプレート
if文書いて終了if(今日の日付=>キャンペーン開始日
&& 今日の日付<=キャンペーン終了日)
これもまた便利
紹介した３つのカスタム系
便利なんだけど
難点があります
カスタム投稿タイプカスタムタクソノミー
利用するには
functions.phpに小難しいコードを記述する必要がある
カスタムフィールドお客さんが更新するところなのに・・・
日付の記述方法間違えたら・・・
例えば
photo by june29http://www.flickr.com/photos/june29/2160376067/落ち込む@elimさん
和暦・・・
でも大丈夫！
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
