商品のメニュー表なのですが、こちらのphpコードを短くするにはどのようになりますか。

Question

繰り返し実行したり、並んでいる順番に数値を出力したり、、、という感じでしょうか。書き方がイマイチわかりません。

• custom　field　suiteを使用しています。
• メニューの「商品名・温・冷・値段」をカスタムフィールドで編集できるようになっています。
• セットメニューの場合フィールドの名前は、「商品名：s-name1、s-name2、s-name3...」「温：s-hot1,s-hot2,s-hot3...」「冷：s-cold1,s-cold2,s-cold3...」「値段：s-price1,s-price2,s-price3...」というように、商品の増減を予想し多めに登録しています。
• 商品名の入力欄を空欄にすると、商品名・温・冷・値段全てdisplay: none;になるようにしています。

/*商品名が入力された時*/
.openitem {
	display: block;
}

/*商品名が空欄の時*/
.closeitem {
	display: none;
}

/*温冷マーク（チェックにより表示・非表示ができるよう分けています）*/
.hot {
  background-color: #855976;
  color: #fff;
  width: 3.5vw;
  height: 3.5vw;
  padding: 1.7vw;
  border-radius: 50%;
  font-size: 3.5vw;
}

.cold {
  background-color: #595C85;
  color: #fff;
  width: 3.5vw;
  height: 3.5vw;
  padding: 1.7vw;
  border-radius: 50%;
  font-size: 3.5vw;
}

/*値段単位*/
.menulist dd[data-unit]::after {
  content: attr(data-unit);
  font-size: 3.5vw;
}

<?php get_header(); ?>
<?php 
/*
 Template Name: セット
 */
?>
		<main class="menulist">
			<div class="menulist-background">
				<div class="box">
					<div class="<?php if ( get_post_meta($post->ID, 's-name1' ,TRUE) ): ?><?php echo 'openitem'; ?><?php else: ?><?php echo 'closeitem'; ?><?php endif; ?>">
						<dl>
							<dt>
								<div class="menulist-name">
									<p><?php echo CFS()->get('s-name1'); ?></p>
								</div>
								<span class="<?php if ( get_post_meta($post->ID, 's-hot1' ,TRUE) ): ?><?php echo 'hot'; ?><?php endif; ?>">
									<?php if ( get_post_meta($post->ID, 's-hot1' ,TRUE) ): ?>温<?php endif; ?>
								</span>
								<span class="<?php if ( get_post_meta($post->ID, 's-cold1' ,TRUE) ): ?><?php echo 'cold'; ?><?php endif; ?>">
									<?php if ( get_post_meta($post->ID, 's-cold1' ,TRUE) ): ?>冷<?php endif; ?>
								</span>
							</dt>
							<dd data-unit="<?php if ( get_post_meta($post->ID, 's-price1' ,TRUE) ): ?><?php echo '円'; ?><?php endif; ?>"><?php echo CFS()->get('s-price1'); ?></dd>
						</dl>
					</div>
					<div class="<?php if ( get_post_meta($post->ID, 's-name1' ,TRUE) ): ?><?php echo 'openitem'; ?><?php else: ?><?php echo 'closeitem'; ?><?php endif; ?>">
						<dl>
							<dt>
								<div class="menulist-name">
									<p><?php echo CFS()->get('s-name2'); ?></p>
								</div>
								<span class="<?php if ( get_post_meta($post->ID, 's-hot2' ,TRUE) ): ?><?php echo 'hot'; ?><?php endif; ?>">
									<?php if ( get_post_meta($post->ID, 's-hot2' ,TRUE) ): ?>温<?php endif; ?>
								</span>
								<span class="<?php if ( get_post_meta($post->ID, 's-cold2' ,TRUE) ): ?><?php echo 'cold'; ?><?php endif; ?>">
									<?php if ( get_post_meta($post->ID, 's-cold2' ,TRUE) ): ?>冷<?php endif; ?>
								</span>
							</dt>
							<dd data-unit="<?php if ( get_post_meta($post->ID, 's-price2' ,TRUE) ): ?><?php echo '円'; ?><?php endif; ?>"><?php echo CFS()->get('s-price2'); ?></dd>
						</dl>
					</div>
					<div class="<?php if ( get_post_meta($post->ID, 's-name3' ,TRUE) ): ?><?php echo 'openitem'; ?><?php else: ?><?php echo 'closeitem'; ?><?php endif; ?>">
						<dl>
							<dt>
								<div class="menulist-name">
									<p><?php echo CFS()->get('s-name3'); ?></p>
								</div>
								<span class="<?php if ( get_post_meta($post->ID, 's-hot3' ,TRUE) ): ?><?php echo 'hot'; ?><?php endif; ?>">
									<?php if ( get_post_meta($post->ID, 's-hot3' ,TRUE) ): ?>温<?php endif; ?>
								</span>
								<span class="<?php if ( get_post_meta($post->ID, 's-cold3' ,TRUE) ): ?><?php echo 'cold'; ?><?php endif; ?>">
									<?php if ( get_post_meta($post->ID, 's-cold3' ,TRUE) ): ?>冷<?php endif; ?>
								</span>
							</dt>
							<dd data-unit="<?php if ( get_post_meta($post->ID, 's-price3' ,TRUE) ): ?><?php echo '円'; ?><?php endif; ?>"><?php echo CFS()->get('s-price3'); ?></dd>
						</dl>
					</div>
