triBlog

トリアナのブログ。

WEB制作
フロントエンド

WordPressのタイトルセパレーターの謎空白について

「|」に変更したら、かなり目立つんですよねこの左右の空白。
Avatar photo
あべ

WordPressのタイトルセパレーターは、左右に空白がデフォルトで発生します。
いままでWordPress仕様だしとあまり気にしていなかったのですが、消せるもんなら消したい。
てなわけで今回はセパレーターのお話です。

タイトルセパレーターとは

タイトルセパレーターとは、ページタイトルとサイト名の間に入る装飾(記号)のことです。
WordPressでは、デフォルトが、「-」に設定されています。
この記号、function.phpから変更することが可能です。

タイトルセパレーターを変更してみよう

このセパレーター、function.phpに下記の一言記載するだけで変更することができます。

参考

WordPressのタイトルセパレーターの謎空白について – triBlog 株式会社トリアナのブログ
↓ 追記後
WordPressのタイトルセパレーターの謎空白について | triBlog 株式会社トリアナのブログ

これだけで、OKです。
変更することができました。

謎の空白を削除

さて、ここで再確認、セパレーターの左右に空白が。
これ消したいですよね。

WordPress側を触るのは嫌だし、functionからどうにかしたいが、方法が・・・・。
ありました。

それがこちら。
function.phpに追加してください。

str_replace()は、文字列に一致したすべての文字列を置換するPHPの関数です。

なにをしているのかというと。
タイトル内にある、空白も含めたセパレーター「 | 」を、空白なしの「|」へ置き換えをおこなっています。
(セパレーターの記号によって、置き換えの記載が変わるので注意)

参考

WordPressのタイトルセパレーターの謎空白について | triBlog 株式会社トリアナのブログ
↓ 追記後
WordPressのタイトルセパレーターの謎空白について|triBlog 株式会社トリアナのブログ

これで、デフォルトで入った余計な空白を削除することができました。
うん、スッキリ。

WordPressが得意な方大歓迎

トリアナでは現在、WordPressが得意なコーダーを募集しております。
今回の様な私の些細な悩みをポン!と解決できちゃう様なコーダーさんいませんか!大大大歓迎です。
ポンコツな私に色々教えてくださると嬉しいです。

WEBサイトなどのご相談はこちらからどうぞ

記事を書いた人

Avatar photo
あべ ママコーダー

コード打って、オタ活して、3人の子育てママして、奥さんしてる書けないくらいclass属性だけは多いコーダーです。

あべ ママコーダー

コード打って、オタ活して、3人の子育てママして、奥さんしてる書けないくらいclass属性だけは多いコーダーです。

ページ上部へ