【AFFINGER】の会話風ふきだし機能って右側にも表示できること、みんな知ってた？

みなさんこんにちは！あしあとです。

AFFINGERの会話風ふきだし機能ってみなさん使ったことあります？

あしあと的には意外にというか、かなりお気に入りの機能です。その割にはあまり使用しておりませんが。

記事の内容によっては、会話スタイルでの方がブログサイトにはもってこいの機能だと思っております。

会話風ふきだしと言えばワードプレスのプラグインとして、「Speech Bubble」が有名ですが、AFFINGER4には会話風ふきだし機能が標準装備されており、ボタン一つで配置することが可能です。

会話風ふきだし機能の設定

１．まず、ダッシュボードのAFFINGER4管理を開きます。

２．すると、キャラクター用の名前や画像を設定する場所があります。
　　おっ！何回かあしあとに登場してくれたキャラクターがいますね。

３．「アイコン名」の所はキャラクターの名前を記入します。

４．キャラクターアイコンとして決めた画像をアップロードし、その画像のURLをコピペ。

５．これで、設定は完了です。かんたん！
　　後は使いたい場所でエディタの「会話」ボタンをクリックするだけです。

ちなみに、使用している画像はフリー素材集で人気の「いらすとや」さんからお借りしております。ありがとうございます！

www.irasutoya.com

 

2546 tweets

1627 shares

2006 users

2692 pockets

かわいいフリー素材集

https://www.irasutoya.com

いらすとやは季節のイベント・動物・子供などのかわいいイラストが沢山見つかるフリー素材サイトです。

ふきだしを右にも登場させるには

あしあとが最初にこの会話風ふきだしを使用した時は、デフォルトで使用したので、ふきだしの登場位置は全部左側でした。

右側にも設置して、会話をしている感をもっと出したかったので、ちょっと試してみました。

ショートコードを選択してからの右寄せ。ブッブー！全然ハズレ。

速攻あきらめて検索。

すると、AFFINGER4マニュアルにちゃんと、記載されているではありませんか！

はい、その方法はこれ！

デフォルト表示

あしあと

左側に登場！

右側表示

じゃん！右側に登場！

嫁

やり方は簡単、ショートコードの数字の後にスペースrとするだけです。
※実際に使用するときは「」を[]に変更して下さい。

「st-kaiwa2」　　「st-kaiwa2 r」

最後に

あしあとは説明書類をキチンと読むのが凄く面倒くさがりなんです。家電製品なんかも、カンとか感覚で操作してしまうことが多いんです。

今、あしあとが使用しているAFFINGER4は、たくさんの機能があるので今度時間がある時によく読んでみよ！

最後まで読んで頂きありがとうございました。

会話風ふきだし機能を使用した記事はこちら