WEB系キャンパス

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

タイトルが長くなったりでレイアウト崩れがひどいとか、固定ページは特にレイアウト重視な面があるので、仕上がったモックアップも普通に改行有りきでレイアウトされている場合がある。

そんな時は、タイトルの呼び出しコードを下記に変更
これで、半角スペースを入れることによって改行されます。

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

半角スペースをブログタイトルに頻繁に使ってるって場合は半角スペース2つで改行するコード

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

ちなみに全角スペースでもいけるみたい。

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

<h>タグも含めて呼びたしたい場合はこんなコード

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

とはいえ、タイトルがないページもあんまりないんで、<h>タグは外側に出しても良いかもね。

【参考サイト】

コメントを残す

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