AFFINGER６：会話吹き出しの作成方法【初心者向け】

この記事ではAFFINGER6で「会話吹き出し」に必要な画像を準備する方法から作成手順までを解説しています。

「会話吹き出し」作成前の準備

会話吹き出し機能をスムーズに使用する為にまず次の準備をしておきましょう。

• アイコン画像を用意する
• アイコン画像をアップロードする

アイコン画像を用意する

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

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

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

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

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

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

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

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

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

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

「ココナラ」でアイコンを作成してもらう流れについてはこちらの記事をご覧になってください。

③　自分で作成する

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

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

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

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

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

アイコン画像をアップロードする

アイコン画像が準備できたら、その画像をアップロードして登録しておきます。

アイコン画像を登録する手順は次の通りになります。

①　「AFFINGER管理」→「会話アイコン」で「会話アイコン設定」の画面を開く

②　「会話アイコン設定」の画面からアイコン画像をアップロードする。

「アイコン名」は「会話吹き出し」で使用した際に表示される名称になるので、表示させたいキャラネームを入力してください。

「アップロード」のボタンを押すと下の画面がでるので、アイコンとして登録したい画像をドロップまたはファイルから選択してください。

アップロードが終了したら「会話アイコン設定」画面下の「Save」ボタンをクリックして保存するのを忘れないで下さい。

「会話アイコン設定」では最大8つまでアイコン画像を登録できます。

あらかじめ複数のアイコン画像を登録しておいた方が便利です。

これで記事に「会話吹き出し」を設置する下準備が整いました。

「会話吹き出し」の作成方法

では、実際に「会話吹き出し」を記事内に設置してみましょう。

「記事の編集」画面で「会話吹き出し」を作成したい場所で「+」マーク（ブロックを追加）を押すとメニューが表示され、「STINGER:会話ふきだし」が選択できます。

「STINGER:会話ふきだし」を選択すると・・・

登録した「アイコン画像」と「吹き出し」が作成されました。

「アイコン画像」（登録済み）の種類を変更する方法

「ショートコード設定」から登録した「アイコン画像」を変更することが可能です。

「吹き出し画像」の向きを変更する方法

下画像の矢印部分の「向き」で吹き出しの位置を左右に変更することができます。

複数のアイコン画像と吹き出しの向きを調整すれば、見やすい「会話吹き出し」が作成できます。

こんな感じに吹き出しを作成できます。

「会話吹き出し」の背景色を変更する方法

①　ワードプレスのメニューから「外観」→「カスタマイズ」を選択する。

②　「オプション（その他）」→「会話ふきだし」を選択する。

③　登録した各「会話ふきだし」の背景色を設定する。

各「会話ふきだし」の背景色を設定したら「公開」ボタンをクリックしてください。

「編集」画面で確認してみると「吹き出し」部分が設定した背景色に変更されています。

AFFINGER6では８つまで「会話吹き出し」のアイコン画像を登録でき、それぞれに背景色を設定することができます。

ここで設定した背景色はそのアイコンキャラ専用の背景色になります。

カスタマイズで背景色を変更すると、そのキャラを使用した「会話吹き出し」は一括で設定した背景色になります。

以上がAFFINGER6の「会話吹き出し」の作成方法になります。

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