キャッチフレーズを改行表示する方法

はじめに

以下の質問に回答します。

cocoonのキャッチフレーズを改行したい

サイトURLキャッチフレーズでどうしても長い文章で改行したいのですががきかなく、色々調べてという箇所を文章で直接記入すればいいとありましたが、header.phpで見当たらなく一番簡単な方法がござ...

wp-cocoon.com

この方法では、外観→カスタマイズ→サイト基本情報→キャッチフレーズではなく、独自に設定いたものです。
なお、サイト基本情報で設定したキャッチフレーズは、表1の各項目に反映されます。

そこで、キャッチフレーズの文言に対して、句読点「。」を区切りとして、ヘッダー部分のみ改行を追加して出力します。

この記事では、この方法について説明します。

完成イメージ

実装手順

以下のコードをfunctions.phpに追加します。

add_filter('get_tagline_text', function ($description') {
  return preg_replace('/。(?=.*。)/u', '。<br>', $description);
});

さいごに

今回紹介した方法を使えば、キャッチフレーズを文中の句読点「。」で区切り、ヘッダー部分にのみ改行を反映させることができます。
これにより、見た目の読みやすさを保ちながら、<title>タグや<meta>タグなど他の出力部分には影響を与えずにデザインを整えることが可能です。