アフィンガーで会話風吹き出しの色やデザインをカスタマイズする方法

悩む人

会話風の吹き出しの色やデザインを変える方法が知りたいです。

今回は，その質問に答えます。

答える人

今回は，アフィンガーで会話風の吹き出しの色やデザインをカスタマイズする方法を紹介します。

この記事を見てもらうことで，

などが出来るようになります。

今回紹介する会話風吹き出しのカスタマイズをする方法は，

の7つです。

それでは早速紹介していきます。

AFFINGER5管理で設定できること

まずは，AFFINGER5管理でできることは，

の2つです。

あらかじめ用意してあるデフォルトの設定画像と比べてみましょう。

管理画面から「AFFINGER5管理」をクリックします。

「会話・ファビコン等」をクリックします。

会話風アイコンを少し動かす

アイコンが少し揺れるように動きます。

会話風アイコンを少し大きくする

アイコンが少し大きくなります。

会話風吹き出しのカスタマイズでできること

次に，会話風吹き出しのカスタマイズでできることは，

です。

「オプションカラー」をクリックします。

「会話風吹き出し」をクリックします。

吹き出しの背景色を変える

ここでは，吹き出しの背景色を変更できます。

会話1から会話8の全体の指定も，個別でも指定ができます。（会話1のみ選択した場合は，全体の指定になる）

確認すると，指定した背景色に変わっています。

アイコンの周りの枠を消す

ここでは，アイコンの周りにある枠を消すことができます。

アイコンの周りにある枠線が消えています。

吹き出しを角丸にしない

ここでは，吹き出しを角丸ではなく，四角くすることができます。

吹き出しの形が角張っています。

吹き出しに枠線をつける（ボーダーデザインタイプ）

ここでは，吹き出しに枠線をつけるボーダーデザインタイプに変更することが出来ます。（枠の色は吹き出しの背景色に指定した色と同じになる）

吹き出しの背景色が無くなって，枠線が付いています。

次に，枠線を太めに設定する方法です。

吹き出しの枠が少し太くなっています。

ボーダーデザインタイプの背景色を変える

ここでは，ボーダーデザインタイプに変更した時の背景色を変更できます。

見やすくなるように，ここでは，枠の色を#888888に変えています。

枠の色と背景色が付いています。

まとめ

悩んでいた人

ありがとうございます。これで吹き出しの色やデザインを変える方法が分かりました。

はい。アフィンガーには他にもカスタマイズできることが沢山ありますので，カスタマイズしていきながら良いブログにしていきましょう。

答える人

いかがでしたでしょうか？

また，WordPressテーマAFFINGERに興味のある人は以下の記事で紹介していますので，参考にしてください。

今回は以上になります。

それではまた！