Kadenceチュートリアル：Kadenceリピーター・ブロックを使った動的コンテンツ・テンプレートの構築

ある ワードプレス ビルドで ACF 従来の方法では、PHPテンプレートやショートコードを記述する必要がありました。しかし ケイデンス・ブロック プロ提供 ケイデンス・リピーター・ブロックで直接使用できる。 グーテンベルク エディタ上ですべての作業を行い、コードに触れることなく、デザインとコンテンツのプレゼンテーションを一度に完了させることができます。

ケイデンス・リピーター・ブロックとは何ですか？

Kadence Repeater は、以下のプラグインで繰り返されるフィールドの内容表示をサポートする、非常に視覚的な編集モジュールです：

• アドバンスド・カスタム・フィールド・プロ (ACFの「Repeater」フィールドは
• Meta BoxプラグインのClonable Groupフィールド（Groupフィールド自体をClonableに設定する必要があります。）

ある グーテンベルク エディターにブロックが挿入されると、データソースとフィールドの簡単な設定で、関連するデータを循環させることができます。 ケイデンス・ブロック デザイン調整は

準備するプラグイン

ケイデンス・リピーター・ブロックを正しく使用するには、以下のツールの組み合わせのいずれかを取り付ける必要があります：

• ケイデンス・ブロック + ケイデンス・ブロック・プロ
• ACFプロ もしかしたら メタボックス(Meta Box Groupプラグインが必要)

典型的なシナリオ例：スポンサー表示リスト

スポンサー」という名前のリピーター・フィールドがあり、以下のサブフィールドを含んでいるとする：

• スポンサー名
• スポンサーロゴ
• スポンサーリンク
• スポンサー紹介

さて、この情報をウェブサイトのトップページに表示する。伝統的な方法は PHPあとは以下のステップを踏むだけだ。

ステップ1：リピーター・ブロックの追加

ある グーテンベルク エディターでKadence Repeaterブロックを挿入し、ウィザードに従ってください：

• データソースを選択するACF またはメタボックス)
• スポンサー」欄にチェックを入れる。

• テンプレートの起点となるレイアウトを選択する

システムはフィールドの内容を読み込み、いくつかの初期ブロックをあらかじめ埋めておきます。

ステップ2：コンテンツテンプレートの設計

読み込まれたテンプレートでは、対応するフィールドの内容を表示するブロックを自由に追加・編集することができます。以下のブロックをお勧めします：

• テキスト（アドバンス）表示スポンサー名
• イメージ（アドバンス）ロゴの表示とリンクの追加
• ダイナミック HTML導入情報の提示

ダイナミックコンテンツをサポートする各ブロックを編集する際、ブロック内のダイナミックコンテンツアイコンをクリックして、「リピーターコンテキストを使用」オプションを有効にし、ドロップダウンメニューから対応するサブフィールドを選択する、「スポンサー名」など。

ステップ3：プレビューと調整

合意不履行 ケイデンス Elementでこのブロックを使用するには、右側の設定で、対象フィールドを含むサンプル投稿またはページをプレビューオブジェクトとして選択し、実際のデータ結果を読み込んで確認しやすくしてください。

ブロック設定の説明

一般設定

• ソースフィールド・データ・ソース (ACF(例：メタボックス、オプションページなど）

• リピーター・フィールド（リピーター・フィールド）表示する必要のあるフィールドをチェックする

• カラム設定（カラム）デスクトップ、タブレット、モバイルデバイス用のカラム設定

• 列の間隔と行の間隔各デバイスの下のレイアウトスペーシングを個別に定義します。

詳細設定

• パディングとマージンカスタムマージン値

• HTML アンカーIDナビゲーションとポジショニング

• カスケーディングスタイルシート クラス名カスタムスタイル・エクステンション

• 再利用しやすいデフォルト設定として保存可能

オプションページまたは設定ページのフィールド表示

フィールドが記事やページなどの標準的なコンテンツの一部ではなく ACF リピーター・ブロックは、メタ・ボックスのオプション・ページやメタ・ボックスの設定ページでも表示できる：

• ブロックの設定で、ソースは"オプションページ「または設定ページ"
• の下にある。リピーター・フィールド「の対象フィールドをチェックする。
• デザインブロックを追加し、対応するコンテンツフィールドをバインドする。

結語

ケイデンス リピータ・ブロックは、リピータ・フィールドの表示に大きな柔軟性と利便性をもたらします。デザインはテンプレート・ファイルに依存する必要がなくなり、ビジュアル・インターフェースでデータ・プレゼンテーションを素早く構築することができます。Kadence Blocks の他の高度なブロックと組み合わせることで、さらにリッチな表示を実現できます。