WINGカスタマイズ

WING(AFFINGER5)「会話ふきだし機能」のカスタマイズ方法!

投稿日:

会話ふきだし

こんにちは!momoです。

 

自分のブログにキャラクターを登場させて

会話風にすると、わかりやすいし、楽しそうじゃないですか?

 

当ブログでは、このお2人()に登場してもらっているわけなんですが

アフィ主婦
こんにちわー
ひよこさん
わー

WING(AFFINGER5)では、このように、ちょこっとだけ動くようになりました。

 

それでは、今回は「会話ふきだしについて」です。

 

会話ふきだし機能を使おう!

アイコンの登録

まずは、「ダッシュボード」から「AFFINGER5 管理」を開きます。

アイコン・ファビコン設定」を選択します。

会話吹き出し

 

会話風アイコンを少し動かす」場合は、チェックを入れてください。

ここでは、使用したいアイコンの画像と名前(任意)を登録します。

 

アイコン画像は、60px以上の正方形の画像を推奨です。

8人まで設定可能なので、8人登場させるもよし、

2人の喜怒哀楽パターンを設定して表情豊かに会話するもよし。

 

アップロード」のボタンで、メディアの追加画面が開きますので

アップロードする画像をドロップ」するか「ファイルを選択」するかして

画像を挿入しましょう。

 

会話ふきだしを使ってみる!

では、記事の投稿画面を開きます。

新規追加」から「タグ」の中の「会話ふきだし」を展開します。

 

会話吹き出し

会話1から8まで選択できますが、

これは、先ほど設定した「アイコン画像」と連動しています。

 

会話ふきだし

このように自動でショートコードが入り、

ショートコードに挟まれた部分が、アイコンの吹き出しになります。

アフィ主婦
よろしくね

 

ふきだしの向きを逆にする

ふきだしの向きを逆にすると

向かい合って会話しているように見えますよね。

 

反対向きにできるのはわかるけれど、「r」をどこにいれるの?と思いませんでした?

私は、前と後ろに両方「r」を入れて失敗しました。

会話吹き出し

「r」を入れる場所は、最初のショートコードのみ。

「 r」(半角スペース+半角r)

よろしくね
アフィ主婦

 

ふきだしの色をカスタマイズ!

ダッシュボード」から「外観」を選択します。

カスタマイズ」から「オプションカラー」を選択します。

会話ふきだし

その中の「会話風ふきだしのカラー」がありますので

ふきだしのカラーを選ぶことができます。

会話ふきだし

色を選択」ボタンをクリックすると

会話吹き出し

こんな感じで直感的にカラーを選ぶこともできますが

( ↑ 白い丸の部分を選択しています)

こちらのサイトからカラーの6桁を選んで入れる方が

私は簡単に自分の思い通りの色になるので使っています。

マテリアルカラーのパレット

 

 

-WINGカスタマイズ
-,

Copyright© 群れない世界で生きてみたい , 2018 All Rights Reserved.