広告

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

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

この記事ではAFFINGER6(アフィンガー6)で「サイトタイトル横にアイコンロゴ設置する方法」を初心者向けに解説しています。

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

AFFINGER6:サイトタイトル横のアイコンロゴ

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

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

「外観」→「カスタマイズ」を選択

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

「ロゴ画像/サイトのタイトル」を選択

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

「アイコンロゴ画像」の「画像を選択」

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

画像選択画面

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

タイトル横にアイコンロゴが表示された状態【アフィンガー6】

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

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

タイトル横のアイコンロゴを表示を確認して「公開」をクリック【アフィンガー6】

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

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

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

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

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

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

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

スマホヘッダーの高さ入力欄【アフィンガー6】

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

パパクマ
パパクマ

初心者の方向けにアイコン画像を用意する方法も解説しておきます。

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

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

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

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

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

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

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

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

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

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

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

③ 自分で作成する

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

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

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

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

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

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

「ココナラ」で自分だけのオリジナルのアイコン画像を作成する手順を簡単に説明します。

1. 「ココナラ」の公式サイトに登録する(無料)

下から「ココナラ」にアクセスして会員登録(無料)を行います。

登録は無料です。



2. 作成してもらうイラストレーターさんを決める

「ココナラ」ではアイコン作成だけでなく、様々なことを有料で依頼することができます。

プロフィール用のアイコン画像を依頼するには、まず依頼するイラストレーターさんを決めます。

どのイラストレーターさんもどんな感じのアイコン画像を作成しているかの見本が確認できるので、自分のイメージに合ったイラストレーターさんを決めましょう。

また、お値段の違いもありますので予算に合わせて選ぶこともできます。

3. イラストレーターさんに作成を依頼する

アイコン画像の作成を依頼するイラストレーターさんを決めたらまず「見積り・カスタマイズの相談」を行います。

イラストレーターさんと直接どんな感じのアイコン画像を作成したいのかを相談します。

この相談の時点ではまだ正式な依頼ではありません。

相談内容に合わせてイラストレーターさんが見本と見積りを掲示してくれますので、その内容に納得できれば正式な依頼となります。

4. 支払いと納品

アイコン画像を正式に依頼して商品が納品されるまでの期間はその依頼したイラストレーターさんによっても違いがありますが、1か月程度は見た方がいいです。

完成したアイコン画像に問題がなければ、料金の支払いと納品確認を行って終了です。

これで、あなたオリジナルのアイコン画像がGETできます。

私も初めて利用しましたが、依頼したイラストレーターさんはとても丁寧で自分のイメージにあったアイコン画像を作成して頂きました。

見本も何パターンか作成して頂き、本当に安心して利用することができました。

自分だけのオリジナルのアイコン画像が欲しいって方は是非「ココナラ」で作成してみてください。

「ココナラ」の利用方法の詳細については「ココナラ」にて確認してみてください。

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

AFFINGER6(アフィンガー6)は初心者でも簡単にオシャレなブログを作成できるお勧めWordPress有料テーマです。

AFFINGER6(アフィンガー6)について詳しく知りたい方はこちらの記事をご覧になってください。

AFFINGER6(アフィンガー6)の価格・特徴・使い方まとめ
AFFINGER6の始め方-初心者向けスタートアップガイド

2024/5/14  

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

AFFINGER6(アフィンガー6)のインストール方法【画像付き!詳細解説】
AFFINGER6(アフィンガー6)のインストール方法【画像付き!詳細解説】

「AFFINGER6(アフィンガー6)」を利用できるようにするまでの流れ 「AFFINGER6(アフィンガー6)」の利用までの流れは次のようになっています。 AFFINGER6(アフィンガー6)の購入 ...

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

無料お試し利用がずっとできるAIライティングツールをいくつか紹介していますので、試しに利用してみてください。

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

2024/3/26    ,

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