2018年1月3日水曜日

[WordPress]カスタムフィールドに設定した値をブログ本文に表示する(Advanced Custom Fieldsプラグイン)

記事概要
  • 各記事のカスタムフィールドに値を設定する。
  • single.phpファイルを編集してカスタムフィールドの値をブログ本文に表示する。

各記事のカスタムフィールドに値を設定する


カスタムフィールドの表示
投稿作成画面の右上にある「表示オプション」メニューからカスタムフィールドを選択します。

すると投稿を書く欄の下に「カスタムフィールド」というボックスが追加されます。
ここに名前と値の組を入力します。
例:price / 1000円


single.phpファイルを編集してカスタムフィールドの値をブログ本文に表示する


WordPressのプラグイン Advanced Custom Fields をインストールし、有効化します。

現在利用しているテーマの single.php ファイルを特定します。
例:C:\Apache24\htdocs\wordpress\wp-content\themes\twentyseventeen\single.php

single.php ファイルのバックアップを取ります。(single.php.org とかでOK)

single.php ファイルを開き、while 文のループの中に次のコードを書きます。

<?php
the_field('price');
?>
※price はカスタムフィールドで設定した名前
※Advanced Custom Fields をインストールしなくても price の値を表示することはできます。その場合は「<?php echo get_post_meta($post->ID, 'price', true); ?>」とします。

これでブログを表示するとカスタムフィールドで設定した値(この場合 1000円)が表示されます。

0 件のコメント:

コメントを投稿