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

TCDテーマCURE:フッターバナーのタイトルを改行する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.フッターバナーのタイトルが長くなるので改行したいです。

フッターバナーのタイトルはエスケープ処理されているため、改行が反映されません。改行を反映させるカスタマイズをご案内します。

▼変更前イメージ

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

編集するファイル: footer.php
編集する箇所: 42行目付近

<p class="title" style="color:<?php echo esc_html($options['footer_banner_font_color'.$i]); ?>;"><?php echo esc_html($options['footer_banner_title'.$i]); ?></p>

<p class="title" style="color:<?php echo esc_html($options['footer_banner_font_color'.$i]); ?>;"><?php echo  nl2br(esc_html($options['footer_banner_title'.$i])); ?></p>

上記編集後、フッターバナータイトル入力欄で、ENTERキーでの改行が反映されるようになります。

加えて、行間調整のため、TCDテーマオプション>サイト基本設定>カスタムCSSに以下を記述してください。

#footer_banner .title { line-height: 1.4; }

▼変更後イメージ

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

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

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