WordPressの既存テーマにfaviconを表示させてみる。

2021年01月21日 12時00分 正午の月齢:8.3  月名:九日月  潮汐:小潮 月齢:8.3[九日月] 潮汐:小潮
4年前に投稿 | WordPress | コメントはありません

2分ぐらいで読めます。

公式に配布されている、いわゆる既存テーマに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' );

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

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

コメントはありません

ごめんなさい、コメントフォームは閉鎖しています。

Translate »