WordPressの記事や固定ページのタイトル中で改行したい場合の対応方法
WordPressの記事や固定ページのタイトル中で改行したい場合の対応方法

WordPressのタイトル内で改行したい場合の対応方法 ※<br>タグは動作しない

UZUREA編集部 アイコン

UZUREA編集部

/ 更新:

当記事の内容および記事中のリンクには、広告目的や当サイトが収益を得るためのものが含まれており、これらの収益によってuzurea.netは運営されています。

WordPressの記事や固定ページのタイトル欄でどうしても改行をしたいという場合の対応方法を記載しています。

なお、この記事で解説している内容はWordPressテーマのカスタマイズなどができる人向けの記事です。

WordPressの記事タイトル中で改行したいという要望に対応する処理

以前は無理やり改行タグ <br> などを入力する事で改行出来ない事もなかったのですが、現時点での最新WordPressバージョン(6.5.2から?)ではエスケープして文字列として<br>が出力されるようになりました(※)。

※アップデート前に<br>を入力している記事は改行できているのを観測しましたので、DBへの保存時に文字列をエスケープしてるのかな? 細かいところはわかりませんが、詳しい方がいらしたらコメントなどでおおしえください。

と言う事で、いろいろ考えた結果、記事タイトル中に特定の文字が有る場合に、それを自動的に変換して出力するような処理が良いのかな、と。下記は記号『 | 』(バーティカルバー、パイプ)を入力した場合に、html<br>に変換して出力するためのコードです。

funcsions.phpに記述する内容

まずは有効になっているテーマ内のfuncsions.phpに下記を追記します。

// 記事タイトルで改行したい方向けに| を改行に変換
//出力するときは custom_br_title(get_the_title()); などとする
function custom_br_title($title) {
	$title = str_replace('|', '<br>', $title); // 半角記号を<br>にする
	$title = str_replace('|', '<br>', $title); //念のため全角も
	return $title;
}

テーマファイルに記述する内容

つづいて、上記の処理を適用したい箇所のテーマに

<?php echo custom_br_title(get_the_title()); ?>

などと記述すれば『記事タイトル前半 | 記事タイトル後半』のように入力した記事タイトルが、該当箇所では……

記事タイトル前半
記事タイトル後半

……のように出力されます。

また普通にget_the_title()とした箇所では、意図せず改行されたりしない上に、表示面でも『記事タイトル前半 | 記事タイトル後半』なら違和感がないのかな、と。

まとめ

内なるNoと言えるWebディレクターが「記事のタイトル中では改行を諦めてください」だとか、「その箇所で本当に改行必要でしょうか?」、「ユーザーの表示環境によって表示が異なるWebではレイアウトのための改行は極力……」などと囁きますが、こだわる人は何をどう伝えても理解や納得してくれない場合が多いですよね。

と言う事でちょっと手間ではありますが、そんな時の対応として自分用メモを兼ねて当記事を掲載しておきます。

WordPressの記事や固定ページのタイトル中で改行したい場合の対応方法

この記事をシェアする

この記事のタイトルとアドレスをコピー

この記事を気に入ったらハートマークで応援してください

この記事の執筆は……

UZUREA編集部 アイコン

UZUREA編集部

UZUREA.NET 編集部アカウント。運営会社スタッフ及び契約ライターによる匿名寄稿を含みます。

関連する記事

Netflix 2024年4月配信作品一覧 実写邦画『シティハンター』、映画『グレート・スクープ』、韓ドラ版『寄生獣 ーザ・グレイー』など

Netflix 2024年4月配信作品一覧 実写邦画『シティハンター』、映画『グレート・スクープ』、韓ドラ版『寄生獣 ーザ・グレイー』など

Netflix 2024年3月配信作品一覧 映画『ダムゼル/運命を拓きし者』、ドラマ版『ジェントルメン』、韓ドラ『涙の女王』、『シナぷしゅ』など

Netflix 2024年3月配信作品一覧 映画『ダムゼル/運命を拓きし者』、ドラマ版『ジェントルメン』、韓ドラ『涙の女王』、『シナぷしゅ』など

Netflix 2024年2月配信作品一覧 ドラマ『アバター: 伝説の少年アン』、アニメ『オリオンと暗闇』、韓ドラ『殺人者のパラドックス』など

Netflix 2024年2月配信作品一覧 ドラマ『アバター: 伝説の少年アン』、アニメ『オリオンと暗闇』、韓ドラ『殺人者のパラドックス』など

Netflix 2024年1月配信作品一覧 映画『Lift/リフト』、ドラマ『ブラザーズ・サン』、韓ドラ『ドクタースランプ』など 冬アニメは20作品が配信

Netflix 2024年1月配信作品一覧 映画『Lift/リフト』、ドラマ『ブラザーズ・サン』、韓ドラ『ドクタースランプ』など 冬アニメは20作品が配信

Netflix 2023年12月配信作品一覧 ドラマ『幽☆遊☆白書』は12/14配信! 映画『REBEL MOON』、アニメ『ポケモンコンシェルジュ』ほかオリジナルは33作品!

Netflix 2023年12月配信作品一覧 ドラマ『幽☆遊☆白書』は12/14配信! 映画『REBEL MOON』、アニメ『ポケモンコンシェルジュ』ほかオリジナルは33作品!

Netflix 2023年11月配信作品一覧 今月はのオリジナル55作品! 邦画『クレイジークルーズ』、韓ドラ『今日もあなたに太陽を』、アニメ『陰陽師』などなど

Netflix 2023年11月配信作品一覧 今月はのオリジナル55作品! 邦画『クレイジークルーズ』、韓ドラ『今日もあなたに太陽を』、アニメ『陰陽師』などなど

2023年冬アニメ新作76作品一覧  放送日、公式&配信サイトリンク まとめ

2023年冬アニメ新作76作品一覧 放送日、公式&配信サイトリンク まとめ

Netflix 2022年12月配信作品一覧 『ぐでたま』、『ペーパー・ハウス・コリア パート2』などオリジナル作品が熱い!

Netflix 2022年12月配信作品一覧 『ぐでたま』、『ペーパー・ハウス・コリア パート2』などオリジナル作品が熱い!

2022年秋アニメ新作65作品一覧  放送日、配信先、公式サイトリンク付 番組表人気ランキングを掲載

2022年秋アニメ新作65作品一覧 放送日、配信先、公式サイトリンク付 番組表人気ランキングを掲載

Netflix 2022年10月配信作品一覧 『ロマンティック・キラー』『シュルプ』などオリジナル作品に注目

Netflix 2022年10月配信作品一覧 『ロマンティック・キラー』『シュルプ』などオリジナル作品に注目

2022年夏アニメまとめ VOD配信リンク付番組表 新作は57作品 人気投票も開催中

2022年夏アニメまとめ VOD配信リンク付番組表 新作は57作品 人気投票も開催中

U-NEXT 2022年4月配信作品一覧 『スパイダーマン:ノー・ウェイ・ホーム』『ピースメイカー』が追加!

U-NEXT 2022年4月配信作品一覧 『スパイダーマン:ノー・ウェイ・ホーム』『ピースメイカー』が追加!


page top