faviconを設定しました

ども、たきたきでっす。

Chromeとかで見るとタブにfaviconが表示されますが、このサイトは

葉っぱ! これなんやねんって思ったんですが多分Springかなにかのやつなんですよね。

なので、ちょっとかっこ悪いのでfaviconを設定しました。

設定方法は、サイドメニューの外観から、カスタマイズを選択。

サイト基本情報にサイトアイコンというものがあるのでそこに画像をアップロード。

特に問題もなく行くとおもいきや…

画像のサイズは1024×1024なので問題ないはず… なぜだ…

原因は、nginx側のアップロードサイズの上限を超えていたっぽいです。

設定ファイルに、

client_max_body_size 20M;

と書いてnginxを再起動。

再度、アップロードを試みると…

ちゃんとアップロードできました(^o^)
(ちなみに、この猫は去年まで飼っていた猫ちゃんです。)

あとは公開ボタンを押せば反映されるようになるはず。

されるようになりました!w

ちなみに、htmlのコードを見ると、

<link rel="icon" href="https://www.takitaki-tools.net/blog/wp-content/uploads/2020/02/cropped-favicon-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.takitaki-tools.net/blog/wp-content/uploads/2020/02/cropped-favicon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="https://www.takitaki-tools.net/blog/wp-content/uploads/2020/02/cropped-favicon-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.takitaki-tools.net/blog/wp-content/uploads/2020/02/cropped-favicon-270x270.png" />

こんな感じで各種サイズのアイコンを表示するようにhtmlが生成されておりました。

これはheader.phpに記述してある、

<?php wp_head(); ?>

このwp_head()の処理の中で生成しているみたいです。

wp_headの詳細についてはまた後日勉強しよう…w

コメント

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