　　　　　　　　　　　　　　　・
　　　　　　　　　　　　　　　・　　これが繰り返し続きます。
　　　　　　　　　　　　　　　・
				</div>
			</div>
		</main>
	</div>
<?php get_footer(); ?>

Comments

[CHERRY]

カスタムフィールドをどのように保存しているのか不明ですので、どのように保存しているのか質問に追記していただくことは可能ですか？

また、データの構造によっては、Custom Field Suite のループフィールド( https://mgibbs189.github.io/custom-field-suite/field-types/loop.html ) を使う方法もあるかも知れません。

[skr]

以下のように保存しています。保存とはこちらのことでよろしいでしょうか汗
商品名「商品名・s-name1・単一行テキスト」
温「温・s-hot1・真/偽（簡易チェックボックス）」
冷「冷・s-cold1・真/偽（簡易チェックボックス）」
値段「値段・s-price1・単一行テキスト」

リンク拝見しました。なるほど！ループフィールドというものが使えそうですね。
[【WordPress】Custom Field Suiteで繰り返しのカスタムフィールドグループを作る](https://deep-space.blue/web/1335)のように使用するのでしょうか。

CSSの装飾も関係する気がしてきたので、追記しておきます。

Answer 1

WPだから記事データを取得してカスタムフィールドの出力をサブループで回せばいいんじゃないかなぁ？
と思うのだけども。

PHPで書くならfor文で数値だけ変数にしてあげればコードは短くなりますよー。
※回数判定を考える必要がありますが。

使用プラグインはたぶんコレかなぁ？
参考URL　wordpress.org　custom-field-suite
https://ja.wordpress.org/plugins/custom-field-suite/

追記
カスタムフィードと打っていたのを修正しました。（なかなか直らない癖です、すみません）

Comments

[skr]

お返事遅くなり申し訳ございません！今回もご回答ありがとうございます。

カスタムフィールドはget_postsやWP_Queryなどでしょうか。
また、回数判定にはcountを使用するのでしょうか。

WordPressとphpを触り始めて10日のペーペーなため、基本的な事であろうご質問失礼します汗
get_postsとWP_Queryの違い、for、countの使い方について理解できるよう頑張ります。

使用プラグインはそちらで間違いありません。suiteです！

[退会済みユーザー]

僕のやり方は、
new WP_Query(array());でカスタムフィールドが入っている記事のデータを取得して、

取得したデータを下のループで回しつつ、
<?php while ( $query->have_posts() ) : $query->the_post();?>
なんらかの処理
<?php endwhile; ?>

カスタムフィールドの値を表示したい場所に下のコードを入れています。
<?php echo get_post_meta($post->ID , 'カスタムフィールド名' ,true); ?>

回数を数える場合は、ループの中で適当な変数countを+1ずつしてあげればよいかと思います。
WPクエリをループで回す場合はカウント不要です。
特殊なケースでのみカウントが必要になるかと思います。
※Wpクエリ側で絞り切れない記事をPHPで選別して、決めた数だけ表示させるとか※

以下蛇足です。
カスタムフィールドの値を一括で取得してforeachで回すやり方等もあるかと思います。
WPでの出力方法はいろいろあるので、ご自身にあうものを探してみましょう。