設定 stinger WordPress

WordPressのファビコン設定(初心者でも簡単)・stingerでの方法も

投稿日:2016年7月7日 更新日:

自分でブログやサイトを立ち上げたらファビコンも設定してみたくなりますよね。

ファビコンはこんなのです。

favi000

これを設定すると、何となくそれっぽくなりませんか?

ということで、ファビコンの設定方法をご紹介します。

ファビコン制作

photoshopを使える人はphotoshopで凝ったものを作っても良いですし、パソコンに入っているペイントですとか、簡単に作れるツールなんかを利用しても良いと思います。
このブログのは月(丸を切り抜いたもの)とFを組み合わせた簡単なものですので、パパッと作りました。
PNGやJPGで大丈夫です。
サイズは縦横16px、32pxが主流のようですので、この辺りで作ればとりあえずOKです。

画像が出来ましたらファビコン用に変換します。
以下のサイトで簡単に出来ます。
ファビコン作成

favi04

ファイルを選択して作成ボタンを押せば出来上がりです。

ファビコンのアップロード

拡張子icoの「favicon.ico」画像が出来れば、サーバーにアップします。

favi00

wordpressをインストールしたところ(wp-config.phpがあるところ)にアップしてください。

ヘッダーに書き込む

wordpressの「外観」→「テーマの編集」で「header.php」を開きます。

そこの</header><link rel="shortcut icon" href="http://○○.com/favicon.ico" type="image/vnd.microsoft.icon" />を挿入します。
○○.com部分はあなたのブログ・サイトのドメイン名です。
wordpressをサーバー直下ではなくwp等のフォルダを作ってそこにインストールしている場合は○○.com/wp/favicon.icoとしてください。

このような方法とは別に、wprdpressのテーマ、Stinger(plus以外は確認していません、ごめんなさい)を使っていれば、ヘッダーに書き込まずにStinger管理にファビコンの設定がありますので、ここでも出来ます。

favi03

両方試しましたが、どちらでも出来ましたので、お好きな方でどうぞ。

ファビコンの表示

上記が出来れば、このような感じから

favi01

こうなります。

favi02

おぉぉー!!

表示が変わらないという場合は、一旦ブラウザを閉じて再度開いてみてください。
数分待っても変わらなければ、どこか間違っているかもしれませんので、ご確認ください。

まとめ

いかがでしたでしょうか?
ファビコンの画像さえ作れば、設定は数分で出来る内容かと思います。
これをすれば、サイトの信頼性が少し上がるような気もしますし、サイトへの愛着もアップしますので、オススメです。
ブックマークとかも見やすくなりますしね。

最後までご覧頂きありがとうございました。

アド

アド

おすすめ記事

villimetsa 1

villimetsa ポップアップテントが欲しくて何色にしようか数日悩んでたら、 全色売り切れの衝撃から3週間。 再度販売が開始されて、待ちに待っていたものが届 ...

IMG_2673 2

時の流れは早いもんで、知育ニューブロック はじめてのセットのブログを書いてから1年が経っていました。 当時はレゴを買うことが許可されなかったものの、今はレゴも多 ...

IMG_2307 3

どうも妻に何かのスイッチが入ったらしく、「布団クリーナー、布団クリーナーしないと」と春くらいから何度も暗示を掛けて来ました。 僕は掃除機掛ければ良いという意見で ...

img_0905 4

パモウナを使って1カ月ちょっと、ある程度使い勝手等わかりましたので、ちょこっとレビューします。 ※半年経過しましたので、少しだけ追記もしました。 目次1 パモウ ...

IMG_0761 5

基本的に料理はそんなにしない僕ですが、 娘の2歳の誕生日にアンパンマンケーキを作りました。 普通のケーキは僕も娘もあまり得意ではないので、チーズケーキ風のケーキ ...

IMG_1926 6

グラフィックや映像系の仕事をしてまして、パソコンがないと仕事になりません。 壊れたら頭真っ白・・・ほんとに白髪になるかもしれません。 雷ガードのコンセントはもち ...

person-1627697_640 7

エントリーモデルのエアウィーヴ スマート 020を使って4ヶ月ちょっと。 以前書いた記事に追記でもしようかと思ってエアウィーヴのHPを見たらびっくり、 エアウィ ...

-設定, stinger, WordPress
-, , , , ,

Copyright© フリーランスパパのノート , 2018 All Rights Reserved.