Wordpressのプラグイン「Smart Custom Fields」の使い方を説明したページです。Smart Custom Fieldsは繰り返し機能が無料で使えるカスタムをフィールド生成できるプラグインです。Smart Custom Fieldsの設定方法から出力方法までこのプラグインの全てが分かります。 最近、「ズームしながら写真が切り替わる動きが欲しい」という声が大きいんですが、WordPressサイトで実装する際に、カスタムフィールドを使って画像を登録出来るようにしてあげると、お客様側でそれなりに手軽に画像の差し替えができるようになるので、よく使ってる手法をご紹介。, zoomsliderの基本設定については、「ズームしながらフェードで画像が切り替わるjQueryプラグイン「zoomslider」の使い方」を見てもらうとして、以下はAdvanced Custom Fields側の設定方法について。, カスタムフィールドで「繰り返しフィールド」を設定し、繰り返すフィールドに「画像」フィールドを用意する(返り値は"画像ID")。これで、編集画面から簡単にスライド枚数と設定する画像を変更することが出来る。, ズームしながらフェードで画像が切り替わるjQueryプラグイン「zoomslider」の使い方, 【CSS】transformのskewYを使って背景を斜めにした時、文字がぼやける、にじむ場合の対処法, 【WordPress】Advanced Custom Fieldsの繰り返しフィールドを使ってzoomsliderを使う方法 - webtoranomaki. [Wordpress]ACF(Advanced Custom Fields)の「繰り返しフィールド」が便利すぎて泣ける 2020/06/15 20:00 ACFの中で一番私が重宝して使ってる「繰り返しフィールド」の使い方を説明します。 Advanced Custom Fieldsでカスタムフィールドを繰り返し作れる「Repeater Field」機能を無料で代替する方法。Smart Custom Fieldsという無料プラグインを使えばACF Repeater Fieldとほとんど同じことが … Smart Custom Fields(SCF)の繰り返し(グループ)機能. Advanced Custom Fields で繰り返し機能を使う 投稿日: 2018年1月15日 WordPressでカスタムフィールドを使用するときに大変お世話になっている「 Advanced Custom Fields (以下ACF)」ですが、このACFの有料プラグイン「Repeater Field」が大変便利です。 さて、カスタムフィールドの実装はプラグインを利用する方が便利です。認知度としては「Advanced Custom Fields(ACF)」がもっともよく知ら … Advanced Custom Fieldsの設定. 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で検索し、インストール・有効化します。評価星5なのも良いですね。, 有効化すると、管理画面左バーに「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"). Advanced Custom Fieldsの繰り返しフィールドの使い方 2019年11月30日 2019年12月1日 WordPressのカスタムフィールドを簡単に使用できるプラグイン「Advanced Custom Fields」の有料版で使える「繰り返しフィールド(Repeater Field)」が便利です。 カスタムフィールドで「繰り返しフィールド」を設定し、繰り返すフィールドに「画像」フィールドを用意する(返り値は"画像ID")。これで、編集画面から簡単にスライド枚数と設定する画像を変更することが出来る。 WordPressで独自のカスタムフィールドを作成できるAdvanced Custom Fields(以下ACF)。「繰り返しフィールド」を使った場合のチェックボックスの出力方法は詳しく載ってなかったので今回はその部分をクローズアップしつつ紹介したいと思います。 以前にも軽く説明したのですが、現在は有料版がサブスクみたいに月額制となってるようです。, で、今回の繰り返しフィールドを使うには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)の「繰り返しフィールド」が便利すぎて泣ける. 「繰り返し」「柔軟コンテンツ」「オプションページ」の役割については、前回のAdvanced Custom Fields(ACF)を使いこなす Vol.1でも触れました。 またフリー版とPro版では最新のリリースバージョンも … WordPressの機能のひとつであるAdvanced Custom Fields(ACF)。 WordPressを使う際にとっても便利な機能のひとつですが、有料アドオンでさらに便利な機能へレベルアップすることをご存じですか? 色々なアドオンがありますが、その中でもご紹介したいのが「Repeater

レゴ ジュラシックワールド スイッチ 攻略 8, 農 試 公園 自転車 15, 和牛 水田 結婚 18, Pso2 最強職 2020 18, Studio One 4 マニュアル 12, Photos Companion 使えない 6, Avic Zh07 リセット ボタン 11,

Write a comment