AFFINGER5 ブログ運営

【初心者向け】AFFINGER5(アフィンガー)で会話吹き出しを作る方法!色やデザインをカスタマイズ!

 

初心者の方には、会話吹き出しなどの細かい設定が難しく感じると思います。

でも安心してくださいね。

この記事では、そんな方にもわかりやすく、シンプルに解説していきます。

 

こんな悩みを解決!

AFFINGER5(アフィンガー)を導入したけど、会話吹き出しの使い方がわからない!

 

 

会話吹き出しの例

こんにちは、れのるです
会話吹き出しのサンプル
会話吹き出しのサンプル
会話吹き出しのサンプル

 

こんな感じの「会話風吹き出し」になります。

背景カラーなどの変更もできますよ。

 

 

会話吹き出しの作り方

背景色の設定

「外観」→「カスタマイズ」をクリック。

 

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

 

「会話風ふきだし」をクリック。

 

すると・・・

こんな画面に来ます。

ここで、会話吹き出しの背景カラーを設定していきます。

「色を選択」で自分の好きなカラーを選んでください。

 

背景を白、枠線にだけカラーをする方法

上記したやり方は背景全体のカラー設定し、枠線ができません。

枠にだけカラーしたい場合は、以下の方法で行います。

「ボーダーデザインタイプに変更」にチェック。

「ボーダーデザインタイプ時の背景色」で白色を選択。

これで、枠にのみカラー付けが完了です。

 

会話吹き出しの画像設定

「AFFINGER5管理」→「AFFINGER5管理」をクリック。

 

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

 

すると・・・

このような画面に来ます。

「アップロード」をクリックして、自分の好きな画像を設定しましょう。

「保存」をクリックし忘れないように気を付けてくださいね!

 

アイコンを動かす方法

先ほどの「会話・ファビコン等」をクリックした後、下へスクロール。

すると、このような画面が出てきます。

「会話風アイコンを少し動かす」にチェック。

最後に「保存」をクリックします。

こんな感じで動くよ!

 

 

実際にアイコンを使ってみよう

「タグ」→「会話ふきだし」→「会話1~8」を選択

ここをクリックするだけで・・・

こんな感じで、使用できますよ!

 

 

吹き出しの向きを変える方法

会話1~8を押すとこんな感じになります。

 

デフォルトの向きは何もいじる必要はありませんよ

 

この向きを変えるには・・・

半角スペース&rを画像の通りに追加記入だけ!

 

向きを変えたよ!

 

反映されないときの対処法

これまで設定してきたけど、反映されていなかった。

こういう人もいるのではないのでしょうか?

その場合は・・・

「外観」→「カスタマイズ」

「全体カラー設定」をクリック。

 

こちらの「⑴全体的に反映」に設定されていると思うので、「⑵「デフォルト」表示の一部メニュー」に設定を変えてみてください。

こうすると、改善できると思いますよ。

変更時には、全体的なカラーが崩れる可能性があります

僕は崩れてしまいましたが、細かな設定をすべてやり直して、今では快適に設定できています。

 

これで会話吹き出しの設定はおしまいです。

いかがでしたか?

少しでも役に立てたならうれしいです。

 

今回はここまで。

-AFFINGER5, ブログ運営

© 2020 renolog Powered by AFFINGER5