AFFINGER6(アフィンガー6)の吹き出し会話の設定方法

93family

AFFINGER6(アフィンガー6)の吹き出し会話を使いたいけどどう設定すれば分からない...

そんな風に思っている方は当記事を読めばすぐに設定できます。

吹き出し会話にはブログ記事を見やすくしたりする効果があります。

普通のテーマであれば吹き出し機能はプラグインを使わないと実装できないものですが、アフィンガー6(AFFINGER6)ではデフォルトで備わっていることから余分にプラグインを入れずに設定・使用出来ます。

▶︎▶︎AFFINGER6導入はこちらから

吹き出し会話設定手順

AFFINGER6(アフィンガー6)の吹き出し会話の設定手順は2つです。

詳しく説明していきます

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

まずは吹き出しのアイコン画像と名前を設定してきます。

WordPressの編集画面の

「AFFINGER管理」→「💬(会話アイコン設定)」→「❶画像アップロード」→「❷アイコン名」→「save」の順に設定します。

❶、❷はここに反映します。

8つまでアイコンを設定出来ます

❷記事に表示させる

WordPressの投稿画面の

「タグ」→「会話ふきだし」→「会話1」の順に選択します。

こんな文字が出てきます。

この位置に文字を入力します。

93family

完了です。出来ましたか？？

反対にアイコンを表示させたい場合は「　r」をこの位置に入力します。

こうなります。出来ましたか？

93family

会話アイコンカスタマイズ

こんなカスタマイズが出来ます。

    一つ一つ説明します　　

アイコンを少し大きく表示させる

「AFFINGER管理」→「💬(会話アイコン設定)」→「アイコンを少し大きくにチェック」→「save」の順に設定します。

アイコンを少し動かす

93family

       文字を入力　　

「AFFINGER管理」→「💬(会話アイコン設定)」→「アイコンを少し動かす」→「save」の順に設定します。

吹き出しの背景色を変更する

「外観」→「カスタマイズ」→「オプション(その他)」→「会話ふきだし」の順に設定します。

「全体又は会話1の背景色」→「公開」を設定したら完了です。

吹き出しを角丸にしないでカクカクにする

「外観」→「カスタマイズ」→「オプション(その他)」→「会話ふきだし」の順に設定します。

「全体又は会話1の背景色」→「ふきだしを角丸にしない」→「公開」を設定したら完了です。

吹き出しに枠線をつける

「外観」→「カスタマイズ」→「オプション(その他)」→「会話ふきだし」の順に設定します。

「全体又は会話1の背景色」→「ボーダーデザインタイプ(枠線のみ)に変更」→「ボーダーデザインタイプの背景色」を設定したら完了です。

AFFINGER6をこれから導入する方に

AFFINGER6(アフィンガー6)は一度購入してしまえば、個人利用であれば複数サイトでテーマを使いまわして無制限での使用が可能です。

つまり、一度14,800円(税別)で購入してしまえば、その後いくらサイトやブログを立ち上げても全てのサイトでアフィンガー6を使用してOKなんです。

アフィンガーは使用制限がないので、気軽に複数サイトで使用できるという点がすごくコスパが良くて嬉しいです。

最後に

AFFINGER6での吹き出し会話の設定方法を紹介しました。

アフィンガーはカスタマイズも簡単で本当におすすめです。

導入して自分だけのブログを作ってみて下さい⭐️