AFFINGER6：サイトアイコン（ファビコン）を設定する方法

この記事ではサイトアイコン（ファビコン）を設定する方法を初心者向けに詳しく解説しています。

WEBブラウザでサイトを開いた際にタブのサイト名の横に表示される小さなアイコンのことです。

下の画像のような小さなアイコンです。

サイトアイコン（ファビコン）を設定する手順

サイトアイコン（ファビコン）は「外観」→「カスタマイズ」で設定可能です。

サイトアイコン用の画像さえ用意できれば、設定自体はとても簡単です。

1.　「サイトの基本情報」を選択

「カスタマイズ」から「サイト基本情報」をクリックします。

2.　アイコン画像をアップロード

「サイト基本情報」の「サイトアイコンを選択」で用意したアイコン画像をアップロードします。

アップロードが完了したら「公開済み」をクリックして保存すれば完了です。

画像サイズは512×512ピクセル以上が推奨です。

サイトアイコン用の画像を用意する方法

サイトアイコン用の画像を用意する方法は大きく分けて２通りです。

• 自分で作成する
• 有料で作成してもらう

「Canva」で自分で作成する方法

デザインに精通している方やイラストレーターなどが使用できる方は問題ないですが、初心者が自分でサイトアイコン用の画像を作成するのは難しいですよね。

初心者の方は有料でアイコンを作成してもらうのが一番おすすめなんですが、どうしても自分で作成したいという方は「Canva」という無料で利用できるグラフィックデザインツールを利用するのがお勧めです。

ただし、キャラクターなど細かなデザインは厳しいので文字をメインとしたサイトアイコンを作成したい方は利用してみてください。

①　まず、「Canva」公式サイトで登録を行います。

「Canva」には無料で利用できる「Canva Free」と有料の「Canva Pre」があります。

→　Canva公式サイト

②　「Canva free」のホーム画面で「デザインを作成」を選択します。

③　「カスタムサイズ」を選択します。

サイトアイコン用画像の推奨サイズが「512×512ピクセル」以上が推奨なので、ここでは例として「600×600ピクセル」で作成してみます。

サイズの入力欄に600と入力して「新しいデザインを作成」をクリックします。

④　サイトアイコン用画像を作成します。

使い方は実際に使用してみて色々と試してみてください。

下画像ではこのブログのタイトル「も（M）っと！（W）ordPressテ（T）ーマ」をもじって作成してみました。

「Canva 」の使い方については「アイキャッチ画像」を作成する方法を説明した記事でも解説していますので、参考にしてみてください。

こちらの記事もチェック！

⑤　デザインが完成したらダウンロードする。

「ファイル」→「ダウンロード」を選択します。

ファイルの種類「PNG」を選択して「ダウンロード」をクリックします。

ダウンロードした画像を実際にサイトアイコンに設定してみるとこんな感じです。

「ココナラ」でアイコン画像を作成してもらう手順

アイコン画像を用意する方法として有料になってしまいますが、「ココナラ」でオリジナルアイコンを作成してもらうのもお勧めです。

このブログのアイコンは「ココナラ」で依頼して作成してもらいました。

手順についてはこちらの別記事をご覧になってください。

以上がサイトアイコンの設定方法になります。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

\\ 無料お試し利用がずっと可能なAIライティングツール//

AFFINGER6：記事一覧

• AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
• （通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
• AFFINGER6を実際に利用したガチ評価-２年以上愛用して感じたメリットとデメリット
• AFFINGER6は初心者が購入しても大丈夫？-初心者にお勧めの理由

AFFINGER6の購入とインストール方法

• AFFINGER6の購入方法と購入プランの選び方
• AFFINGER6（アフィンガー6）のインストール方法-初心者でも安心！購入プランから徹底解説！
• AFFINGER６（アフィンガー６）EX版の購入とアップグレードの方法

AFFINGER6の設定関係

• AFFINGER6導入後にまず何をしたらいいの？-初心者にお勧めの初期設定４項目
• AFFINGER6（アフィンガー６）にお勧めのプラグイン【初心者向け】
• AFFINGER６のアップデート方法（２パターンを解説）
• AFFINGER６（アフィンガー６）でGoogleアナリティクスを導入する方法
• AFFINGER6：Googleサーチコンソールへの登録方法
• AFFINGER6のステマ規制対策-広告表記を表示させる方法

AFFINGER6の使い方

• AFFINGER6の使い方【まとめ】-初心者向けガイド-

AFFINGER6のデザインカスタマイズ

• AFFINGER6のカスタマイズ方法-初心者向けガイド-