Wordpress タブの名前に「｜」が入ってしまう

Question

いつもお世話になっております。

現在WordpressでWebページを作成しております。
一般設定にタイトルを「XXXXX」と入力しておりキャッチフレーズは空の状態です。

現状、Chromeなどのブラウザのタブの中を見ると、「XXXXX ｜」となってしまい、バーティカルバーが取れません。
all in one SEOなどは入れていないので、一般設定部分を変更すれば事足りると思ったのですが、他に必要なことはあるのでしょうか。

参考になるサイトでも構いませんので、適切な方法をご教示いただけますと幸いです。
よろしくお願いいたします。

Answer 1

根本的なコード解明ではありませんが、Lightningテーマをお使いであれば、

同時にインストールを勧められる「 VK All in One Expansion Unit 」のプラグインから変更できます。

まず、「 VK All in One Expansion Unit 」のメニューの中から
「ExUnit」 の中にある「タイトルタグの書き換え」のチェックボックスにチェックしてください。

次に、
「メイン設定」から「トップページの<title>タグ」を選び、入力フォームに好きな文字列を入れて保存すると、「｜」無しのタイトルに出来るハズです。

もしくは、UxUnitのチェックが入った状態であれば、
他の方の、function.php への記述で対策する方法が動作するかもしれません。

Comments

[lyzmfeqpxs54]

ご回答ありがとうございます。
ご教示いただいた方法で、無事解決いたしました。

他の方々も度々のご回答本当にありがとうございました。

[iss]

もう一つの質問のほう、
ExUnitへのチェックした状態で asuchi0819 さんや KazuhiroHatano さんの function.php へ追記する方法で解決しませんか？

Answer 2

多分

add_theme_support('title-tag');

でタイトル出すタイプのテーマ、と言うかWP4.4以降は基本こっち

これの区切り文字にはフィルタがかかっててデフォルトは'-'
'|'が出るってことはすでにフィルタがかかってるはずなので
それを上書きできる優先度で

add_filter('document_title_separator',function(){return '';},100);

---

追記

add_theme_support('title-tag');してるのに
document_title_separatorが働かないのであれば
pre_get_document_titleでテーマ独自にタイトルを作ってるのかもしれないです

この場合はタイトルの構造はテーマによるところなので
テーマの中でpre_get_document_titleのフィルタを探してどうにかする感じでしょうか

Comments

[lyzmfeqpxs54]

ご回答ありがとうございます。
ご教示いただいた
add_filter('document_title_separator',function(){return '';},100);
をfunction.phpに追加してみたのですがタブの表示は切り替わりませんでした。

書く場所が間違っておりますでしょうか。

Answer 3

titleタグに、asuchi0819様の言うように直接記載されている場合はその通りに

もし古いテーマで、wp_title()で出力されているようでしたら、下のようにパイプを削除して下さい

<title><?php wp_title( '|', true, 'right' ); ?><?php bloginfo( 'name' ); ?></title>
↓
<title><?php wp_title( '', true, 'right' ); ?><?php bloginfo( 'name' ); ?></title>

Comments

[lyzmfeqpxs54]

ご回答ありがとうございます。
不勉強で申し訳ございません。
wp_title()はどちらにありますでしょうか。
header.phpやfront-page.phpなどには見つからず…。

[madone99]

でしたら、KazuhiroHatano様の仰る通りfunctions.phpにadd_filterで上書きして下さい。

Answer 4

wp-content / themes / お使いのテーマ名 / header.php

にある

<title><!--ここら辺は様々なものが入ってます--></title>

から、「|」を削除してください。
なかったらテーマ名と一緒に教えてください。

functions.phpの1番下に以下をコピペしてみてください。

function custom_title_sep( $sep ){
  $sep = '';
  return $sep;
}
add_filter( 'document_title_separator', 'custom_title_sep' );

Comments

[lyzmfeqpxs54]

ご回答ありがとうございます。
テーマはLightningを使用し、子テーマを作成して運用しております。
ご教示いただいた
wp-content / themes / お使いのテーマ名 / header.php
ファイルの中には「title」タグが存在せず、「｜」もありません。

どういったことが考えられますでしょうか。

[lyzmfeqpxs54]

度々のご回答ありがとうございます。
ご教示いただいた
function custom_title_sep( $sep ){
$sep = '';
return $sep;
}
add_filter( 'document_title_separator', 'custom_title_sep' );

をfunctions.phpの1番下に追加してみたのですが、タブの表示は変わりませんでした。