ファビコンってこだわってますか?
ワードプレスでサイトを作るとタブのところ
よくわからない地球?みたいな
マークになりますよね。
スマホ画面に保存するとよくわからん
アルファベットになります。
それって何か他と差別化ができてないし
可愛くない感じもしますし。
実際ファビコンを設定している方が
売り上げも高くなるという話も聞いたことがあります。
なので、今日は僕がやった
ファビコンの設定方法をまとめておきます。
プラグインダウンロード
ワードプレスで困ったことがあったら
とりあえずプラグインで解決でしょう。
僕がダウンロードしたプラグインは
Favicon by RealFaviconGenerator
何がベストかはわかりませんが
Favicon で検索したら一番上に上に出てきた
評価の高いものを選びました。
念のためgoogleで
Favicon by RealFaviconGenerator
で検索したところ実際に使ってる人もいたし
不具合もなさそうだったので決定。
そんな面倒なことする必要ある?と
思うかもしれませんが、おかしなプラグインを
ダウンロードしてサイトが壊れたしたら
とてつもない絶望感ですからね。
プラグインは様子を見てから
ダウンロードすることをオススメします。
で、それはそれとして、
Favicon by RealFaviconGeneratorは
設定がめちゃくちゃ簡単でした。
とりあえずここでやるべきことは、
プラグイン > 新規追加 > 検索窓に Favicon by RealFaviconGenerator と入力 >インストール&有効化
設定方法
インストールしたら左側の外観の中に
Faviconという項目が追加されています。
クリック。
英語でごちゃごちゃ書いてますが
ボタンっぽい部分「select from the Media Libraly」
をクリックしてファビコンにしたい画像を選択。
大きい画像の方が良いでよし。
形式はpngでよし。
画像を選択して Generate fabicon をクリック。
しばらく待つと、
スマホなどの画面の表示方法が選択できます。
細々設定できる部分がありますが
全部無視でOK.
app nameを設定すると
ブックマークした時の名前を
こっちで指定できるらしいのですが、
そんなのは相手に任せましょう!
Generate your Favicons and HTML code
をクリックでOK
ちなみにこのブログはアドセンスのブログで
ワンクリックで何十円の世界なので
500円玉にしてみました。
まとめ
ファビコンを設定したから何なの?
っていう話ではあるのですが、
設定するとブックマークの管理だったり
スマホの管理画面がわかりやすくなったりします。
自分のサイトを愛してくれる人にとっては
ファビコンを設定することは特別な設定なのです。
なので、やった方が良いのかやらない方が良いのか?
っていう話になると、やった方が良いです。
せっかくであれば設定しましょう!
コメントフォーム