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

ワードプレステーマ別

TCDテーマANGEL:プロフィールページでユーザー名を2行で表示する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.固定ページの「プロフィール」テンプレートの『ユーザーの名前』を改行して表示させたいのですが可能でしょうか。

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

▼変更箇所イメージ  →デモサイトプロフィールページ
変更箇所イメージ

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

編集するファイル: 
「プロフィール(サイドバー無し)」テンプレート→page-profile-noside.php
「プロフィール」テンプレート→page-profile.php

編集する箇所: 35行目付近

<h3 class="user_name"><?php echo esc_html($user_name); ?></h3>

↓ esc_html()を外す

<h3 class="user_name"><?php echo $user_name; ?></h3>

 

こんなときは?
・行間を調整したい
固定ページ編集画面のカスタムCSSに以下を入力してください。

.user_name { line-height: 1.5; }

数値は適宜変更してください。

 
・一部テキストの文字サイズを変更したい
変更したい文字を <span>テキスト</span> のように、spanタグで囲ってください。
そのうえで、固定ページ編集画面のカスタムCSSに以下を入力してください。

.user_name span { font-size: 〇px; }

〇を任意の数値に変更してください。デフォルトは「21px」です。

関連記事

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

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

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