MORIAWASE

好きなもの、好きなだけ、盛り合わせ

今日の人気記事です!

STINGER5でタイトルタグを自動生成するカスタマイズ。

      2016/03/30

Less is more…

僕の好きな言葉です。シンプルっていいですよね!

STINGER5って最高ですよね!

というわけで、またまたカスタマイズしてみたよ。

 

タイトルタグが自動生成されるんだって!

今回のカスタマイズは、「めんどくさいコードを記述しなくてもタイトルタグが自動生成されるよ」というものです。

(こちらのサイトを参考にしました→http://www.nishi2002.com/12861.html

 

「新しいものが正義」というわけではありませんが、便利なものはどんどん取り入れた方が良いと思うんですよね。

計算機で一つ一つ計算するよりも、エクセルの関数使った方が良いよね?というのと同じです。

 

では、始めましょう。

 

STINGER5のヘッダーにはどんなコードがあるの?

まず、STINGER5では、どのようにタイトルタグが生成されているのでしょうか?

コードを見てみましょう。

header.phpの「meta name」のコードの下にありました。

 

投稿記事の時はこれ、固定ページの時はこれと、このコードで条件分岐しているみたいです。

すごく長いですね。

もはや、当たり前のように他のテーマでも使われているみたいです。

 

今回のカスタマイズでは、このコードが全て必要なくなります

やることは2つ。

  1. ヘッダーのタイトルタグを生成するコードを消す
  2. ファンクションにタイトルタグを自動生成するコードを追加する

以上です。はい、簡単ですね。

 

ヘッダーのカスタマイズ

(最新版のワードプレスで実行してね!)

(そして、まずはテスト環境で実行してね!)

 

ワードプレスの管理画面→外観→テーマの編集と進み、header.phpを開きます。

そして、先ほどのタイトルタグを全て削除します。

この2行のコードの間にタイトルタグを生成するコードがありました。

デフォルトでは、削除するとこういう順番になるはずです。

これで、タイトルタグが生成されなくなります。

 

ファンクションのカスタマイズ

※変にカスタマイズすると画面が真っ白になるから注意してね!

 

次に、ファンクションのカスタマイズに取り掛かります。

ワードプレスの管理画面→外観→テーマの編集と進み、function.phpを開きます。

デフォルトでは、こういう順番でコードが記述されているはずです。

 

この間にタイトルタグを自動生成してくれる

のコードを追加します。

こういう順番になればOKですね。一応コメント書いてます。

 

すると…

 

stinger5-title-tag-1

 

しっかりタイトルタグを自動生成してくれていますね。

「|」が「ー」になりましたが、全く気にならないので、このままにしています。

多分、「|」のままにする方法もあるはずなので、気になる方は「気になる!」とお知らせください。

頑張って調べてみます。

 - WordPress・カスタマイズ