JIN:Rでの「吹き出し」の作り方！キャラクター会話文を作って記事をもっと読みやすく仕上げよう！

吹き出しブロックを執筆画面で使う前に、「カスタマイズ」>「吹き出し」に進んで、キャラクターを登録しておきましょう。

詳しいやり方はこちらに載っています↓

吹き出しを呼び出す方法は「基本」と「おすすめ方法」の２パターンあります！

どう違うんだ？？

おおかみくん

おすすめ方法を覚えてもらった方が、圧倒的に時短になるよ！

ひつじくん

登録したキャラクターは吹き出しの右サイドバーに出てきます。

ここでキャラクター切り替えができるので、ぽちぽち切り替えて使い分けてください！

このショートコードの場合、「吹き出し登録１」のデザインが、そのまま反映されます。

[jinr_fukidashi1]<p>吹き出し内容</p>[/jinr_fukidashi1]

吹き出し１の形・色・キャラ配置を使いたい場合はこれをベースにして、カスタマイズを始めていきます。

↓ このように数字を変えると、「吹き出し登録２」のデザインが、そのまま反映されます。

[jinr_fukidashi2]<p>吹き出し内容</p>[/jinr_fukidashi2]

吹き出し２の形・色・キャラ配置を使いたい場合はこれをベースにして、カスタマイズを始めていきます。

キャラクター名と画像の設定欄を追加したショートコードです↓

[jinr_fukidashi1 name="名前" image="画像パス"]<p>吹き出し内容</p>[/jinr_fukidashi1]

name=”名前” のところに、キャラクター名を記載します。
image=”画像パス”のところには、画像のURLを記載します。

画像URLは「メディア」>「ライブラリ」に進んで、設定したい画像をクリック。そうすると画像URLが載っているので、これをコピーしましょう。それを吹き出しのimageの部分に貼り付けでください。

あとはお好みでデザイン調整を進めて使ってください。

デザイン変更
吹き出しデザインを変える場合、以下のパラメータをショートコード内に追記してください。パラメータを入れる箇所はどこに入れてもOKです。

//会話形式
type="d--fukidashi-chat"

//心の声形式
type="d--fukidashi-innervoice"

//インタビュー形式
type="d--fukidashi-interview"

1//ショートコード作成例//
2[jinr_fukidashi1 name="名前" image="画像パス" type="d--fukidashi-chat"]<p>吹き出し内容</p>[/jinr_fukidashi1]

キャラクター配置変更
吹き出しの配置を変える場合は、以下のパラメータを挿入してください。パラメータを入れる箇所はどこに入れてもOKです。

//左
layout="d--fukidashi-left"

//右
layout="d--fukidashi-right"