WordPress(ワードプレス)でサイトアイコンを設定する方法[初心者向け]、ファビコン(favicon)を表示させてブラウザのタブやお気に入りで目立とう

2018年8月20日

ブログの隠れたアピールポイント、サイトアイコンの設定をします。
WordPressの管理画面には、サイトアイコン設定する便利な機能があります。

オリジナルなのサイトアイコンを設定すると、ブラウザのタブや、スマートフォンのホーム画面などに表示することができるので、ブログのアピールにはとても有効です。

設定方法はとても簡単なので、ぜひ設定しておきましょう。

 

画像の準備

サイトアイコンに推奨の画像は 512×512ピクセルです。
背景が透明な場合、タブやお気に入りではアイコンだけ表示されるので、スッキリ見えます。スマフォのホーム画面に表示された場合は背景が黒くなります。

【サイトアイコンの画像】
画像ファイル種別:PNG(透過ファイル:背景が透明なファイル)
画像サイズ:512×512ピクセル
画像、サイトアイコン

 

 

 

 

 

 

 

WordPressでの設定

サイトアイコンの設定

ダッシュボードの左メニューで [外観]>>[カスタマイズ] をクリックします。

キャプチャー、カスタマイズ

 

サイト情報/サイトアイコン

メニューの  [サイト情報/サイトアイコン] をクリックします。

キャプチャー、サイト情報

[画像を選択] をクリックします。
キャプチャー、画像を選択

画像の選択画面がでます。
[ファイルを選択] をクリックし、表示されたパソコンのフォルダウィンドウから、用意したサイトアイコン用の画像を選んで [開く] をクリックします。
キャプチャー、画像の選択

メディアライブラリーの画面が表示されるので、追加したサイトアイコン用の画像にチェックが入っていることを確認して、[選択] をクリックします。

キャプチャー、メディアライブラリー

カスタマイズのメニューの戻ります。
選択した画像がサイトアイコンの欄に表示されていることを確認します。[公開]をクリックします。

キャプチャー、サイトアイコン設定

 

表示の確認

公開済みになると、ブラウザのタブに表示されます。

キャプチャー、サイトアイコン、タブに表示

【ブラウザのタブ】
キャプチャー、ブラウザのタブ

【お気に入り一覧】
お気に入りに登録すると、お気に入り一覧の先頭に表示されます。
お気に入り一覧

【ブラウザのスタート画面】

キャプチャー、ブラウザのスタート画面

 

【スマフォのホーム画面】

キャプチャー、スマフォのホーム画面

 

これでサイトアイコンの設定は完了です、とても簡単なのでぜひチャレンジしてください。

 

メルマガ購読でオリジナルのサイトアイコンプレゼント

現在、「初心者に親切シニアに優しいネットビジネス講座」のメルマガ購読にお申し込みいただくと。この記事でお伝えしてるサイトアイコン用のイラストをプレゼントいたします。イラストはりんご作成のオリジナルです!
↓↓↓↓↓↓↓(プレゼント詳細もこちら)
りんごのメルマガを購読する

さらに、

ただいま、このメルマガやブログでご紹介している「りんごの一歩づつサポート」では、ビジネスのはじめの一歩として「ワードプレスの構築サポート」を実施しています。

サポートその1:ブログのヘッダー&サイトアイコンの画像作成サポート
プログの第一印象を決めるのが、ヘッダー画像やサイトアイコン画像です。
テーマをインストールしても画像は自身で用意する必要があります。
自分のテーマに合った写真やイメージにマッチする画像を自分で作るのは大変です。
りんごがこれをお手伝いします。
高度な技術が必要な画像処理は、 作成に高価な画像処理ソフトが必要な場合もあります。 ソフトがあっても使いこなすには経験と技術が必要です。
りんごが代わりに作成します。
メールやチャットで作成に必要な事項をお伺いして、イメージを形にします。

サポートその2:メルマガ配信「りんごブログ実践講座」でWordPressブログの構築サポート
ブログ構築サポートメルマガは順番に配信されるので、必要な設定が順を追って実施できます。
必要な項目を順番に実施することで、トラブルが少ないです。
設定忘れ等が起こりにくいので、安心して進めます。

↓↓↓↓↓↓↓詳細はこちらをご覧ください。
りんごの一歩づつサポート

*りんごの一歩づつサポートをご利用いただくには「りんごのメルマガ」購読からがお勧めです。
↓↓↓↓↓↓↓
りんごのメルマガを購読する