STINGER3のtitleタグ先頭に入る改行とスペースを消してみた

      2014/08/06

medium_1443767744
photo credit: Huasonic via photopin cc

実はさっき気がついてしまったのですが、STINGER3の記事ページや固定ページの<title>タグ内に入る文字が、ちょっとおかしなご様子

んんっ、文字が<title>タグから段落ちしたようになってるのと、先頭に半角スペースが入っている。このビミョーな崩れが、たとえばSEO的に問題があるのかどうかはよく知りませんが、良くはないですよねきっと。あぁもう、見ちゃった以上は直さずにいられない……。

ということで、今回はこの<title>タグ内の先頭に入る改行とスペースを取り除く方法をご紹介します。

スポンサーリンク

titleタグ内の改行とスペースを取り除く方法

今回、手を加えるファイルは「header.php」になります。STINGER3のデフォルトでは、titleタグの箇所は下記のようなソースになっているかと思います。

いろいろ条件分岐が入っていて少々ややこしそうですね。でも変更はいたって簡単です。先ずは1行目「<title>」と2行目「<?php」の間にある改行を削除して、

という状態にします。

次に「wp_title(”);」という記載の行が2つほどありますが、そちらを「echo trim(wp_title(”, false));」に差し替えます。すべて変更すると以下のようになるはず。

この状態で「header.php」を保存してサーバーにアップし、改めて記事ページや固定ページのソースを確認すると…

みごと、<title>タグ内の先頭に入る改行とスペースが取り除かれています。あー気持ちいい!

さいごに

今回はちょっと細かすぎるお話でしたかね。でもまぁ、細かいところこそどうしても気になっちゃう、わたしのような人のニーズがあることを信じて…。

こちらの記事もいかがですか?

そのほか、STINGER3のカスタマイズについてまとめてみました。

わたしがSTINGERでカスタマイズしたことをまとめてみた

 - ブログカスタマイズ

スポンサーリンク

  関連記事

WordPressでメディアを挿入のリンク先を最初からなしに設定する方法

WordPressで投稿の本文に画像メディアを挿入する時、リンク先をメディアファイルではなく、最初か …

STINGER3のフッターを3カラムにカスタマイズしてみた

個人のブロガーは、記事の執筆はもちろんのことながらブログのデザインにも多少は気を配って、自分でカスタ …

わたしがSTINGERでカスタマイズしたことをまとめてみた
わたしがSTINGER3でカスタマイズしたことをまとめてみた

STINGER3をテーマにした当ブログで、わたしがこれまでに実装したカスタマイズの内容を、まとめてご …

CSSとWEBフォントだけで作ったSNSシェアボタンをSTINGER3に入れてみた

CSSとWEBフォントだけで作ったSNSシェアボタンを、STINGER3に導入する方法をご紹介します …

STINGER3の「関連記事」表示を横並びにカスタマイズしてみた

STINGER3の「関連記事」表示を横並びにカスタマイズする方法をご紹介します。必要以上に縦長になっ …

WordPressのテーマをSTINGER3に変更してみた

ブログを始めて少なくとも数ヶ月はほとんどアクセスなんてありませんよっ!なーんてことは重々承知のつもり …

CSSを使ってプロフィールやサムネイルの画像を丸く切り抜く方法

最近よく見かける、プロフィールの画像やサムネイルの画像なんかを丸く切り抜いたデザイン。これは丸く切り …

WEBフォントで簡単に!STINGER3の細かいところにアイコンを入れてみた

WEBフォントを使って、簡単にアイコン装飾を行う方法をご紹介します。細かいところまでに気をつかえば、 …

WordPressのコメント欄をデフォルトからFacebookに変更してみた【STINGER3】

当ブログですが、まだそれほどアクセスは無いはずなのにしばしばスパムコメントが入ってきます。不思議です …

気持ちいいエフェクトのスライドメニュー「Off-Canvas Menu Effects」を入れてみた

スライドメニューを表示するときのエフェクトが気持ちいい「Off-Canvas Menu Effect …