お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

TCDテーマGENSEN:トップページヘッダーコンテンツの「キャッチフレーズ」内でHTMLタグを使う方法

WordPressテーマ「NULL」

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

ダウンロード

Q.スマホでキャッチフレーズの位置を変えたいので、トップページヘッダーコンテンツの「キャッチフレーズ」でHTMLタグを使えるようにしてほしい。

万が一記述ミスや第三者による不正アクセスなどにより悪意のある内容が入力された場合、それを出力しないように安全対策としてサニタイズ処理を行っています。

▼変更箇所イメージ
変更箇所イメージ

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

以下の二つのファイルをカスタマイズすると、TCDテーマ>トップページ>ヘッダーコンテンツの「キャッチフレーズ」でHTMLタグが使えるようになります。

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

echo '<p class="catchphrase rich_font">'.str_replace(array("\r\n", "\r", "\n"), '<br />', esc_html($dp_options['slider_caption'.$i])).'</p>';

↓ esc_html()をwp_kses_post()に変更

echo '<p class="catchphrase rich_font">'.str_replace(array("\r\n", "\r", "\n"), '<br />', wp_kses_post($dp_options['slider_caption'.$i])).'</p>';

編集するファイル: admin/theme-options.php
編集する箇所: 3654行目付近

$input['slider_caption'.$i] = wp_filter_nohtml_kses( $input['slider_caption'.$i] );

↓ wp_filter_nohtml_kses()をwp_kses_post()に変更

$input['slider_caption'.$i] = wp_kses_post( $input['slider_caption'.$i] );
ポイント「PCまたはスマホのみ表示」「スマホのみ改行」ができるCSSクラスをご活用ください。
すべてのTCDテーマで使える|便利なCSS・汎用クラスの使い方

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

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

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