ワードプレスにfaviconをタグに記載で設置する

スポンサード リンク

Wordpressにfavicon設置するFavicon(ファビコン)がドメイン取得時のものがずーっとブラウザで表示されていたので中々おっくうがって作成していなかったのですが、早速改めて作成してアップロードしてみた。
たかがFavicon(ファビコン)を表示させる為だけに、プラグインをインストールするのは面倒なうえに、Wordpressはプラグインをたくさん突っ込むと重くなるらしいので極力無駄なものは増やしたくない。

スポンサード リンク

faviconの作成方法

Faviconを作成してから、メタタグ記述の方法を取るとする。

ちなみにFavicon(ファビコン)そのものは、各種webツールでjpg画像などから作成可能ですがGIMPというペイントのフリーソフト単体でも作成可能です。

サイズに関しては、ブラウザで多少変わってくるのですが基本16px×16pxで良いかと思います。(大きい画像も色々と試しましたが現在のブラウザであまり大きくても無意味な為)

参考:WordPressでFavicon(ファビコン)を表示するカスタマイズ

ここに全部記載されていました。
イメージの名前を
favicon.ico
にする。
※gimpで作成可能。
画像サイズは1:1 
512×512
256:256等
https://www.favikon.com/
ここのサイトに画像アップロードしても作成可能。

以下私的なメモです。
最初にWPをアップロードしている最上部に
favi.co をアップロードする。
</head>タグの前に以下タグを設置

<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico” />

これで表示される。

無料ブログでfavicon設置する場合

無料ブログでもfaviconのアップロード位置さえ変更すれば応用可能。
<link rel=”shortcut icon” href=”アップロード先ドメイン/favicon.ico” />

こんな感じです

コメント

タイトルとURLをコピーしました