ブログ運営・PC関連

WordPressのファビコン(favicon)簡単設定&確認方法

※当ブログは、アフィリエイト広告を利用しています。

2022年2月中旬、ブログのファビコンを今更ながらに設定しました。

2018年、ゼロから始めたWordPressに翻弄され、ずっと後回しになっており、気付いたら5年も経過していました。

先日、「ヘルメットの梵字を使おう!」と急に閃き、試した次第であります。

今回は、ブログのシンボルとも言えるファビコン作成や設定について、なるべく簡単に済ませようと試したレポートとなります。

画像の準備

512 × 512pxサイズの正方形で、拡張子は「png」画像を用意。

画像は自分で撮ったヘルメットの写真を利用。

トリミングして拡張子は普段愛用している「縮小革命」で簡単変換。

<追記>
上記サイズだと、Google検索結果に表示されないかもという情報を見かけ、528×528pxに再設定しました。

詳細については以下の記事にて紹介済みです。

梵字に写り込みがありますが、ファビコン表示なら目立たないかと思いそのままです。

本当は無料の画像編集ソフトで直したのですが、保存しようとしたら「本日の無料域はオーバーしたので金払え」みたいな表示が出て、どうしても保存できなかったのでそのままです。

ファビコンの画像サイズを変更したついでに、梵字の写り込みも修正しました。

画像の余白部分

透過させることがお勧めされており、無料画像編集ソフトで挑戦するも途中で挫折。

ファビコン作成に時間をかけたくなかったため、あえて白背景にすることで良しとしました。

ブログへのファビコン設定

前述の画像さえ用意すれば、WordPressの管理画面から簡単に設定できます。

管理画面の外観
 ↓
カスタマイズ
 ↓
サイト基本情報
 ↓
サイトアイコンを選択
 ↓
画像を選択し、画像切り抜きボタンを押す
 ↓
最後に公開ボタンを押して終了

ファビコン設置の確認

①ブログURL後ろに/favicon.icoと入力

例:https://wabisabi-biker.com/favicon.ico

設定したファビコンが表示されます。

②Favicon Generatorで確認

サイト:Favicon Generatorから「Check your favicon」でhttpかhttpsかを選び、テキスト欄にブログURLを入力したら、「Check Favicon」をクリックするだけの手軽さです。

しばらくすると結果が出ますが、WordPressの管理画面から設定できるファビコンは種類が限られているようで、表示されない項目もあります。

とりあえず普段使用しているスマホやPC・iPadでの表示が出来ていたので良しとしました。

ちなみにファビコンの反映までに、長くて数日かかったものもありました。

おわりに

WordPressにファビコン設定をしたレポートでした。

いちばん難しく感じたのは、ファビコンはブログを表すシンボルなので、「これだ!」というデザインが閃くまでに時間がかかってしまいました。

当初は写真を試したりもしましたが、小さな表示に写真は適さず、マークや文字の方が分りやすくてお勧めだと思いました。

zapadaザパダ 掛川 コロッケランチコロッケランチツーリング☆珈琲紅茶専門店ZAPADA(ザパダ)/掛川前のページ

富士山とのバイク写真撮影に挑戦次のページ富士山と牧之原台地とオートバイ

関連記事

  1. 両面宿儺のマウスとボールペン

    ブログ運営・PC関連

    パソコン周り☆両面宿儺(呪術廻戦)化計画を実践

    ※2024年2月、④と⑤を追記しました使用しているノートパ…

  2. バイクと茶畑

    ブログ運営・PC関連

    バイク写真ブログ★ど素人によるへっぽこ運営から1年

    2019年最初の記事ということで、ブログ運営についての抱負や今…

  3. tutum 姿勢デザインクッション

    ブログ運営・PC関連

    お尻が寒い! U字スリットクッション(椅子用)の対策

    購入したオフィスチェア用クッションが、U字スリットがあるせいで…

  4. 富士山と島田市街とオートバイ

    ブログ運営・PC関連

    【WordPress】Google検索でのファビコン(favicon)表示☆画像サイズで解決?

    ヘルメットの梵字をブログのファビコンに設定した前回の続きとなり…

  5. ムートンリストレストとノートパソコン
  6. バッテリーが膨張したスマホ

    ブログ運営・PC関連

    スマホ(HTL23)のバッテリーパックが膨張★ダメもとでバッテリー交換をしてもらった感想と結果

     バッテリー膨張でケースが閉まらず バッテリーパックが膨張したHTL2…

最近の記事

  1. COMPLEX 日本一心ライブ
  2. ふじのくに茶の都ミュージアム 日本庭園と茶室
  3. 鯉のぼりとバイク乗り
  4. 桜とバイクのある風景
  5. オタ活バイク写真 茶畑と志々雄真実

アーカイブ




  1. 合格駅とオートバイ

    SR125/2023年

    【大井川鐡道 合格駅】お散歩ツーリング
  2. 苔の上のビーチクルーザー

    ビーチクルーザー

    【苔の絨毯】ビーチクルーザーのある風景
  3. 大井川と鉄橋

    19年目のビラーゴ/2012年

    大井川の鉄橋を背景に☆19年目のビラーゴ
  4. 藤棚とバイク乗り

    バイク写真 セルフポートレート撮影

    【藤の花】風まかせバイク写真撮影
  5. 梅の花とオートバイ YAMAHA SR125

    SR125/2020年

    梅とバイク写真撮影を楽しむ
PAGE TOP