advanced customfieldsの追加機能options pageについて(画像自主規制ver)
DESCRIPTION
2月16日にWordPress勉強会「WordBench東京」でのLTです。 WordPressのカスタムフィールドプラグイン「Advanced Custom Fields」の追加機能OptionsPageについて話しました。 問題ありそうな画像は自主規制しています(震え声) http://liginc.co.jp/web/wp/plug-in/74508TRANSCRIPT
Advanced Custom Fieldsの 追加機能Options Pageについて (画像自主規制Ver)
画像自主規制(はぁと)
株式会社LIG エンジニア
段田隼人 (だんだ・はやと)
PROFILE
ニックネーム:資本主義の豚 生年月日:1979/10/04
職業:エンジニア、段田商会店主
http://onsenjapan.jp/ 温泉ジャパン
http://entermeus.com/ エンタメウス 今イチオシ
◇ウェブサイト制作
etc…
カスタムフィールドプラグイン 「Advanced Custom Fields」の (有料)追加機能になります。
Options Pageって?
なにができるの?
なにができるの?
サイト全体の設定情報を登録・保存できる! (記事に依存せず wp-optionsのような設定情報)
なにができるの?
サイト全体の設定情報を登録・保存できる! (記事に依存せず wp-optionsのような設定情報) 設定ページも管理画面上で楽に作成できる!
なにができるの?
サイト全体の設定情報を登録・保存できる! (記事に依存せず wp-optionsのような設定情報) 設定ページも管理画面上で楽に作成できる! AdvancedCustomFields機能使って色々捗る!
購入!
購入! http://www.advancedcustomfields.com/add-ons/options-page/ 公式ページから25ドルで買えます
土下座してでも買いましょう
インストール!
インストール!
wp-content / pluginsフォルダに 購入したOptions Pageプラグインをアップ後、 管理画面で有効化
有効化後、 メニューに「Options」が 追加される
ここに設定情報を追加して管理することになります。
Optionsページ
Advanced Custom Fields の設定画面で 項目を追加していきます。
ルールに「オプションページ」が追加されていますので、 こちらを選択します。
項目を作成します。
先ほどのOptionsページに項目が追加されます。
項目にデータを追加します。
取得コード
$img_obj = get_field('logo', 'option');
プラグインで用意しているget_fieldもしくはthe_fieldで取得 第一引数にカスタムフィールド名 第二引数に option
表示
ここに表示させました
以上の操作で サイト全体の設定画面を作ることができます。
画像自主規制(はぁと)
さらに・・・
Repeater(繰り返し)アドオンと 組み合わせれば バナー機能とか作れます。
かなり捗ります!
画像自主規制
最後に 「Advanced Custom Fields」プラグインは 本日紹介したアドオン以外にも 有料、無料アドオンを公開しています。 色々試してみるとサイト構築が 段違いに捗ることもあるので、 興味があったら参考してみましょう~
ご静聴ありがとうございました。