どうも、くまだです。
カスタムフィールドというとfunctions.phpやプラグイン(有名どころだとACF)で実装することが多いですが、実はWordPressにも標準でその機能が搭載されています。
プラグインも使用せず、functions.phpにもカスタムフィールドの記述もしないで使うことができます。
LPデザインのお仕事募集中です↓↓↓
WordPress標準のカスタムフィールド
デフォルトだとカスタムフィールドの機能は非表示になっています。
使用するには、投稿ページ(固定ページでも可)右上の「点3つが縦に並んでいるところ」をクリックします。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_283/https://weblife.ppmp556.com/wp-content/uploads/2023/12/スクリーンショット-2023-12-22-07.59.15.png)
「設定」→「パネル」で確認すると、「カスタムフィールド」があるのでこれを有効化します。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_597/https://weblife.ppmp556.com/wp-content/uploads/2023/12/スクリーンショット-2023-12-22-08.00.44.png)
すると、記事詳細ページ下部に以下のようなカスタムフィールドが表示されます。
いわゆるカスタムフィールド系のプラグインも使用せず、functions.phpにカスタムフィールドが使えるような記述もしていませんが、それでも標準の機能で使うことができます。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_407/https://weblife.ppmp556.com/wp-content/uploads/2023/12/スクリーンショット-2023-12-22-08.00.59.png)
適当な項目をフィールドに入力します。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_502/https://weblife.ppmp556.com/wp-content/uploads/2023/12/スクリーンショット-2023-12-22-08.07.06-1.png)
そして、single.phpに以下の記述をすると画面に表示されます。
<div style="margin-top: 100px; margin-left: 100px;">
<?php the_meta(); ?>
</div>
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_496/https://weblife.ppmp556.com/wp-content/uploads/2023/12/スクリーンショット-2023-12-22-08.07.22.png)
出力されるHTMLは以下の通りです。
<ul class="post-meta">
<li><span class="post-meta-key">項目A:</span> 項目Aのテキストテキストテキスト</li>
<li><span class="post-meta-key">項目B:</span> 項目bのテキストテキストテキスト</li>
</ul>
クラシックエディターを使用している場合は、編集画面右上の「表示オプション」をクリックすると、以下のような表示が出るので、カスタムフィールドにチェックを入れれば同様に使用できます。
![](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1000,h_325/https://weblife.ppmp556.com/wp-content/uploads/2023/12/スクリーンショット-2023-12-22-08.15.41.png)
プラグインやfunctions.phpで書くやり方と比べると自由度は低いですが、基本的なフィールドだけ表示させるような使い方であれば、このやり方でもいいかと思います。
ここまで読んでくださりありがとうございました。