AFFINGER5（アフィンガー5）の吹き出し設定とカスタマイズが分かる

サラリーマン

・アフィンガーの吹き出しを使いこなしたい
・吹き出しの色や枠線をカスタマイズしたい
・吹き出しでオリジナリティを出したい

このようなお悩みにお答えします。

AFFINGER5（アフィンガー5）では、吹き出し機能が標準で使えます。

吹き出しをうまく使うことで、記事のポイントを分かりやすく・読みやすく伝えることができます。

また、アイコンや枠線・色などでオリジナリティを出すことも可能。

本記事を読めば、AFFINGER5（アフィンガー5）の吹き出しの設定方法とカスタマイズが分かりますよ。

本記事の内容

本記事を書いた人

ねこたろす

アフィンガー5を3カ月程使っています。吹き出しのアイコンはオリジナル！

まだアフィンガー5を導入していないという方は、こちらの記事をどうぞ。

アフィンガー5の吹き出しの設定方法

アフィンガー5の吹き出しは、標準機能として搭載されており、AFFINGER5管理から簡単に設定することができます。

吹き出しの設定方法は以下の通りです。

ねこたろす

めちゃくちゃ簡単です！

AFFINGER5管理→会話・ファビコン等

また、ページ下部に設定変更できる項目が2つあります。

個人的には、動かす＋少し大きくの設定が好みです。

吹き出しを設定するときには、以下気を付けるポイントがあります。

画像サイズは、100px以上の正方形にします。

理由は、公式マニュアルの推奨サイズだからですね。

設定した画像がボヤける場合は、アップロードした画像サイズが小さいことが原因の可能性があります。

ねこたろす

推奨サイズの100px以上の画像を用意しましょう。

また、吹き出しとして登録できるのは8種類までとなっています。

もし8種類以上に増やしたい場合は、会話吹き出しプラグイン2という有料プラグインを使えば可能です。

個人的には8種類あれば十分という感覚です。

8種類別々でも、2つのアイコンで喜怒哀楽を揃えてもOKです。

アフィンガー5の吹き出しのカスタマイズ

アフィンガー5の吹き出しのカスタマイズ種類は、以下の通りです。

ひとつずつ解説していきますね！

アフィンガー5　吹き出しカスタマイズ
①背景色

背景色を好きな色にカスタマイズすることができます。

変更したいアイコンのところで、カラーコードを入力すれば完了です。

カラーコードについては、以下のサイトが使いやすいです。

ねこたろす

自分好みのカラーを見つけよう！

アフィンガー5　吹き出しカスタマイズ
②アイコンの枠線を消す

「アイコンの枠線を消す」を切り替えることで設定が可能です。

イメージは以下の通りです。（タブで切り替えできます）

アフィンガー5　吹き出しカスタマイズ
③ふきだしを角丸にしない

ふきだしの形を角丸、四角で選択できます。

「ふきだしを角丸にしない」を切り替えることで設定が可能です。

イメージは以下の通りです。（タブで切り替えできます）

ねこたろす

角丸はやわらかい、四角は硬い印象に！

アフィンガー5　吹き出しカスタマイズ
④枠線のみにする

枠線のみのデザインにカスタマイズも可能です。

ボーダーデザインタイプ（枠線のみ）に変更をチェックすれば完了します。

イメージは以下の通りです。（タブで切り替えできます）

「なし」にすると背景色ありとなります。

ちなみに、本ブログでは以下の設定にしています。

ねこたろす

シンプルな設定が一番！

アフィンガー5の吹き出しの利用方法

吹き出しの利用方法は以下の流れです。

このように表示されていれば、OKです。

実際の見えかたはこんな感じ。

また、アイコンの位置を右側に表示することもできます。

[st-kaiwa〇]に半角スペース+rを入力するだけです。

入力後はこんな感じ。

実際の見えかたはこんな感じ。

アフィンガー5の吹き出しの使いどころ

アフィンガー5の吹き出しを使うことで、以下のような効果が期待できます。

例えば、以下のような文章があったとします。

もう少し分かりやすい文章にしたいですよね。

そこで吹き出しを使えば、

嫁ちゃん

SEOって何？

検索上位に表示させる技術のことだよ。

ねこたろす

嫁ちゃん

SEOって何したらいいの？

内部対策と外部対策が必要！

ねこたろす

嫁ちゃん

具体的にはどうするの？

内部対策は、インデックスとクロールの最適化。
外部対策は、被リンク獲得とSNSの拡散。

ねこたろす

いかがでしょうか？

ポイントが分かりやすく、記事も見やすく、会話形式にすることで親近感を感じますよね。

マンガ感覚で、読者に負担が少なく読めるというのが重要です。

一方で、吹き出しを使いすぎると文章に重みが無くなることがデメリットです。

ねこたろす

多用しすぎず、ほどほどに使うように心がけましょう！

ところで、吹き出しを使うことでオリジナリティを出すことも可能です。

特にアイコンについては、フリー画像サイトではなく、ココナラ等でオリジナルアイコンを頼む方がおすすめ。

自作するよりも完成度が高くて愛着が湧きますし、ブログの顔にもなってくれるからです。

僕はココナラは利用したことはありませんでしたが、プロのイラストレーターにお願いして満足いくアイコンが完成しました。

【ココナラ初心者向け】自分だけのヘッダー・アイコンを外注する方法という記事に、当時の体験談をまとめていますので参考にしてみてください。

まとめ：アフィンガー5の吹き出しでオリジナリティを出そう！

本記事の内容を簡単にまとめます。

吹き出しの設定

吹き出しのカスタマイズ

アフィンガー5では、吹き出しの基本的な設定はデフォルトで搭載されています。

吹き出しを使うことで、マンガ感覚で、ポイントを分かりやすく記事を見やすく、親近感を持たせることも可能です。

アイコンについては、ココナラ等でプロに依頼しオリジナリティを演出しても良し。

吹き出しをうまく使いこなして、読み手にとって分かりやすい記事を書きましょう！

関連記事
アフィンガー5では、デザインのテンプレートが用意されています。

初心者にも優しいテーマですので、購入を検討されている方は以下の記事を参考にしてくださいね。