情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。
ワードプレスのカスタムフィールド・プラグイン Advanced Custom Fields からACF Blocks についてのメールが来たので、一通りやってみた。https://www.advancedcustomfields.com/resources/blocks/ *プロ版のみの機能
実を言うと、企業サイトなどではブログやコラムでも投稿欄をAdvanced Custom Fields で組んでしまうので、ブロックエディターはほとんど使わないのだが。
Advanced Custom Fields をブロックに対応させるにはテーマディレクトリ内にblocks ディレクトリを作成し、その中にブロックの名前のディレクトリ・block.jsonファイル・ブロックの名前のテンプレート、そしてテーマ関数でブロックの追加設定が必要。
ここまで出来たら、ACFの設定でブロックを選択することができる。
好きな箇所に好きなブロックを入れられるのが利点だが、設定が少し面倒なので、ショートコードでテンプレートを読み込む方が楽な気はするが、ブロックエディターに慣れていれば、こちらの方が使いやすいのかもしれない。
以前柔軟コンテンツフィールドについて紹介したが、これの中に入れるフィールドを1つずつカスタムブロックに設定して、好きな場所に使用する、というイメージ。
- 柔軟コンテンツフィールド関連
-
- ACF 柔軟コンテンツフィールド、固定ページ用(2023.07.05作成)
- ACF 柔軟コンテンツフィールド、ブログ・コラム用(2023.07.02作成)
- ACF 柔軟コンテンツフィールドで1サイト作ってみる(2023.06.25作成)
- Advanced Custom Fields Pro 柔軟コンテンツ(2023.06.18作成)
その他のAdvanced Custom Fields に関する記事一覧
- ページ・投稿の差し替え更新
- ゆっくり編集・プレビューして更新する
- メールフォーム・申込みの締め切り
- ACF iframe
- acf カウント
- ACFで日時指定更新/ゆっくり編集して更新
- アイキャッチの有無とリピーター1つ目の画像
- ACFリピーターのサブフィールドを自動作成
- イベントカレンダーサンプル(ACFとCF7)
- acf 投稿オブジェクトにメタ値でフィルター
- ACF 画像URLからALTを取得
- 子テーマでACFを使う
- ACF リピーターをランダムに
- ブロックエディターでACFを使う
- ACF Blocks
- acf reset_rows
- ACF 値などの登録まとめ
- ACF チェックボックスの値での条件分岐
- ACF 柔軟コンテンツフィールド、固定ページ用
- ACF 柔軟コンテンツフィールド、ブログ・コラム用