会話ふきだし 設定と使い方【図解】｜AFFINGER6（アフィンガー6）での使い方を徹底解説

はてなさん

AFFINGER6(アフィンガー6)の、”会話吹き出し” って
どんな風に設定するの？

このような ”ふきだし” のレイアウトは可愛いし、見やすいですよね！
初心者でも簡単にセットできるように図解でフローを記載いたします。

ぱんのみみ

自分も「あの機能どこだっけ？なんて言うやつだっけ？」っとよく忘れてしまうので、もはや自分に向けての「備忘録」なわけですが、どなたにでもご覧いただける環境にして、少しでも皆様のお役に立てればと思います(^^)

会話ふきだしは、最大８種類それぞれ背景色を設定することができますよ。

会話ふきだし　アイコン設定（画像と名前）

まずは、アイコン画像などの設定をしましょう。

【 クリック順 】：管理画面 下部 → [ ⚙AFIFINGER 管理 ] → [ 会話アイコン ]

アイコン画像と名前を設定

アイコン画像と名前を設定しましょう。

アップロードボタンよりアイコン画像をアップロードします。
アイコン画像のサイズは「100px以上の正方形」が推奨されています。
最大8個まで登録可能です。

[ Save ]ボタンは上部右もしくは、下部真ん中あたりにございます。

その他設定オプション

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

アイコンを少し動かしたりできるんです。
感覚的には、1秒毎くらいに”カタカタッ”て揺れる感じでした。

↓　こんな感じです。

▢会話アイコンを少し大きく

↓　こちらがノーマル

↓　こちらが少し大きくした画像です。

個人的にはノーマルの方が好きですが、比較してブログの雰囲気に合わせてみてください。

「会話風アイコン」を増やすプラグイン　は、、、、

ちなみに、、、

コチラですが「404 Not Found」になりますので、スルーしていきます( ﾟДﾟ)

会話ふきだし　使い方｜　[タグ▼]から設定

記事へ吹き出しの挿入

各々のアイコン画像と吹き出しのカラー等は、別途設定できます。

会話１（ｒ］で反対向き）　の場合

↓↓　画像クリックで拡大

会話１（r］で反対向き）

[ タグ▼ ] → [ 会話ふきだし ] → [ 会話１（r］で反対向き） ]

ぱんのみみ

ダミーテキスト

ダミーテキスト

ぱんのみみ

r] を入れたら反対向きで表示されます。

 

詳細はコチラ

※工事中

 command
[st-kaiwa1 r]コードはコチラで、右側からの会話になるよ！[/st-kaiwa1]

まとめ

なんだっけと思ったらスグ見られるように、お気に入り登録をお勧めします。
今後も更新していきますので、よろしくお願いいたします(^^)