【AFFINGER5】『吹き出し』の使い方（初級者向けに解説）

この記事ではアフィンガー初心者の方向けに、吹き出しの使い方について解説します。

 

 

 

 

【AFFINGER5】吹き出しの使い方（基本編）

吹き出しを使うための初期設定手順

アフィンガーは初期状態では吹き出しを使うことはできません。

文句をいっても仕方がありません。

まずは、吹き出しの初期設定をすませましょう。

 

吹き出しを使うための手順は以下の通りです。

 

順に解説していきます。

 

アイコンを準備する

まずは吹き出しに使うアイコンを準備します。

サイズは100px以上を推奨。

 

アイコンを自作できないかたは次のサイトから入手できます。

①無料サイト

イラストAC

顔アイコン作成サイト

 

②有料サイト

ココナラでアイコン作成を依頼

初めての方は、まずは無料サイトからアイコンを入手することをおすすめします。

慣れてきたら、ココナラでオリジナルのアイコンを作成してみましょう。

 

 

アイコンを設定する

アイコンを入手したら、AFFINGER5に登録します。

 

管理画面から『AFFINGER5管理』⇒『会話・ファビコン等』をクリック

 

 

アイコンをアップロードしてアイコンの名前を入力します。

 

 

上の設定の場合、このように表示されます。

 

アイコンの名前を空欄にしておくと、アイコンの下には何も表示されません。

 

 

 

記事に貼り付ける

では実際に記事に貼り付けてみます。

 

step
1エディターから『タグ』⇒『会話吹き出し』⇒『会話１』をクリック

※　１～８の数字は登録したアイコンの番号

 

 

step
2エディターにタグが表示されます

[ st-kaiwa1][/st-kaiwa1]

 

 

step
3タグの間にセリフを入力して完了

 

[ st-kaiwa1]困った　困った。。。[/st-kaiwa1]

 

 

【AFFINGER5】吹き出しの使い方（応用編）

ここからは、吹き出しの表示方法をカスタマイズしていきましょう。

 

吹き出しを右に表示する方法

まずは、吹き出しを右側に表示する方法です。

会話を表現するときに使えますね。

 

例えばこんな感じ。

 

 

タグを入力するとき、メニューの表示に

　『　r]で反対向き　』

と書いてあるのがわりますか？

これが、アイコンを右に表示する方法です。

タグの中に『 ”半角スペース" + "r" 』を追記します。

 

例えばこのように書きます

[ st-kaiwa2 r]右に表示[/st-kaiwa2]

 

 

こうすれば吹き出しを右に表示できます。

 

 

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

では吹き出しの色は、どうやって変更するのでしょうか？

 

『管理画面』⇒『外観』⇒『カスタマイズ』をクリック

 

 

カスタマイズメニューの『オプションカラー』⇒『会話風吹き出し』をクリック

 

 

 

メニューの中段下にある『会話風吹き出し』をクリックすると下記画面が開きます。

こちらの画面から吹き出しの色を変更することが可能です。

 

 

吹き出しの大きさや動きを変える方法

ダッシュボードの『AFFINGER5管理』⇒『会話・ファビコン等』を開いたページの１番下に２つのチェックボックスがあります。

 

会話風アイコンを動かすにチェックすると、アイコンにアクションが加わります。

 

アイコンの大きさの比較

アイコンの大、小の比較です。

アイコン小は少しアイコンが小さすぎると感じます。

『会話アイコンを少し大きく』にチェックを入れた方が、見やすい大きさになります。

 

アイコンに動きをつけるのは、好みに応じてチェックするとよいでしょう。

 

 

 

アイコンを９種類以上使う方法

アフィンガーのデフォルト機能では、アイコンを８種類までしか作ることができません。

アイコンを９種類以上使いたい場合はプラグインを購入する必要があります。

AFFINGERにはたくさんのオプション機能がありますが、吹き出しに関するプラグインは『会話ふきだしプラグイン2』です。

 

プラグインの値段は2,980円

 

プラグインをインストールすると、ダッシュボードに『吹き出し』というメニューが追加されます。

 

『会話吹き出しプラグイン』により、吹き出しの種類に制限がなくなります。

購入はアフィンガーの公式サイトからダウンロード購入できます。

 

『会話吹き出しプラグイン』公式サイト

 

 

 

 

【AFFINGER5】吹き出しの使い方まとめ

 

アフィンガー５の初心者の方向けに　吹き出しの使い方について解説しました。

吹き出しはブログ記事の必須アイテムです。

会話アイコンをうまく活用して、わかりやすい記事にしていきましょう！

 

稼ぎたいなら今すぐAFFINGER5を導入しよう

 

 

アフィンガー初心者の方へのおすすめ記事はこちら

おすすめ

【アフィンガー／AFFINGER5】よく使うデザインカスタマイズ

続きを見る

おすすめ

【アフィンガー／AFFINGER5】トップページをカード型で表示する方法

続きを見る