WordPressの投稿や固定ページのタイトルで改行を入れる方法

WordPressの投稿や固定ページのタイトルで改行を入れる方法

WordPressの投稿や固定ページのタイトルで改行を入れる方法

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>と打ち込むよりも運営者にとってわかりやすくなりますね。タイトル内の任意の箇所で改行を入れたい場合は、ぜひ参考にしていただければと思います。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です