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

ワードプレステーマ別

TCDテーマMASSIVE:インタビューの情報欄で改行する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.インタビューの情報欄に複数の情報を表示しています。綺麗に表示するために適切な位置で改行をしたいのですが、改行タグが反映されません。

該当箇所では、万が一記述ミスや第三者による不正アクセスなどにより悪意のある内容が入力された場合、それを出力しないように安全対策としてサニタイズ処理を行っています。改行を反映させるためには、使用しているエスケープ関数の変更などの対応が必要です。

▼変更箇所イメージ(インタビューページ)
変更箇所イメージ

▼変更箇所イメージ(トップページ、アーカイブページ)
変更箇所イメージ

A.下記の方法でカスタマイズしてください。

トップページ

編集するファイル: front-page.php
編集する箇所: 209行目、220行目付近

・209行目

$info = esc_html(get_post_meta($post->ID, 'info', true));

$info = wp_kses_post(get_post_meta($post->ID, 'info', true));

・220行目

<p class="info"><?php echo esc_html($info); ?></p>

<p class="info"><?php echo wp_kses_post($info); ?></p>

インタビューアーカイブページ

編集するファイル: archive-interview.php
編集する箇所: 96行目、116行目付近

・96行目

$info = esc_html(get_post_meta($post->ID, 'info', true));

$info = wp_kses_post(get_post_meta($post->ID, 'info', true));

・116行目

<p class="info"><?php echo esc_html($info); ?></p>

<p class="info"><?php echo wp_kses_post($info); ?></p>

インタビューページ

編集するファイル: single-interview.php
編集する箇所: 41行目、86行目、225行目、236行目付近

・41行目、86行目

<p class="info rich_font_<?php echo
esc_attr($options['single_interview_header_info_font_type']);
?>"><?php echo esc_html($info); ?></p>

<p class="info rich_font_<?php echo
esc_attr($options['single_interview_header_info_font_type']);
?>"><?php echo wp_kses_post($info); ?></p>

・225行目

$info = esc_html(get_post_meta($post->ID, 'info', true));

$info = wp_kses_post(get_post_meta($post->ID, 'info', true));

・236行目

<p class="info"><?php echo esc_html($info); ?></p>

<p class="info"><?php echo wp_kses_post($info); ?></p>
全て、esc_htmlをwp_kses_postに変更しています。上記編集後、brタグで改行が可能になります。

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

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

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