[WordPress] プラグイン「Custom Field Template」で投稿者がフィールドを追加出来るようにする方法

MARKLEAPS

2025.01.28

WordPressのプラグイン「Custom Field Template（カスタムフィールドテンプレート）」で、投稿者がフィールドを追加出来るようにする方法をご紹介します。

フィールドに追加ボタンを設定する

以下の設定を追加することで、フィールドに「新規追加」ボタンを表示できます

[Rule]
type = textarea
rows = 2
cols = 160
multiple = true
multipleButton = true

・multiple = true：複数の入力欄を許可
・multipleButton = true：新しい入力欄を追加するボタンを表示

出力例

出力例 1：通常のリスト表示

以下は投稿で入力された「Rule」フィールドをリスト形式で表示するコード例です。

<ul>
  <li>規約テキストテキストテキスト</li>
  <li>規約テキストテキストテキスト</li>
  <li>規約テキストテキストテキスト</li>
</ul>

<ul>

<li>規約テキストテキストテキスト</li>

</ul>

<?php if ($query->have_posts()): ?>
  <?php while ($query->have_posts()): $query->the_post(); ?>
    <h2>会員規約</h2>
    <ul>
      <?php
      // 「規約」フィールドのデータを取得
      $rules = get_post_custom_values('Rule');
      if (!empty($rules)) :
        foreach ($rules as $rule) : ?>
          <li><?php echo nl2br(esc_html($rule)); ?></li>
        <?php endforeach;
      endif;
      ?>
    </ul>
  <?php endwhile; ?>
  <?php wp_reset_postdata(); ?>
<?php else : ?>
  <p>情報はありません。</p>
<?php endif; ?>

<?php if ($query->have_posts()): ?>

<?php while ($query->have_posts()): $query->the_post(); ?>

<ul>

<?php

// 「規約」フィールドのデータを取得

$rules = get_post_custom_values('Rule');

if (!empty($rules)) :

foreach ($rules as $rule) : ?>

<?php endforeach;

endif;

</ul>

<?php endwhile; ?>

<?php wp_reset_postdata(); ?>

<?php else : ?>

<p>情報はありません。</p>

<?php endif; ?>

出力例 2：番号付き装飾

以下は規約リストに番号付きの装飾を加える場合の例です。

<dl>
  <dt>1</dt>
  <dd>規約テキストテキストテキスト</dd>
  <dt>2</dt>
  <dd>規約テキストテキストテキスト</dd>
  <dt>3</dt>
  <dd>規約テキストテキストテキスト</dd>
</dl>

<dl>

<dd>規約テキストテキストテキスト</dd>

<dd>規約テキストテキストテキスト</dd>

<dd>規約テキストテキストテキスト</dd>

</dl>

<?php if ($query->have_posts()): ?>
  <?php while ($query->have_posts()): $query->the_post(); ?>
    <h2>会員規約</h2>
    <dl>
      <?php
      // 「Rule」フィールドのデータを取得
      $rules = get_post_custom_values('Rule');
      if (!empty($rules)) :
        $index = 1; // 付番用
        foreach ($rules as $rule) : ?>
          <dt><?php echo esc_html($index); ?></dt>
          <dd><?php echo nl2br(esc_html($rule)); ?></dd>
          <?php $index++; ?>
        <?php endforeach;
      endif;
      ?>
    </dl>
  <?php endwhile; ?>
  <?php wp_reset_postdata(); ?>
<?php else : ?>
  <p>情報はありません。</p>
<?php endif; ?>

<?php if ($query->have_posts()): ?>

<?php while ($query->have_posts()): $query->the_post(); ?>

<dl>

<?php

// 「Rule」フィールドのデータを取得

$rules = get_post_custom_values('Rule');

if (!empty($rules)) :

$index = 1; // 付番用

foreach ($rules as $rule) : ?>

<?php $index++; ?>

<?php endforeach;

endif;

</dl>

<?php endwhile; ?>

<?php wp_reset_postdata(); ?>

<?php else : ?>

<p>情報はありません。</p>

<?php endif; ?>

WordPress

よく読まれている関連記事

[WordPress] Contact Form 7のフォーム送信履歴を管理画面にデータ保存&CSV保存プラグイン比較

[WordPress] プラグイン「Custom Field Template」で投稿者がフィールドを追加出来るようにする方法

フィールドに追加ボタンを設定する

出力例

出力例 1：通常のリスト表示

出力例 2：番号付き装飾

よく読まれている関連記事

[WordPress] Contact Form 7のフォーム送信履歴を管理画面にデータ保存&CSV保存プラグイン比較

関連最新記事

EC-CUBE4でデータベースの情報を確認する方法

[WordPress] サブループの2つの記述方法とその違い

WordPressで押さえておきたい「メインループ」と「サブループ」

[WordPress] Contact Form 7 「サイトのドメインに属していないメールアドレスが送信元に設定されています」の原因と対処法

社内風景2

社内風景