WordPress

【WordPress】投稿のタイトルを改行する方法

【WordPress】投稿のタイトルを改行する方法
WordPressの投稿のタイトルって改行できない?

投稿のタイトルは1行のテキスト入力になっていて、通常は改行出来ません。

しかし、ちょっとコードを変えるだけで改行出来るようになるので、今回はその方法をご紹介していきます。

効率よくWordPress制作したい人はこちら

投稿のタイトルを改行する方法

まずは通常の投稿タイトルを読み込むコードは以下になります。

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

そして改行させる方法は2つあります。

半角スペースで改行

まず1つはタイトルで半角スペースを使う事で改行させる方法です。

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

入力する時はこちらのようにします。

 

全角スペースで改行

もう一つはタイトルで全角スペースを使う事で改行させる方法です。

コードはこちらになります。

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

非常に似ていますが、" " の中身が半角スペースか全角スペースの違いになります。

ブログ上で見ると全角スペースの方が半角スペースのように見えますが、コピペすればOKです。

この場合はタイトルはこのように入力します。

 

以上になります。

投稿のタイトルで改行というのはあまり見ないかも知れませんが、実務で1度使用したことがあったので今回ご紹介しました。

いざそういうデザインに出くわした時にこの記事を思い出してみて下さい。

 

WordPress案件の単価と作業効率を上げる!

Brain総合ランキング1位獲得 & 3日で500部突破

累計670部突破

クチコミ約370件
(平均スコア

今だけ!5つの無料特典あり🎁

👇画像をクリック

  • この記事を書いた人

じゅんぺい

タイ・バンコク在住のWeb制作フリーランス兼ブロガー▶︎37歳からWeb制作を開始▶︎コーディングとWordPressのオリジナルテーマ制作でこれまで80件以上納品▶︎Web制作中心の当ブログは月8.4万PV▶︎Twitterのフォロワーは5700人▶︎コーディングとWordPressのコンテンツを販売し、3日で500部突破&250万円&人気1位獲得 → 累計390万円突破

-WordPress