WordPressの投稿や固定ページのタイトルは、基本的には1行で入力するようになっており、テーマファイル内で出力する場合も改行は入りません。使用しているテーマによっては、タイトル内の任意の箇所で改行を入れたいというケースもあるかと思います。
そこで今回は、投稿や固定ページのタイトルで改行を入れる方法をご紹介したいと思います。
投稿や固定ページのタイトルで改行を入れる方法
パターン1. タイトルに<br>タグを追加する
最初にご紹介するやり方は、タイトル内に直接<br>タグを挿入する方法です。タイトル内の改行したい箇所に<br>を入れるだけで、投稿や固定ページを開いた時に<br>が自動的に改行に変換されます。
非常に簡単ですね。
パターン2. タイトル内のスペースを改行に変換する
続いてご紹介するやり方は、タイトル内に半角スペースが入っていたら、半角スペースを改行に変換する方法です。single.phpやpage.php内のタイトルを出力している部分を以下のように変更します。
<?php
$title = get_the_title();
$title = str_replace(" ", "<br>", $title);
echo esc_html($title);
?>半角スペースではなく、全角スペースや特定の文字に変更したい場合は、str_replaceの第一引数を変えてください。全角スペースを<br>に変換する場合は、「str_replace(“ ”, “<br>”, $title);」とします。
あとがき
パターン2の方はテーマファイルを編集する必要はありますが、タイトルに<br>と打ち込むよりも運営者にとってわかりやすくなりますね。タイトル内の任意の箇所で改行を入れたい場合は、ぜひ参考にしていただければと思います。