煤式自動連結器

公式に配布されている、いわゆる既存テーマにfaviconを設定する方法です。あまり既存テーマを使うことはなかったんですけど、ここ最近使う機会があったのでちょっとさわってみました。

もっともシンプルに考えるとテーマフォルダ内のheader.phpに直接タグを書き込んでしまえば終わりなのですが、テーマが更新されるたびにせっかく書き込んだタグが消えてしまいます。

ということで今回は子テーマのfunctions.phpに追記することにしました。パスはルート直下を想定しているので、実態に合わせてくださいね。

function favicon_link() {
echo '<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />' . "\n";
}
add_action( 'wp_head', 'favicon_link' );

この書き方だとちょっと古いようなので、もう少し今っぽく。

function favicon_link() {
echo '<link rel="icon" href="favicon.ico">' . "\n";
}
add_action( 'wp_head', 'favicon_link' );

ico形式ではなくpng形式を使うとき。

function favicon_link() {
echo '<link rel="icon" type="image/png" href="favicon.png">' . "\n";
}
add_action( 'wp_head', 'favicon_link' );

えーと、そもそも論として「子テーマってなにそれ」な人は、このあたりを閲覧してみてくださいませ。

• 「10分で終わらせてくるっ!」WordPress子テーマの作り方を2ステップで簡単解説!
• 子テーマを作ってWordPressの既存テーマをカスタマイズする方法
• WordPressで子テーマを作成する方法(詳細ガイド)

繰り返しになりますが、自分で作ったテーマだったらもう直接header.phpにぐりっと書き込んでやりましょう。そのほうがラク(な気がする)。