MENU

【意外と知られていない】WordPressのタイトルを改行させる方法

今回はWordPressで作成するページのタイトルの改行方法を3つ紹介します。
普通に使っているだけだと改行する方法に悩むので、この記事を読めば一発で解決します。

目次

タイトルを改行させる方法

タイトルは下のようなコードで出力することができます。

<h1>
 <?php the_title(); ?> 
</h1>

<br>で改行する

1つ目は「<br>」で改行する方法ですね。これは特にコーディングでなにかをするわけではありませんが、見栄えて的にあまり良くないし、コーディングの知識がない方は見慣れないのでなるべく避けたほうがいいです。

半角スペースで改行する

次は半角スペースを入れることで改行させる方法です。

<h1>
  <?php
    $title = get_the_title($ID);
    $title = str_replace(" ", "<br>", $title);
    echo $title;
  ?>
</h1>

下の画像だと少しわかりずらいですが、しっかり半角スペースが入っています。

こちらの方が見栄え的にもいいですね。個人的にはこちらを使うことをおすすめします。
ただ、改行位置がわかりずらいというデメリットはあります。

終わりに

以上がタイトルの改行方法の解説になります!
デザイン上、タイトルを改行させないといけないことがあるので、こちらの記事をもとに実践していきましょう!

よかったらシェアしてね!
  • URLをコピーしました!

即戦力級のWeb制作者になるためのLINEマガジン

LINEマガジン登録特典のサムネイル
即戦力級のWeb制作者になるためのLINEマガジン
目次