WordPress のカスタムフィールドをグループ化して復数追加可能にする（ Custom Field Suite プラグイン）

ショップサイトを作りました。

https://homemadegarbage.com/shop/

作成するにあたって、記事に以下ののように情報を登録していきたいと思い、

調べてみたら Custom Field Suite というプラグインが無料でカスタムフィールドグループの入れ子が可能だったので使用させて頂きました。

フィールドの追加

プラグインをインストールすると「フィールドグループ」メニューが追加されます。

フィールドグループを「新規追加」します。

「フィールドを新規追加」し、名前を入力、「新規フィールドを追加」します。

ラベル、名前を入力し、親グループの容れ物を「ループ行」で作成します。

「フィールドを新規追加」し、子グループの容れ物も同様に「ループ行」で作成します。

親グループ、子グループに必要な項目を追加していきます。

項目の登録が終わったらページ右側の「公開」を押します。

項目が閉じられ、ループ行の下には青いラインが表示されます。

項目をドラッグして並び替えし、入れ子状態を作ります。

このような表示になります。

配置ルールや表示順序などの設定が出来ます。デフォルトだと本文下に表示されます。

設定を終えたらページ右側の「公開」を押します。

投稿画面

投稿画面の下に作成した項目が表示されています。

「追加」ボタンを押すと項目が追加されました。

「追加」ボタンで、親グループ、子グループを復数追加できます。

ドラッグ&ドロップで並べ替えも簡単です。

テンプレート

<!-- 親グループのループここから -- >
<?php
  $loop = CFS()->get( 'item' );
  foreach ( $loop as $row ):
?>
  親ブループの項目<?php echo $row['title']; ?><br>
  親ブループの項目<?php echo $row['price']; ?>

  <!-- 子グループのループここから -->
  <?php
    $loop2 = $row['variation'];
    foreach ( $loop2 as $row2 ):
  ?>
    子グループの項目　<?php echo $row2['url']; ?>
    子グループの項目　<?php echo $row2['image']; ?>
  <?php endforeach; ?>
  <!-- /子グループのループここまで -->

<?php endforeach; ?>
<!-- /親グループのループここまで -- >

<!-- 親グループのループここから -- >

<?php

$loop = CFS()->get( 'item' );

foreach ( $loop as $row ):

親ブループの項目<?php echo $row['title']; ?><br>

親ブループの項目<?php echo $row['price']; ?>

<?php

$loop2 = $row['variation'];

foreach ( $loop2 as $row2 ):

子グループの項目　<?php echo $row2['url']; ?>

子グループの項目　<?php echo $row2['image']; ?>

<?php endforeach; ?>

<?php endforeach; ?>

<!-- /親グループのループここまで -- >

自動保存はされない

カスタムフィールドは自動保存されないようなので登録中はこまめに保存した方が良さそうです。お父ちゃんが登録中に長男君が激突してきてブラウザの戻るボタンが押ささってしまいデータが消えたと嘆いていました。

コメントはこちらからコメントをキャンセル

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

フィールドの追加

投稿画面

テンプレート

自動保存はされない

関連記事

コメントはこちらから コメントをキャンセル

コメントはこちらからコメントをキャンセル