この記事には広告が含まれています。

AFFINGER6:サイトアイコン(ファビコン)を設定する方法

AFFINGER6:サイトアイコン(ファビコン)を設定する方法

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

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

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

サイトアイコン(ファビコン)の表示例

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

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

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

「外観」→「カスタマイズ」

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

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

「カスタマイズ」から「サイト基本情報」を選択

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

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

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

「サイトアイコンを選択」でアイコン画像をアップロードする

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

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

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

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

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

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

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

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

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

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

→ Canva公式サイト

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

「Canva 」のホーム画面:デザインを作成をクリック

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

「Canva 」のホーム画面:カスタムサイズを選択

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

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

「Canva 」のホーム画面:カスタムサイズを入力し、「新しいデザイン作成」をクリック

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

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

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

「Canva 」の編集画面

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

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

【Canva】アイキャッチ画像の作成方法
「Canva」でアイキャッチ画像を作成する方法【初心者向け】

2024/7/13    

この記事がお勧めな方 この記事は次のような疑問を解決したい方にお勧めになっています♪ アイキャッチ画像を作成したいけど、どうしたらいいの? アイキャッチ画像のサイズはどれくらいがいいの? 「Canva ...

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

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

「Canva 」の編集画面:ファイル→ダウロードを選択

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

「Canva 」の編集画面:PNGを選択してダウンロードをクリック

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

ダウンロードした画像を実際にサイトアイコンに設定した表示

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

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

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

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

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

2024/10/24    

この記事では「ココナラ」で自分だけのオリジナルのアイコン画像を作成する手順を解説しています。 アイコン画像を作成してもらう手順 公式サイトで会員登録する(無料) 作成してもらうイラストレーターさんを決 ...

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

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

ハムタ
ハムタ
パパくま
パパくま

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

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

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

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

無料お試しがずっと可能なAI記事作成ツール
無料お試しがずっと可能なAIライティングツール

「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...

AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説

2024/11/28  

AFFINGER6を使ってみたい!気になる!という方向けに AFFINGER6ってどんなテーマ? AFFINGER6でどんなことができるの? AFFINGER6を使うにはどうすればいいの? といった内 ...

(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】
(通常版)AFFINGER6と(上位版)AFFINGER6 EXの違い【まとめ】

2024/11/28    

AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では(通常版)AFFINGER6と(上位版)A ...

『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!
『SWELL』ってどうなの?-実際に利用したメリットとデメリットをガチレビュー!

2024/11/28    

SWELLはとても人気の高いテーマです。 この記事はSWELLが気になる方向けにメリットとデメリットを紹介しています。 価格 17,600円(税込み) シンプル&高機能なWordPressテーマ! 最 ...

AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由
AFFINGER6は初心者が購入しても大丈夫?-初心者にお勧めの理由

2024/11/28    

AFFINGER6を購入しようと思っている初心者の方は、解らないことが多いからこそ購入に対して不安を感じるかもしれません。 この記事は、実際に知識ゼロからAFFINGER6を使用した私が断言できる内容 ...

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

AFFINGER6の購入方法と購入プランの選び方
【知っておくべき!】AFFINGER6の購入方法と購入プランの選び方-⑤種類から最適を選択!

2024/12/4    

AFFINGER6を使ってみたい! という方に ちょっと待ってください! AFFINGER6を購入する際には複数のプランが存在しますので、自分の取り組み方に合った購入方法を選択した方がお得に購入できま ...

AFFINGER6(アフィンガー6)のインストール方法【画像付き!詳細解説】
AFFINGER6(アフィンガー6)のインストール方法-初心者でも安心!購入プランから徹底解説!

2024/12/29    

初心者でも大丈夫! AFFINGER6の購入からインストールして使えるようにするまでの手順や注意点を詳しく解説しています。 AFFINGER6は「稼ぐ」に特化した有名ブロガーさんも多数利用するテーマで ...

AFFINGER6(アフィンガー6)EX版の購入とアップグレードの方法
AFFINGER6(アフィンガー6)EX版の購入とアップグレードの方法

2025/1/8    

この記事ではAFFINGER6の上位版である「AFFINGER6EX」へのアップグレード方法を解説しています。 AFFINGER6EX版にアップグレードする為の条件 AFFINGER6からEX版にアッ ...

AFFINGER6の設定関係

AFFINGER6導入後にまず何をしたらいいの?-初心者にお勧めの初期設定4項目
AFFINGER6導入後にまず何をしたらいいの?-初心者にお勧めの初期設定4項目

2024/10/17    

「ブログで稼ぎたい!」 って思いブログを始めた初心者の方も多いと思います。 収益化するには何より記事を作成しなければ話になりません。 この記事ではAFFINGER6を始めたばかりの初心者の方向けに、い ...

WordPressお勧めプラグイン【アフィンガー6】
AFFINGER6(アフィンガー6)にお勧めのプラグイン【初心者向け】

2024/12/29    

AFFINGER6にお勧めのプラグインを9つ紹介しています。 初心者の方は何を導入すればいいのか解らないと思いますので、是非参考にしてみてください。 プラグインとは? 「プラグイン」とはワードプレスを ...

AFFINGER6のアップデート方法(2パターンを解説)
AFFINGER6のアップデート方法(2パターンを解説)

2024/12/30    

この記事がお勧めな方 AFFINGER6のアップデート方法を知りたい方 AFFINGER6の手動でのアップデート方法が知りたい方 AFFINGER6で自動更新のお知らせを設定する方法を知りたい方 AF ...

AFFINGER6(アフィンガー6)でグーグルアナリティクスを導入する方法
AFFINGER6(アフィンガー6)でGoogleアナリティクスを導入する方法

2024/7/18    

ここではAFFINGER6(アフィンガー6)でGoogleアナリティクスを導入する方法を初心者向けに解説しています。 AFFINGER6(アフィンガー6)では簡単にGoogleアナリティクスを導入して ...

AFFINGER6:Googleサーチコンソールへの登録方法
AFFINGER6:Googleサーチコンソールへの登録方法

2024/12/14    

Googleサーチコンソールではあなたのサイトが「どんなキーワードで表示されたのか」を確認することができたり、あなたのサイトのページが「どれくらいインデックスされているか」などを調べることができます。 ...

AFFINGER6のステマ規制対策-広告表記を表示させる方法
AFFINGER6のステマ規制対策-広告表記を表示させる方法

2024/7/18    

この記事ではステマ規制対策としてAFFINGER6(アフィンガー6)で記事に「広告」表記を表示させる方法を解説しています。 ステマ規制とは2023年10月から開始された「ステルスマーケティング」に対す ...

AFFINGER6の使い方

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

2024/11/5    

この記事はAFFINGER6(アフィンガー6)の使い方を初心者向けに詳しく解説しています。 見出しの作成方法 記事作成の基本!見出し作成や見出しについての記事です。 カテゴリーの作成とカテゴリーページ ...

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

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

2024/11/21    

この記事ではAFFINGER6のカスタマイズ方法を初心者向けに詳しく解説しています。 デザインカードプラグインでサイトデザインを変更する方法 プラグインでサイトデザインを簡単に変更できるようになりまし ...