0
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

posted at

【WordPress】カスタムフィールドを追加する

WordPressおけるカスタムフィールドの役割

WPにおいて「投稿」にはタイトル、本文、カテゴリーなどのデフォルト項目があるが、サイトによってはこれ以外に欲しい項目が出てくる。
例えば自社製品の値段などは、本文に直接記載するよりカスタムフィールドを利用してフォームから入力できるようにしておいた方が、後から見た目を変えたり、価格順に並びかえたりすることが容易である。

カスタムフィールドの挿入(プラグイン)

カスタムフィールドはプラグインの「Advanced Custom Fields(アドバンスド・カスタム・フィールド)」を使って簡単に追加できる。

管理画面のプラグイン>新規追加から、Advanced Custom Fieldsを追加し、有効化する
スクリーンショット 2021-08-30 20.14.03.png

メニュー画面にカスタムフィールドの項目が追加されている
スクリーンショット 2021-08-30 20.14.59.png

あとは、新規追加>フィールドグループを新規追加でカスタムフィールドを追加する。

追加されたカスタムフィールドの表示コード

基本的には以下のような感じ、サブタイトルを表示させたい場合。]

the_field()でカスタムフィールド内のsub-titleが存在するかを調べ、存在するようならdivタグで表示するようにしている。

<?php if(get_field('sub-title')): ?>
  <div class="sub-title"><?php the_field('sub-title'); ?></div>
<?php endif; ?>

Register as a new user and use Qiita more conveniently

  1. You can follow users and tags
  2. you can stock useful information
  3. You can make editorial suggestions for articles
What you can do with signing up
0
Help us understand the problem. What are the problem?