Wordpressのブログのheaderアイコンの設置
前回の記事に書いたようにwidgetを使えるようにカスタマイズしたついでに、header.phpも少しいらいました。
ブログをブラウザで見たときブラウザのタグの部分に表示される文字とアイコンを替えておきたいと思ったわけです。
記事ページを表示したとき、このブログではプラグインを使って記事の名称、ブログ名と並ぶようにしてありますが、プラグインを導入していない時は、ほとんどのテーマがブログ名が先に来るようになっています。
記事の名前を先にするほうがSEO対策にもなるという話もありますので、順番を変えておくことにします。
header.phpのタイトル部分
<title><?php wp_title(); ?><?php bloginfo(‘name’); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?></title>
となっているのを
<title><?php if ( is_single() ) ?><?php bloginfo(‘name’); ?> <?php wp_title(); ?></title>
に替えます。
これで、記事を選択したときのタブに表示されるのが記事の名前が先に現れるはずです。
ついでに、同じくブラウザのタグ部分のアイコンを変えておきましょう。
何もしなければMicrosoftのIEのアイコンが表示されていますよね。このブログでは、WPという文字をアイコン化して表示するようにしてあります。
このようにアイコンを作成してテーマのイメージディレクトリーにアップロードします。
header.phpの<head>タグの中に
<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/イメージフォルダー/アイコンファイル名” />
を書き込みます。
これで保存して終了。
ブログを表示したときに示されるアイコンが変わりました。
このあたりは趣味の問題になるかもしれませんが、好きなイメージを使ってアイコン表示するのも楽しいものです。
この記事にコメントする