[Wordpress]ACF（Advanced Custom Fields）の「繰り返しフィールド」が便利すぎて泣ける 2020/06/15 20:00 ACFの中で一番私が重宝して使ってる「繰り返しフィールド」の使い方を説明します。 WordPressで独自のカスタムフィールドを作成できるAdvanced Custom Fields（以下ACF）。「繰り返しフィールド」を使った場合のチェックボックスの出力方法は詳しく載ってなかったので今回はその部分をクローズアップしつつ紹介したいと思います。 Advanced Custom Fields で繰り返し機能を使う 投稿日： 2018年1月15日 WordPressでカスタムフィールドを使用するときに大変お世話になっている「 Advanced Custom Fields （以下ACF）」ですが、このACFの有料プラグイン「Repeater Field」が大変便利です。 WordPressの機能のひとつであるAdvanced Custom Fields（ACF）。 WordPressを使う際にとっても便利な機能のひとつですが、有料アドオンでさらに便利な機能へレベルアップすることをご存じですか？ 色々なアドオンがありますが、その中でもご紹介したいのが「Repeater Advanced Custom Fieldsでカスタムフィールドを繰り返し作れる「Repeater Field」機能を無料で代替する方法。Smart Custom Fieldsという無料プラグインを使えばACF Repeater Fieldとほとんど同じことが … Advanced Custom Fieldsの繰り返しフィールドの使い方 2019年11月30日 2019年12月1日 WordPressのカスタムフィールドを簡単に使用できるプラグイン「Advanced Custom Fields」の有料版で使える「繰り返しフィールド（Repeater Field）」が便利です。 「繰り返し」「柔軟コンテンツ」「オプションページ」の役割については、前回のAdvanced Custom Fields(ACF)を使いこなす Vol.1でも触れました。 またフリー版とPro版では最新のリリースバージョンも … さて、カスタムフィールドの実装はプラグインを利用する方が便利です。認知度としては「Advanced Custom Fields（ACF）」がもっともよく知ら … Advanced Custom Fields(ACF)の繰り返しフィールド(Repeater Field)って有料なのか...。, そんな風にがっかりしている方へ、「Smart Custom Fields」という無料プラグインを使えばだいたい同じことができますよ、という記事です。, WordPressでサイト制作していると、「投稿記事の編集画面でこんな↓感じでカスタムフィールドを必要な数に応じて簡単に増減させたい」という時が出てきますよね。, これを達成するための代表的なプラグインが「Advanced Custom Fields Repeater Field」でした。, ですが、残念ながらこれはAdvanced Custom Fieldsの有料アドオン。, 僕が携わっていた案件では有料だと導入が厳しかったので「しゃーない、このカスタムフィールドはACFで4つ事前定義しといて、最大4つですって仕様にしとくか」と諦めかけました。, そんなとき、ACF Repeater Fieldの機能を代替できる素晴らしい無料プラグイン「Smart Custom Fields」を見つけて歓喜したのでシェアします。, ACFを使ったことがある方なら、なにも難しいことはないのでぜひ使ってみてください。, (ちなみに冒頭の↑画像は、このSmart Custom Fieldsで実現したものです), WordPress管理画面の「プラグイン」＞「新規追加」からsmart custom fieldsで検索し、インストール・有効化します。評価星５なのも良いですね。, 有効化すると、管理画面左バーに「Smart Custom Fields」と現れるので、ここからカスタムフィールドの定義を始めます。, 以下例では、本記事冒頭の画像にあるように「ギャラリー」というカスタム投稿タイプを作って、画像が並んで表示されるギャラリーページを想定します。, 1記事内で何枚の画像を登録するかは事前に決まっておらず、投稿者の必要に応じて簡単に枚数増減したい、ということです。, 今回の例では、「画像」と一緒に表示する短い文章も紐づけたかったので、もう一つのタイプ「テキスト」も設定しました。, ちなみに「タイプ」には以下種類が用意されています。ACFより対応タイプ種類が少ないので、そこだけは注意ですね。, これでカスタム投稿タイプ「ギャラリー」の記事作成画面を見てみると、冒頭と全く同じ画像ですがこんな風に操作できます↓, このように＋ボタンをクリックするだけでフィールドを簡単に好きなだけ増やし、画像を登録しまくることができます。削除したい時は×をクリックするだけ。, 以上、まずはSmart Custom Fieldsで繰り返しカスタムフィールドを試してみてはいかがでしょうか、の巻でした。, 大抵の場合は、通常はACFを使いつつ繰り返したいカスタムフィールドがある時だけはSCF、というふうに併用スタイルになるのかと思います。, SCFで作成したカスタムフィールドの入力値を出力する方法は、「smart custom fields 出力」とググれば親切な人たちが分かりやすく解説してくれている記事に出会えるのでそちらを参照してください。, WordPressやったりPythonやったりのIT/プログラミング関連多めの雑記ブログ。WordPress独自テーマで運営中です。, YUKI.WORLD トップ » Advanced Custom Fieldsの繰り返し機能を無料で使いたい時, 「Smart Custom Fields」という無料プラグインを使えばだいたい同じこと, 【無料】ACF Repeater FieldをSmart Custom Fieldsで代替する, PHPテンプレートで呼び出す際に必要な「名前」を定義("gallery-item"). Smart Custom Fields（SCF）の繰り返し（グループ）機能. Wordpressのプラグイン「Smart Custom Fields」の使い方を説明したページです。Smart Custom Fieldsは繰り返し機能が無料で使えるカスタムをフィールド生成できるプラグインです。Smart Custom Fieldsの設定方法から出力方法までこのプラグインの全てが分かります。 以前にも軽く説明したのですが、現在は有料版がサブスクみたいに月額制となってるようです。, で、今回の繰り返しフィールドを使うにはpro版が必要となりますので、有料版ですね。, 今回は「プライバシーポリシー」の項目をオプション＆繰り返しフィールドを使って実装する例を書いてみます。, if( function_exists('acf_add_options_page') ) {, $option_page = acf_add_options_page(array(, これを追加するとWP管理画面内にこういったオプション項目が表示されるようになります。, プライバシーポリシーを作る例なので、見出しとなるタイトルと中身となる内容の2種を作成します, 入力し終わったら、「ルール」という項目でどこで使うカスタムフィールドなのかを指定します。, さっきオプション追加した「プライバシーポリシー」の項目に指定するように選択します。, , , , , 私の場合はメールフォーム下部につけてるので実際の画面はCONTACTページで確認する事ができます。, 注意点としては「,option」とついてるのはオプション項目で利用するものの場合です。, あと、サブフィールドの呼び出しは「get_sub_field('')」と、「sub」がついてるので間違えないように注意です。, マッチングサイト運営に始まり、サイト・ブログ制作、ECサイト管理等、WEBに携わり約15年、現在は制作会社にてWordpressを中心としたWEBデザイナー・エンジニアとして活動中。すっかりPHPの魅力に取りつかれたPHPerです。主に自分の為の備忘録として、さらに初心者～中級者の為に役立ちそうなPHP・WEB関連の情報を発信したいと思います。, [Wordpress]多言語化「GTranslate」プラグインでリアルタイム楽々翻訳を可能にする方法, [Wordpress]ACF（Advanced Custom Fields）の「繰り返しフィールド」が便利すぎて泣ける.

最近、「ズームしながら写真が切り替わる動きが欲しい」という声が大きいんですが、WordPressサイトで実装する際に、カスタムフィールドを使って画像を登録出来るようにしてあげると、お客様側でそれなりに手軽に画像の差し替えができるようになるので、よく使ってる手法をご紹介。, zoomsliderの基本設定については、「ズームしながらフェードで画像が切り替わるjQueryプラグイン「zoomslider」の使い方」を見てもらうとして、以下はAdvanced Custom Fields側の設定方法について。, カスタムフィールドで「繰り返しフィールド」を設定し、繰り返すフィールドに「画像」フィールドを用意する（返り値は"画像ID"）。これで、編集画面から簡単にスライド枚数と設定する画像を変更することが出来る。, ズームしながらフェードで画像が切り替わるjQueryプラグイン「zoomslider」の使い方, 【CSS】transformのskewYを使って背景を斜めにした時、文字がぼやける、にじむ場合の対処法, 【WordPress】Advanced Custom Fieldsの繰り返しフィールドを使ってzoomsliderを使う方法 - webtoranomaki.

Advanced Custom Fieldsの設定. カスタムフィールドで「繰り返しフィールド」を設定し、繰り返すフィールドに「画像」フィールドを用意する（返り値は"画像ID"）。これで、編集画面から簡単にスライド枚数と設定する画像を変更することが出来る。

.

Webex 画面分割 方法 33, トイレ 勝手に流れる 怖い 17, Nhkワールド Japan 録画 4, Android Usb ボリューム 5, 英語授業 導入 ゲーム 6, Csi サラ 降板 理由 9, ベンツ カブリオレ 雨漏り 13, 第五人格 メッセージ 翻訳 8, バイオ ハザード リベレーションズ パチンコ 評価 7, タップル おでかけ ごめんね 6, Nhkニュース9 歴代 アナウンサー 5, 下回り 防錆 ジェームス 11, 電話工事 耐用年数 国税庁 10, 友達 結婚出産 嫉妬 5, 石膏ボード アンカー ダイソー 11, ゴールデンレトリバー ミックス ブリーダー 5, Jr東日本 運転士 廃止 4, ロンパース リメイク マスク 4, Pid制御 C 言語 25, Speed Wi Fi Home L01s White Uq版 4, Li 4 番目 8, Logicoolキーボード Mac 設定 4, Nike Pegasus Turbo 3 Leak 5, 男はつらいよ 歌詞 違う 6, Buffer Health Youtube 6, 添景 人 手書き 4, Shiro 仙台 取扱店 8, Hinabingo 3 いつ 38, ワード 黒い 点線 消す 4, 青森山田 出身 サッカー選手 10, 反り爪 足 小指 15, ズッキーニ チーズ オーブン 4, 小林 礼奈 インスタ ライブ ケンカ 27, Ecm Pcv80u 風防 4, ストーリー 非表示 心理 友達 15, なろう おすすめ 2ch 6, 婦人服 オーダーメイド 京都 6, Braun Series9 説明書 6, ゆず 雨のち晴レルヤ 歌詞 意味 6, 徳島大学 就職 ランキング 5, オーマイグンネス Gg 英語 5, 犬 名前 覚えやすい 22, 郵便番号 ハイフン 入れる Javascript 7, ポケモン アイアント 相性 5, パナソニック お風呂テレビ 故障 4, 仕事が長続き しない スピリチュアル 4, リネージュ オリジン ブログ 4, ドラえもん お話 リスト 13, ブラウン シリーズ7 替刃 互換性 9, Python Binary To Base64 5, 60歳 リタイア ブログ 6, 美顔器 Ems やりすぎ 10, 映画 稲村ジェーン 無料 動画 16, デュエルリンクス セレクションボックス 課金 5, Alter Table Modify Sqlserver 6, 囚われのパルマ Refrain クエスト 5, Pandas 行 比較 5, 獅子座 O型 男 浮気 6, Symantec Endpoint Protection Exe 許可 5, 保険解約 確定申告 必要書類 4,