AFFINGER6：サイトタイトル横にアイコンロゴを設置する方法

下の画像ような感じですね。

サイトタイトル横にアイコンロゴを設置する方法

①　「外観」→「カスタマイズ」を選択します。

②　「ロゴ画像/サイトのタイトル」を選択します。

③　「アイコンロゴ画像」の「画像を選択」をクリックする。

④　準備したアイコン画像をドロップまたは「ファイルを選択」する。

これでタイトル横にアイコンロゴが表示されました。

「丸くする」にチェックを入れれば、アイコン画像を丸くすることができます。

表示を確認したら「公開」をクリックして保存します。

以上でタイトル横にアイコンロゴを表示させることができました。

実際にサイトを表示して、アイコンロゴの表示に問題ないか確認してみてください。

スマートフォンでの表示確認も忘れずに！

スマートフォンではタイトルやサブタイトルの表示状態により、アイコンロゴが切れて表示されてしまっている場合があります。

そんな場合は「AFFINGER管理」→「ヘッダー」から「スマホヘッダーの高さ」の入力欄で高さを調整してみてください。

初期値では「100」が設定されているので、それよりも大きな値を設定してみてください。

入力後に「Save」をクリックして保存しないと反映されないので、注意です。

アイコン画像さえ用意してしまえば、サイトタイトル横にアイコン画像を設置することは簡単です。

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

アイコン画像を用意するには次のような方法があります。

• 無料のイラスト素材サイトを利用する
• 有料でオリジナルアイコン画像を作成してもらう
• 自分で作成する

①　無料のイラスト素材サイトを利用する

プロフィール用画像を用意する一番簡単な方法は無料のイラスト素材サイトなどを利用することです。

お勧めの無料イラスト素材サイトをご紹介します。

②　有料でオリジナルアイコン画像を作成してもらう

また、有料になってしまいますがオリジナルのアイコン画像を作成してもらうのもお勧めです。

私の場合、オリジナルのアイコン画像というだけでブログ作成のモチベーションアップにも繋がっています。

オリジナルのアイコン画像は「ココナラ」でイラストレーターさんに依頼して作成してもらうのがお勧めです。

私も「ココナラ」でプロフィール用のアイコン画像を作成してもらいました。

③　自分で作成する

イラストレーターなどを使える方なら自分でアイコン画像を作成することも可能です。

また、現在ではAIによる画像作成がとても簡単にできる時代になりました。

AI画像作成サイトやアプリなどで自分のアイコンを作成することも可能ですが、AIによる画像作成に関しては著作権の問題で今後どのような扱いになるのか不透明なところがあります。

AIによって作成したアイコン画像を考え無しに使用するのは現時点でお勧めしないと考えています。

オリジナルのアイコン画像を使用したい場合はイラストレーターなどで完全に自作するか、ココナラなどでイラストレーターさんに依頼するのをお勧めします。

以上が「タイトル横にアイコンロゴを表示させる方法」の説明になります。

ブログの記事を書くのに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のカスタマイズ方法-初心者向けガイド-