Advanced Custom Fieldsをショートコードで呼び出す方法

WordPressのプラグインである「Advanced Custom Fields」を記事内の好きな場所に表示したいので、ショートコードで呼び出せないか試行錯誤した備忘録です。

最終的には無事にできました。

わたしはHTMLとCSSはなんとなく使えていますが、PHPはほとんどわからない初学者レベルです。

使っているWordPressのテーマや前提条件

テーマは「Cocoon」を使用しています。

すべて子テーマのファイルを使用しました。

Advance Custom Fieldsはフィールドタイプがテキストのみ使用。特定のカテゴリーで表示、フィールドが空欄の場合は表示しないという条件。

なのでPHPファイルを呼び出す形式になりました。

ショートコードで呼び出すphpファイルを作成

Advanced Custom Fieldsを希望の条件で表示するためのphpファイルを作成する。

ファイル名は「acf.php」としました。

Cocoonの場合は子テーマにアップします。

子テーマのfunctions.phpにコードを追加する

function my_php_Include($params = array()) {<br>
extract(shortcode_atts(array('file' => 'default'), $params));<br>
ob_start();<br>
include(STYLESHEETPATH . "/$file.php");<br>
return ob_get_clean();<br>
}<br>
add_shortcode('myphp', 'my_php_Include');

記事中でショートコードを記述する

[myphp file='acf']

以上です。

【Amazon.co.jp 限定】 1冊ですべて身につくHTML & CSSとWebデザイン入門講座 (DL特典: CSS Flexbox チートシート)

Amazonで調べる