ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマHEAL:カスタム投稿「メニュー」の「コース表コンテンツ」において「時間」と「価格」を2行で表示する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.カスタム投稿「メニュー」>「コース表コンテンツ」の「時間」と「価格」を改行して表示させたいです。

この箇所では改行を想定した仕様となっていない(一行で表示することを想定している)ため、入力欄での改行は行えず、<br>などのHTMLタグも無効化されます。

▼変更箇所イメージ  →デモサイトメニューページ

A.以下のテーマファイルをカスタマイズして対応してください。

該当ファイル:single-menu.php
該当箇所:92行目、94行目

修正内容

▽修正前

<td class="col1"><?php if($item_time) { echo '<p>' .
esc_html($item_time) . '</p>'; }; ?></td>
      <td class="col2"><?php if($item_content) { echo '<p>' .
esc_html($item_content) . '</p>'; }; ?></td>
      <td class="col3"><?php if($item_price) { echo '<p>' .
esc_html($item_price) . '</p>'; }; ?></td>

↓ 該当箇所のesc_html()を外す

▽修正後

<td class="col1"><?php if($item_time) { echo '<p>' .
($item_time) . '</p>'; }; ?></td>
      <td class="col2"><?php if($item_content) { echo '<p>' .
esc_html($item_content) . '</p>'; }; ?></td>
      <td class="col3"><?php if($item_price) { echo '<p>' .
($item_price) . '</p>'; }; ?></td>

上記の修正を行う事で、コンテンツ内の「時間」や「価格」欄で<br>タグを用いて改行を行うことができるようになります。

関連記事

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事