【WordPress】LINEの会話風に吹き出しを出せるプラグイン「speech bubble」を導入してみた

“会話っぽく表現してみたいなあ”

 

文章だけで表現するのに少し物足りなさを感じていた時に、ふと「LINEみたいな会話調で表現できるプラグインないかな」と考えて探してみたところ、《speech bubble》というとても素晴らしいプラグインを発見した。

製作者様のサイトに導入方法〜使用方法まで詳しく書かれているので、このエントリをご覧いただいて、導入を検討している方はぜひ参考にしてほしい。

【ありそうでなかったものを】

「WordPress・吹き出しプラグイン(Speech Bubble) ver.1.0公開」

 

「そらすけ」と「りくまる」による会話例

 

 

導入方法

プラグインのインストールと有効化

WordPressを開いたら、【プラグイン＞新規追加＞speech bubbleを検索＞インストール】の順でプラグインの導入を行う。最終更新が1年前ではあるが、今回僕はSTINGER5で問題なく使用できていることを確認している。

上の手順でspeech bubbleインストールしたら、忘れずに《有効化》しておこう。

 

会話用のアイコンを準備

アイコンはデフォルトだと人物のシルエットしか用意されていない。

そのため、自分でアイコン画像を用意したら、FFFTPソフトなどで以下のフォルダにアイコン画像を保存しておこう。

《wp-contents》→《plugins》→《speech-bubbles》→《img》

僕の場合は、お馴染みのCyberduckを使用。

これでアイコンの準備は完了。

 

使用方法

ショートコードを貼り付ける

プラグインの導入が問題なくできていれば、Wordpressの投稿画面に以下のショートコードを入れるだけで吹き出しが表示されるはずだ。

 

【基本の会話用】

	

		

			

				
			
			
A さん
		
		

			
 おこんばんわ 
		
	


	

		

			

				
			
			
B さん
		
		

			
 おばんです 
		
	

正しく記述ができたら、以下のような表示になる。

 

用途に合わせてカスタマイズ

吹き出しの種類は全9種類で、左右選択、アイコン変更、名前・セリフは全て1つの行で変更することが可能。

 

《吹き出しの種類》

speech_bubble type=”drop“を以下のコードに置き換えると、自動的に吹き出しの種類が変更になる。

 

drop

 

std

 

fb(FaceBook風)

 

fb-flat

 

ln(LINE風)

 

ln-flat

 

pink

 

rtail

 

think

 

 

左右への配置変更と吹き出しの引き出し部分変更

【会話している風（左右）】

subtype=”L1″　または　subtype=”left1″

subtype=”R1″　または　subtype=”right1″

 

【考えごとをしている風（左右配置）】

subtype=”L2″　または　subtype=”left2″

subtype=”R2″　または　subtype=”right2″

 

上の通り、subtypeの記述を変えれば会話の位置を左又は右に変更することもできる。

 

まとめ

会話調で話を進行させると読み手も理解しやすいだけでなく、書き手も使う言葉や表現方法に工夫をしなければいけなくなるため、とても便利なプラグインだと思う。話し手と聞き手に分けて、会話を進行させようとすると、必然的に『どこの部分が、どのようにわからないのか』ということを意識して書くことになるからだ。

今回はそらすけとりくまるに登場してもらったが、今後は動物キャラクターも含めて登場してもらいたいと考えている。