ブログ

会話吹き出し機能の設定 AFFINGER5

affinger5

使うと便利!「会話吹き出し機能」AFFINGER5

AFFINGER5の「会話吹き出し機能」を使うと、視覚的にも内容をわかりやすく伝えることができます。

 

チャー
設定してみました!

デフォルトだとこんな風に左側に表示されます。

 

AFFINGER5 「会話吹き出し機能」設定方法

AFFINGER5では、簡単に「会話吹き出し機能」を使うことができます。

 

⚙AFFINGER管理 - 1.5kaiwa favicon で、3iconに設定する

 

①AFFINGER管理 - 1.5kaiwa faviconをクリック。

1affinger-talk

4kaiwafuu icon

1.5kaiwa faviconicon faviconでアイコンを設定する

icon favicon3iconで、[アップロード]ボタンから画像を選びます。

  • アイコンは、8人まで設定可能です。
    設定するアイコン画像は、100px以上の正方形を推奨。(縦長だと上下が切れてしまうため)

4kaiwafuu icon

 

画像をアップロードします。

[アップロード]ボタンをクリック。

5uproad

 

このような画面が出るので、アイコンに使用する画像を、選びます。

6media

7file

この時、使用する画像のある場所によってアップロードの仕方が違います。

1.ファイルをドロップしてアップロード

もうすでにWordPressにアップロードしたことのある画像を使う場合。

メディアライブラリを選択し、使用する画像を選ぶ。

 

2.自身のPC内から、ファイルをアップロード

8fileをクリックし、使用する画像を選ぶ。

 

画像を選択9neko-iconし、画面右下[添付ファイルの表示設定] サイズで
[会話風アイコン100×100]を選択し、投稿を[挿入]ボタンをクリックする。

10kaiwa

 

⑤[保存]をクリックして、設定を保存します。

 

設定が終わったので、実際に「会話吹き出し」を挿入してみます。

「会話吹き出し」を挿入する

会話風アイコンで、アイコン画像1に設定した=会話1を使用

①タグー会話吹き出しー会話1 を選択。

11kaiwa

 

②ショートコードが挿入されるので、前後のショートコードの間に吹き出しに入る会話文を入力します。

12koko

 

会話ふきだし設定中と入力します。

 

13settei

 

設定できました!

チャー
会話ふきだし設定中

 

こちらもCHECK

affinger5
「会話吹き出し機能」 吹き出しを右側に表示する方法 AFFINGER5

続きを見る

-ブログ