【Affinger5】会話ふきだしの色や枠線の設定【ブログの雰囲気が変わる】

こんにちは！やしゅです。

ブログでは「会話ふきだし」を利用するのはとても有効です。

退屈しにくく、リズムがでます。

過去の記事で「会話ふきだし」を作る方法についてご紹介しました。

会話ふきだしを作ると、その色や枠線の設定をして、ブログのデザインを考えた設定にしてみましょう。

をご紹介します。

やしゅ

自己紹介です。

やしゅ

Affinger5では、会話吹き出しの色や枠線を調整するのは簡単です！

この記事がみなさんに少しでもお役に立てるとうれしいです。

【はじめに】会話ふきだしの設定方法について

会話ふきだしの色や枠線を調整する前に、会話ふきだし自体の設定方法については、過去の記事をご覧ください。

会話ふきだしの背景色の設定

「外観」→「カスタマイズ」→「[+]オプションカラー」→「会話風ふきだし」

で表示された「会話風ふきだし」で、

「全体又は会話1の背景色」の色を設定すると、「ふきだし」の背景色を変えることができます。

例としてここでは背景色を黄色で設定してみます。

すると、このように表示されます。

「アイコンの枠線を消す」のチェックを入れると、

下のようにアイコンの周りの枠線が消えます。

次に、「ふきだしを角丸にしない」をチェックすると、

下のように「ふきだし」の角がはっきりして四角形になります。

ふきだしの枠線をつける

「会話風ふきだし」の背景色設定欄の下の方にある、「ボーダーデザインタイプ（枠線のみ）に変更」

で「普通（2px）」または「太め（3px）」を選択すると

下のような「会話ふきだし」に変わります。

「全体又は会話1の背景色」で選んだ色が枠線の色になります。

「会話ふきだし」の枠線の内側の背景に色を付けたいときには、「ボーダーデザインタイプの背景色※一括」で色を選択します。

ここでは、例としてオレンジ色を選びます。

すると、下のような会話ふきだしになります。

枠線が黄色、会話ふきだしの背景がオレンジ色になりました。

背景色と枠線の色のバランスを考えて調整してみましょう。

その他にも、

こともできます。

そして、好みの色に変えることができます。

さいごに

会話ふきだしのデザインを変えるだけでも、

• ブログ全体の印象
• ブログの文章の見やすさ

が変わります。

やしゅ

自分好みで見やすい・統一感があるブログになるようにアレンジしてみましょう！

今回の記事がみなさんに少しでもお役立てるとうれしいです。