ACF の Repeater Field で幸せになれるかもしれない話2014/04/12 Yutaro Miyazaki

Yutaro Miyazaki 無職で大学を卒業して早2年…フリーの

ウェブデザイナー/エンジニア

としてなんとかやっています。

About me

カスタムフィールド使うなら ACF♪

てなんじゃ ?

• 管理が楽

• 適用パターンが細かく設定可能

• スタイル当てなくても割となんとかなる

• テーマファイルへの記述がシンプル

そんなA C Fが

“Supercharge your website!”

と謳うアドオン達がある

Repeater Field• 有料アドオン

• $25-

• Multi-site license

• You may use Multiple any website projects

• Include in a not free WP theme or Plugin

見せて貰おうか Repeater Fieldの

性能とやらを

(ここですかさずブラウザに切り替えてデモ)

もしこんなことになっていたら...

• 投稿画面内に不要なカスタムフィールドがドッサリ

• WPエディタ内がガチガチhtmlで編集担当ポカーン

• ビジュアルエディタの使い方を何度も聞かれる

• 「表示崩れちゃったんですけど」→タグ消されてる

それ、これで解決できるかも

値の取得は非常に簡単で、通常のACF <?php the_field( 'フィールド名' ); ?> に対して、 <?php the_sub_field( 'フィールド名' ); ?> でおk。 !ドキュメントもサンプルコード付きで充実しています。 http://www.advancedcustomfields.com/add-ons/repeater-field/

ちなみに...

あとはキミのアイデア次第だ

• スケジュールに

• イベント参加者とか登壇者とか

• スポーツ行事のリザルトとか

• アイテムのサイズ入力欄とか

• 画像ギャラリーとか

(サンプルサイト作るのが面倒だったので)

実際の導入例を見てみましょう

例えばこんな時

Repeater Fieldの中にRepeater Fieldを作ることも

2重のループで幸せ

イメージギャラリーにしてみる

スキップしても使える幸せ

シンプルだから、どうにでも書ける幸せ

最初の1枚を取ってくるときは

配列で受け取れる幸せ

注意カスタムフィールド及びACF Repeater Fieldは用法用量を守って正しく利用しましょう。

参考

• Advanced Custom Fieldsプラグインを使う際の注意点などhttp://notnil-creative.com/blog/archives/1752

• 製作者に知っていて欲しいWordPressのカスタムフィールドと検索の話http://goo.gl/bVxr4M