My code: if 次のコードは、リピーターフィールド名が「テキストセット」フィールド値が「テキスト」の場合の表示方法です。, 次のコードは、リピーターフィールド名が「画像セット」フィールド値が「画像」の場合の表示方法です。, リピーターフィールドのループを途中で中断した場合は、ループを再開すると中断した位置からループが再開されます。
Tweet to @t93hirashima, Advanced Custom Fields で登録したタームのフィールド値を取得する方法, foreach を使った基本的なループの表示方法(PHP foreach loop). 次のコードは、リピーターフィールドとオプションページを組み合わせた場合の表示方法です。, ※有料機能のオプションページを使用する場合は option を追加します。ここが以外と忘れがちなので気をつけましょう。, オプションページの詳しい使い方は Advanced Custom Feld オプションページの表示方法をご覧ください。, リピーターフィールドのループ内では、フィールドの取得に the_field ではなく the_sub_field を使用します。 オプションページは、投稿とは別に独立して管理ページを作成したい時に使えます。 表示方法にやや癖がありますが the_field や the_sub_field の使い分けができていれば、表示でつまずくことはないと思います。 ・フィールド名を間違えている

1.1 返り値が画像IDの時; 1.2 返り値が画像URLの時 (adsbygoogle = window.adsbygoogle || []).push({}); 目標必達のために鬼努力を惜しまない個人事業主。フリーライターとWeb制作のお仕事をしています。立命館大学中退。放送大学教養学部の全科履修生。中小企業診断士とFP1級を目指してハードに勉強中。, Advanced Custom Fieldsの拡張機能「繰り返しフィールド(Repeater Field)」の紹介, 【WordPress】バージョン5.4.1においてパーマリンクの設定により投稿ページが表示されない不具合が発生, 【アフィリエイト】1つのページに複数のGoogleアドセンスを設置した時に、広告が表示されない問題を修正する方法, 【WordPress】「Meta Tag Manager」プラグインを使ってWebサイトにキーワードを追加する方法. リピーターフィールドの取得がうまくいかない場合は the_sub_field() や get_sub_field() になっていることを確認しましょう。 Repeater Field については、 Advanced Custom Feld のアドオン Repeater Field の表示方法 で詳しく紹介しています。 表示が上手くいかない場合は大抵ここの記述ミスなので、表示が上手くいかないときはまずここをチェックしましょう。 「C#でコントロールのID名からコントロールを取得する方法」に関する質問と回答の一覧です。(1) Insider.NET - @IT 例えば、リピーターフィールドの繰り返しが3つの場合にクラス名に配列数を指定したいときなど、次のコードをリピーターフィールドの外に追加します。, リピーターフィールドや柔軟コンテンツで入れ子にしている場合は get_sub_field() に変更します。, 頻繁に使うであろうリピーターフィールドのコードテンプレートを紹介します。 WordPress プラグイン ACF の機能の1つ、繰り返しフィールドの表示方法を紹介します。例えば、カスタムフィールドを繰り返し入力したいときに便利な機能です。表示方法と合わせて、値を取得する際に間違いやすい点や、対処方法や便利な使い方を紹・・・ フィールドを出力するときは「the_sub_field」、変数に代入したいときは「get_sub_field」となります。ここらへんの書き方はオリジナルのAdvanced Custom Fieldsと同じですね。それでは実際にブラウザで見てみましょう。, Advanced Custom Fieldsのアドオン「Repeater Field」の解説は以上です。有料のプラグインなので購入を躊躇されているかたもたくさんいると思います。この記事がRepeater Fieldの購入の検討に役に立てれば幸いです。私はこのプラグインを購入して、本当に世界が変わりました。みなさまもぜひRepeater Fieldのご購入をお勧めいたします。, ==========
それではRepeater Fieldで設定したカスタムフィールドを実際に表示させるために必要なコードの書き方を紹介します。通常のAdvanced Custom Fieldsでの書き方とちょっと異なっているので注意してください。, こんな感じです。 Wireless-N Wi-Fi Repeater シリーズの特徴Wireless-N Wi-Fi Repeaterを言う無線LAN機器を入手したので特徴と設定方法を解説させていただきます。まずWireless-N Wi-Fi Repeat 例えば、カスタムフィールドを繰り返し入力したいときに便利な機能です。 目次. 次のコードは、リピーターフィールド名 repeater_field_name、なかに設定したフィールド名が sub_field_name の場合の表示方法です。, ※関数 have_rows と the_row は ACF v4.3.0 で追加されました。, リピーターフィールドに値の入力がない場合の処理を追加するには endwhile の後に else を追加します。, 有料機能の Options Page(オプションページ)は、リピーターフィールドと組み合わせて使いたい機能の一つです。 ブログ更新の作業ログや、ちょっとした小話もあるかも! サブフィールドの表示に条件分岐を使うときのテンプレートはこちら。, WordPress プラグイン ACF の機能の1つ、繰り返しフィールドの表示方法を紹介しました。 Question: How do you simply count the rows in the output of an ACF repeater field? ・フィールドタイプに合わせた記述ができていない 表示がうまくいかない時には、 Advanced Custom Fieldsプラグインを使ったカスタムフィールド操作の練習メモ。フィールドの値を取得して表示させる方法を纏めてみました。     0.基本的な方法 フィールドの値を取得して表示するには、「the_field()」を使います。 [php] the_field('field_name_01'); [/php]   フィールドの値を取得 … ブログの更新情報をTwitterやfacebookで紹介しています。 Goal: to make the output look different with a CSS class when there's only one row, vs. more than one row. 次のコードは、配列の順番を逆にして表示する方法です。, リピーターフィールドを入れ子にしたいときの表示方法を紹介します。 Repeater Fieldのすごいところは、このような手順で好きな数だけ同じカスタムフィールドを繰り返して登録できるところですね。 さらにカスタムフィールドの左端にある「1」「2」「3」の部分をドラッグすることで、自由に画像の並び替えができます。 この機能を使うことで、投稿内でカスタムフィールドを自由に増やせるフィールドセットを作ることができます。, リピーターフィールドの基本的な表示方法と、表示がうまくいかない時に確認するべき注意点を紹介します。, リピーターフィールドを表示するためのループには while 文を使用します。 WordPress プラグイン ACF の機能の1つ、繰り返しフィールド(Repeater Field、以下リピーターフィールド)の表示方法を紹介します。 その他に ACF を使ったカスタムフィールドの詳しい表示方法は Advanced Custom Fields の表示方法 をご覧ください。, 不明点があればお気軽にご質問ください。 次のコードは、親のリピーターフィールド名が「親」子のフィールド名が「子」、親と子に設定したフィールド名が sub_field_name1 と sub_field_name2 にした場合の表示方法です。, ループを入れ子にするときは the_sub_field や get_sub_field()を使用します、 ループを最初に戻して再開したい場合は reset_rows() を使用します。 例えば、最初のループを break で中断した場合に、あらためて have_rows() で再開する場合は、中断したループの endwhile の後に reset_rows() を指定します。, リピーターフィールドの配列の数を取得するには PHP の関数 count() を使用します。 Twitter → @jugedred 表示方法と合わせて、値を取得する際に間違いやすい点や、対処方法や便利な使い方を紹介します。, リピーターフィールドは Advanced Custom Fields の有料機能の一つです(昔はアドオンで、今はPRO版の機能)。 WEBデザインのTIPSまとめサイト「ウェブアンテナ」 TOP >  特集コンテンツ > WordPressプラグイン >, Advanced Custom Fields The Repeater Field, Advanced Custom FieldsのアドオンであるThe Repeater Fieldに登録された画像の中で、1枚目の情報を取得して表示する方法のご紹介です。, このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。, ブログランキング| にほんブログ村 WordPress| ブログ村 HTML/CSS| JavaScriptランキング| ランキングはこちらをクリック!| ブログランキング, [WP]カテゴリの順番を自由に変更できるWordPressプラグイン「Category Order」, [WP]サイトで技術的な問題が発生しています。サイト管理者のメールを確認して指示に従ってください。のエラーの対処法, [WP]Jetpackコンタクトフォームで送信後に特定のページにリダイレクトさせる方法, [WP]WordPress5.1にするとクイック編集が動かなくなった原因はプラグイン, [WP]Search EverythingでCannot use object of type WP_Errorが表示される場合の対処法, [WP]Gutenbergを無効化するプラグイン「Disable Gutenberg」, [WP]WP Fastest CacheでCall to undefined function add_settings_error()が出る場合の対処法, [WP]サーバー移行時にCannot declare class MW_WP_Form_Controllerのエラーが表示される場合, [CSS]要素を横並びに配置できる display:table-cell の基本的な使い方と注意点, に javascript:void(0) を指定する際の注意点, [JS]画像や動画、iframeも Lightbox 風に立ち上げる jQueryプラグイン「Colorbox」, [JS]jQuery の fadeIn() でページ読込み時にフェードインで要素を表示する, [Mac]MacBookAir の BootCamp で Windows7 のスクリーンショットを撮る方法, [CSS]iOS で滑らかなスクロールを実現する「-webkit-overflow-scrolling」プロパティの使い方. WordPressの代表的な機能にカスタムフィールドという機能があります。これを使うと、WordPressで作られたホームページを複数の項目を持つデータベースみたいなサイトに仕上げることができます。, カスタムフィールド自体はWordPressの標準の機能ですが、デフォルトのままでは結構使い勝手が悪い機能です。そこで登場したのが「Advanced Custom Fields」というプラグイン! こいつを使うとことで、いまいちな機能がパッと冴えた機能に大変身させることができます。, さらに、そんなAdvanced Custom Fieldsというプラグインを拡張させることが出来るアドオン「Repeater Fields」があります。今日はそのRepeater Fieldsの使い方を紹介します。, ちなみに、Repeater Fieldは1ライセンス25$の有料な拡張機能です。この記事では購入のステップについては割愛いたします。そんなに難しくないので、使いたい方は自分で購入してくださいね。, Repeater FieldはAdvanced Custom Fieldsの拡張となっているため、まず先にAdvanced Custom Fieldをインストールします。その後で、Repeater FieldのzipファイルをWordPressの管理画面からインストールします。普通にWordPressを使っていると、zip形式のプラグインをインストールする機会って少ないと思うので、ここでちょっとやり方を説明します。, インストールが完了させて、インストール済みプラグインの画面でAdvanced Custom Fields とAdvanced Custom Fields:Repeater Fieldの2つを有効化させます。, 今回はRepeater Fieldの方として、メディアフォルダにアップロードされた画像ファイルで構成された画像ギャラリーを作ってみます。とりえあず普通に画像ギャラリーというフィールドを作成し、そのフィールドの中で好きな画像の枚数分だけでフィールドを追加できるようにする、というアプローチで作ります。, 「フィールドラベル」に「画像ギャラリー」。フィールド名に「image_gallery」と設定しました。さて次からがRepeater Fieldの使い方の解説になります。Repeater Fieldをインストールすることで、フィールドタイプに「Repeater」というメニューが追加されています。今回はこれを選択します。, Repeaterを選択すると、Repeater Fieldの設定画面が表示されます。, 「Add Sub Field」を追加し、繰り返したい項目を設定します。今回はギャラリーの使う画像とキャプションをセットで設定します。, この設定したカスタムフィールドを固定ページのカスタムフィールドと設定したことにし、管理画面でどのように画像ギャラリーを作成するのか説明します。, 設定したカスタムフィールドを使用する固定ページを開きます。 などを疑ってみましょう。 1 Repeater Fieldで登録された画像の1枚目の情報を取得. で取得することが出来ました。 >Dim hiddenValue1 As String = Me.HiddenField1.Value でも同じ値が取れるとの事でしたが 私の環境では取得出来ませんでした(C#とVBの違い?) Request.Formで取得する方法で行こうと思います。 ありがとうございました。 これを忘れて表示されないなんてことがよくあるので注意しましょう。, リピーターフィールドに入力した値の表示結果をランダムにする方法を紹介します。 同様に get_field は get_field ではなく get_sub_field を使用します。 現状では1枚も画像を登録していないため、↓のように1枚も画像が登録されていない状態で表示されます。, 「Add Row」というボタンが右下にありますが、そのボタンを押すことで、画像とキャプションがセットになったカスタムフィールドを追加できます。, ここで画像とキャプションを好きな枚数だけ登録していきます。ためしに3枚登録したサンプルを表示します。, このようになりました。Repeater Fieldのすごいところは、このような手順で好きな数だけ同じカスタムフィールドを繰り返して登録できるところですね。さらにカスタムフィールドの左端にある「1」「2」「3」の部分をドラッグすることで、自由に画像の並び替えができます。これはすごいプラグインだ!, Repeater Fieldで設定したカスタムフィールドをテンプレートで読み込む方法 facebook → Jugedred Project, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。. Advanced Custom Fields, plugin, Repeater Field, めも, リピーター, 出力 いつも忘れやすいので・・・ リピーターフィールドを用いる際の出力設定。 後述するループを入れ子にした表示方法の際も the_sub_field や get_sub_field を使用します。, ループの最初と最後を判断して表示を分けたいときは reset や end を利用します。, 配列の順番を逆にする場合は array_reverse を使用します。