WordpPressで表のテンプレートを作りたい

Question

実現したいこと

Wordpressオリジナルテーマで、個別投稿ページに表のテンプレートを作り、投稿の手間を省きたい

現在の状態

function.phpでカスタムフィールドを作成し、管理画面から以下の画像のように打てるようにしました。これをsingle.phpで出力して、CSSでレイアウトを整えると表が完成すると思っていました。問題は表が一つしか作れないということで、これを複数個作成することは可能になりますでしょうか？

function.php

  function add_preparation_fields()
  {
    add_meta_box('preparation_setting', 'preparationについて', 'insert_preparation_fields', 'preparation', 'normal');
  }
  add_action('admin_menu', 'add_preparation_fields');
  function insert_preparation_fields()
  {
    global $post;
    echo '英語： <input type="text" name="preparation_name_en" value="' . get_post_meta($post->ID, 'mentor_name_en', true) . '" size="50" /><br>';
    echo 'ポジション： <input type="text" name="preparation_position" value="' . get_post_meta($post->ID, 'mentor_position', true) . '" size="50" /><br>';
    echo '概要： <input type="text" name="preparation_dsc" value="' . get_post_meta($post->ID, 'mentor_dsc', true) . '" size="50" />';
  }
  function save_preparation_fields($post_id)
  {
    if (!empty($_POST['preparation_name_en'])) {
      update_post_meta($post_id, 'preparation_name_en', $_POST['preparation_name_en']);
    } else {
      delete_post_meta($post_id, 'preparation_name_en');
    }
    if (!empty($_POST['preparation_position'])) {
      update_post_meta($post_id, 'preparation_position', $_POST['preparation_position']);
    } else {
      delete_post_meta($post_id, 'preparation_position');
    }
    if (!empty($_POST['preparation_dsc'])) {
      update_post_meta($post_id, 'preparation_dsc', $_POST['preparation_dsc']);
    } else {
      delete_post_meta($post_id, 'preparation_dsc');
    }
  }
  add_action('save_post', 'save_preparation_fields');

single.php

			<div class="singe-news-content">
				<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
						<h1 class="single-news-h1"><?php the_title(); ?></h1>
						<div class="single-news-contents">
							<?php the_post_thumbnail('thumb169_min'); ?>
							<?php get_template_part('partial-snsbtn'); ?>
							<?php
							$page = get_post();
							echo $page->post_content;
							?>
								<div class="preparation-card-info">
									<p class="preparation-name"><span class="preparation-name-en"><?php echo get_post_meta($post->ID , 'preparation_name_en' ,true); ?></span></p>
									<p class="preparation-position"><?php echo get_post_meta($post->ID , 'preparation_position' ,true); ?></p>
									<p class="preparation-dsc"><?php echo get_post_meta($post->ID , 'preparation_dsc' ,true); ?></p>
								</div>
						<?php endwhile;
				else : ?>
						<p>記事がありません</p>
					<?php endif; ?>
						</div>

			</div>

上記のsingle.php内の<div class="preparation-card-info">に出力できてはいるのですが、表を複数個作成する場合のループを作ることができません。JSやPHPで挑戦したのですが、できませんでした。
そもそも可能か不可能かが今の自分の知見では判断できかねないので、ご存知の方がいらっしゃれば、ぜひご教授いただきたいです。

Answer 1

inputのnameをpreparation[1][name_en]のようにすればフォームからは配列を送信できます。

<input name="data[0][a] value="a0"/>
<input name="data[0][b] value="b0"/>
<input name="data[1][a] value="a1"/>
<input name="data[1][b] value="b1"/>

でサーバーに送信されるデータは

{
  "data":[
    {"a":"a0","b":"b0"},
    {"a":"a1","b":"b1"},
  ]
}

のような形になります。

カスタムフィールドには配列を入れることができます。
これらは自動でパースされます。

個別のカスタムフィールドに値を入れていると順番を制御しにくくなるので、
表のように行列の整合性を取らなければならないのであれば、
一つのカスタムフィールドに配列で値を入れておくようにする形の方がやりやすいです。

Comments

[kurak]

カスタムフィールドに配列が入れられるのは初耳でした。ありがとうございます！