DiviとACFは相性がいい

DiviとACF(Advanced Custom Fields)は実は相性がいい

こんにちはナオミです。

「ACF使ってるけど、Diviテーマにしたら使えなくなるの?」
「ACFをショートコード以外でDiviで呼び出す方法はないの?」

ACF便利ですよ!だからDiviにしたら使えなくなるんじゃないか心配の人もいるかと思います。
でも安心してください。
そんなことはないんです。
DiviとACFの相性は抜群で、ショートコード無しでもその値を呼び出すことが可能です。

(ACFとは投稿や固定ページなどを作成する時タイトルとボディ以外にカスタムフィールドを追加するプラグインです)
ACF公式サイトはこちら

DiviのDynamic Contentsを使う

これを実現するためには、DiviのDymaic Contentsという機能を使います。
まずACFを設定します。

WordPressダッシュボードから

カスタムフィールド→フィールドグループ

を選択して、フィールドを作成します。

ACFでフィールドを作成

ACFで設定したフィールドの値をロードできる

ACFのテストフィールド
ACFで追加したテストフィールドです

このようにACFで日付のフィールドを作りました。
これをDiviの中でテキストフィールドなどから呼び出せるんです。

Dynamic Contentsアイコンをクリック

DiviのDynamic Contents

このアイコンをクリックします。

ACFという項目が出てくるので、フィールドを選択

ACFがDiviのDynamic Contentsに表示される

先ほど設定したテストフィールドが出てきます。
クリックします。

ACFのフィールドがDiviで表示されました

このように先ほど入れた値が表示されます。

詳しくは上の動画で説明してます!

Diviのことをもっと深く知りたい方は、Diviの使い方完全ガイドをご覧ください。

コードを書かないウェブ制作を目指すコミュニティ『TOFUラボ』

Diviの最新情報を知りたいなら、ノーコードでWEBサイト制作を支援するサロン『TOFUラボ』に参加しませんか?
私が運営してるノーコードでWEBサイト制作を支援するのコミュニティです。

最新情報だけではなく技術的な質問も飛び交っています。

また、デザインやSEOなどWEBサイト制作に関する様々な勉強会も開催されています。

『TOFUラボ』の紹介はこちらです

興味があれば、是非参加してくださいね。
入会してから7日間は無料で合わないなと思えばいつでもキャンセル可能です。

Naomi Suzuki

このサイトを運営してるナオミです。エンジニア歴13年、海外在住歴20年。
WordPressの情報やハッキングを防ぐ脆弱性の情報と自分の海外での生活の一部を無料のメルマガで配信しています。

目次

「DiviとACF(Advanced Custom Fields)は実は相性がいい」への2件のフィードバック

  1. はじめまして、
    Diviを使っています、
    「DiviとACF(Advanced Custom Fields)は実は相性がいい」の記事が大変参考になりました。

    投稿一覧や、ポートフォリオモジュールに、ACFの値を表示させたいと考えています。
    この場合はどのPHPファイルに直接記述することになるでしょうか?
    また、どのPHPファイルに記述したらよいのでしょうか?
    あまり詳しくなくて、該当ファイルと箇所が分からなく、教えて頂ければ幸いです。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

WordPressの最新情報が
毎週届く無料メールマガジン

DiviやElementorの情報だけでなく、脆弱性が見つかったプラグインやテーマのリストも毎週届きます。セキュリティの強化につながります。 

管理人のナオミが書くメルマガ
海外でエンジニア歴10年以上
DiviとElementorに精通