飛人のサイト工房

これからWEBサイトを作ってみよう!というブログです。

はてなブログのブログアイコン(ファビコン)を設定する

~専門ブログを作る!vol.6~

シリーズ記事

前回アイコン画像を作ったので

www.dreamweaver.work

それを使ってブログアイコン設定とプロフィールの画像を設定しようと思います。

はてなブログのブログアイコン設定

ブログアイコンって言うのは、ブラウザで見た時タブの左に出てくるアイコンです。

設定しないと右赤枠のように「はてなブログ」アイコンが表示されます。

左赤枠はアイコン設定したこのブログです。

 

まとめ
  1. ブログアイコン用の画像を作る
  2. はてなブログのブログアイコンを設定する

参照:Amazingly Simple Graphic Design Software – Canva

1.ブログアイコン用の画像を作る

www.dreamweaver.work

2.はてなブログのブログアイコンを設定する

ダッシュボード>>設定>>基本設定>>

ブログアイコン>>ファイル選択

ロゴをアップロード

「変更する」を押す。

 スマホのショートカットアイコンに使用できる

はてなブログでアイコン設定すると、スマホやタブレットでブログのショートカットを作る際に設定したアイコンが使用できます。

Android

グーグルクロームの右上メニューを開く

 

ホーム画面に追加

 

追加

 

ホーム画面に追加されました。

これで簡単にお気に入りのサイトに行けます!

iPhone

サファリの中央下のメニューを開く

 

ホーム画面に追加

 

追加

 

ホーム画面に追加されました。

これでいつでもお気に入りのサイトに行けます!

 

自分が作ったアイコンがスマホに表示されると、なんだか嬉しいですね。

是非、活用してみてください!

シリーズ記事