家事・子育ての合間にブログ・アフィリエイト・メルマガで収入を得る!

WordPressにファビコンを設定してブログのシンボルマークを作ろう

miiko
WRITER
 
ブログのシンボルマーク!Wordpressでファビコンを設定する方法
この記事を書いている人 - WRITER -
miiko
初心者さんのブログ運営をサポートしています。 Wordpress作成・ブログ記事の書き方・レポートや特典の作り方・メルマガ配信など、初心者さんの『困った(>_<)』をサポートします。
詳しいプロフィールはこちら

ブログのシンボルマーク!Wordpressでファビコンを設定する方法

 

ブラウザの上部に表示されるファビコン(サイトアイコン)。

 

ブログのシンボルマークのようなものです。

ブログ観覧中に表示されるだけでなく、ブックマークに登録してもらったり、パソコンのデスクトップや、スマホのホーム画面に追加してもらったりした時にも表示され、あなたのブログと印象付けることができます。

【ブックマーク】

 

【スマホホーム画面】

また、ユーザーさんのとっても目印になりやすく、ブックマークの中や、スマホのホーム画面からでも探しやすくなります。

 

今回はWordpressのファビコンを設定させる方法を紹介します。

 

 

ファビコン(サイトアイコン)画像の用意

 

ファビコンに使用したい画像を用意します。

写真でもイラストでも大丈夫です。

幅 512 ピクセル × 高さ 512 ピクセル以上】が推奨サイズです。

用意した画像が推奨サイズ以下になってしまうと、画像の質が低下するので【幅 512 ピクセル × 高さ 512 ピクセル以上】の画像ファイルを用意してください。

 

 

画像のアップロード方法

 

用意した画像を、Wordpressにアップロードしていきます。

ファビコンの設定中にもできるのですが、ここでは先にアップロードしていきます。

 

WordPressの管理画面から①【メディア】→②【新規追加】→③【ファイルを選択】を選択します。

ブログのシンボルマーク!Wordpressでファビコンを設定する方法

 

 

 

使用したい画像の保存されているファイルから、画像を選択してください。

画像の選択が済んだら【開く】をクリックします。

ブログのシンボルマーク!Wordpressでファビコンを設定する方法

 

画像のアップロードは以上で終了です。

 

 

 

ファビコンの設定中に画像のアップロードをする場合は、ファビコン画像選択の際に、

【ファイルをアップロード】→【ファイルを選択】→【アップロードしたい画像を選ぶ】とアップロードできます。

ブログのシンボルマーク!Wordpressでファビコンを設定する方法

ブログのシンボルマーク!Wordpressでファビコンを設定する方法

 

 

 

ファビコンの設定方法

 

ファビコン設定のための準備が終わったので、いよいよファビコン設定していきます。

WordPress管理画面から

①管理画面の【外観】→②【カスタマイズ】を選択します。

ブログのシンボルマーク!Wordpressでファビコンを設定する方法

 

 

 

【サイト基本情報】を選択します。

ブログのシンボルマーク!Wordpressでファビコンを設定する方法

 

 

 

【画像を選択】をクリックします。

ブログのシンボルマーク!Wordpressでファビコンを設定する方法

 

 

 

ファビコン(サイトアイコン)に使用したい画像を選びます。

ブログのシンボルマーク!Wordpressでファビコンを設定する方法

 

 

 

使用したい画像が決まったら【選択】をクリックすます。

ブログのシンボルマーク!Wordpressでファビコンを設定する方法

 

 

 

【幅 512 ピクセル × 高さ 512 ピクセル】ジャストでない場合は、切り抜き画面が表示されます。切り抜きが必要な場合は範囲を選択して【画像切り抜き】をクリックします。

切り抜きが必要ない場合はそのまま(なにもせずに)【画像切り抜き】をクリックします。

ブログのシンボルマーク!Wordpressでファビコンを設定する方法

 

 

 

①プレビューが表示されるので確認したください。

②【保存して公開】をクリックして確定します。

ブログのシンボルマーク!Wordpressでファビコンを設定する方法

 

 

 

ファビコンの設定が、正しく行われていれば、ブラウザの上部でファビコン(サイトアイコン)が確認できます。

ブログのシンボルマーク!Wordpressでファビコンを設定する方法

 

ブックマークや、スマホのホーム画面にも同じように、アイコンが表示されるようになりまよ(*’▽’)

 

ファビコン(サイトアイコン)の設定は以上です。

 

 

まとめ

 

ファビコン(サイトアイコン)があると、スマホでのショートカットや、PCでお気に入りやブックマークをしてもらえた時にも目につきやすく印象に残ります。

 

ブログを目立たせるためでなく、読者さんも探しやすくなります。

 

自分のブログにファビコンがあるだけで、愛着がましませんか(*^^*)?

簡単に設定できますので、あなたのブログにもオリジナルのファビコンを設定してみてくださいね。

 

 

 

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

ポチッと応援してもらえると嬉しいです(*'▽')

このエントリーをはてなブックマークに追加 ブログランキング・にほんブログ村へ

 

自宅でお仕事!ブログを仕事にしませんか?

初心者でも・実績がなくても自分のペースで

ブログで稼ぐ力を身に付けるための無料メルマガ講座です。

メルマガ登録透過2

さらに、ブログ運営に役立つ4つのプレゼント付き!

 

 

 

この記事を書いている人 - WRITER -
miiko
初心者さんのブログ運営をサポートしています。 Wordpress作成・ブログ記事の書き方・レポートや特典の作り方・メルマガ配信など、初心者さんの『困った(>_<)』をサポートします。
詳しいプロフィールはこちら

- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Copyright© みーこの自宅でネットビジネス , 2017 All Rights Reserved.