ブログ記事で使う吹き出しを200件以上登録できるWordPressプラグイン

ブログ記事で吹き出しが使えるようになるプラグインを探している。なるべく多くの吹き出しが使えるプラグインがほしい。

 

↑みたいに、ブログ記事で吹き出しを使いたい時に便利なのが「LIQUID SPEECH BALLOON」というプラグイン。

 

なんと、登録できる吹き出しの数は200件以上!

 

さすがにこれだけ登録できるのであれば、これ1本で十分ですよね。

 

ブロックエディタ向けのプラグインなのですが、吹き出しのコードさえ取得できればクラシックエディタでも問題なく使うことができます。

 

もちろん無料で使えるので、もの凄くオススメです!

 

 

200件以上もの吹き出しを無料で使える「LIQUID SPEECH BALLOON」

 

「LIQUID SPEECH BALLOON」の使い方については、プラグイン公式ページにて詳しく解説されているので、そちらをご参照ください。

 

吹き出しで会話ができる WordPressプラグイン

 

で、この類のプラグインで重要なことは、「何件もの吹き出しを無料で登録できるのか?」にあります。

 

「LIQUID SPEECH BALLOON」ではどれくらいの吹き出しを登録できるのかを気になって調べてみたところ、それについての情報は特に見当たらず。

 

公式ページの情報を見てみると、

 

  • v1.1.4: 編集者権限でも吹き出しアバターが設定できるようになりました。
  • v1.1.0: 吹き出しの矢印が四角になる問題を修正しました。よくある質問もご参照ください。
  • v1.0.9: AMP と互換性があります。
  • v1.0.7: 設定フォームの入力に関連するセキュリティ問題を修正しました。
  • v1.0.6: デザイン(枠なし)を追加しました。
  • v1.0.5: デザイン(四角、破線、シャドウ)とオプション(短い幅、縦並び)を追加しました。
  • v1.0.4: アバターが10件以上登録できるようになりました。

 

どうやら、v1.0.4のアップデートにて10件以上のアバター(吹き出し)を登録できるようになったっぽいです。

 

どこを調べても、この「アバターは10件以上登録できます」しか情報がなかったです。

 

そこで私、実際に吹き出しの登録数について検証してみました。

 

吹き出しの登録は簡単で、

 

  1. 「追加」ボタンをクリック
  2. 「変更を保存」をクリック

 

たったこれだけです。

 

で、これを何回か繰り返して検証してみた結果、とりあえず「200件以上は登録可」ということが分かりました。

 

 

どうやらまだ追加できるっぽいですが、さすがに200件分あれば十分ですよね?

 

登録できる吹き出しの数は大体分かったので、次はクラシックエディタで「LIQUID SPEECH BALLOON」を使う方法について書いていきますね。

 

 

「LIQUID SPEECH BALLOON」をクラシックエディタで使う方法

 

ブロックエディタでの使用が前提のプラグインなのですが、吹き出しを形成するコードさえ取得できれば、それをクラシックエディタに貼り付けることで使用できます。

 

吹き出しは、

 

  • アバター(アイコン)の選択
  • アバターの配置
  • 吹き出しのデザイン
  • アバターのサイズ
  • 吹き出しのサイズ、配置
  • 背景色の設定
  • 文字色の設定

 

など、こと細かく設定できます。

 

ブロックエディタで吹き出し設定をしてからHTMLコードをコピーし、それをクラシックエディタに貼り付ければOKです。

 

だけど、面倒くさいよって方にそれぞれの吹き出しの設定に応じたコードをシェアするので、コピペ用としてお使いください。

 

【コピペ用】吹き出しコード集


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00″><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-bubble”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right liquid-speech-balloon-bubble”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-square”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right liquid-speech-balloon-square”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-dashed”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right liquid-speech-balloon-dashed”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-shadow”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right liquid-speech-balloon-shadow”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-borderless”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right liquid-speech-balloon-borderless”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-small”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right liquid-speech-balloon-small”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-large”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right liquid-speech-balloon-large”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-short”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right liquid-speech-balloon-short”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-vertical”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>


<div class=”wp-block-liquid-speech-balloon liquid-speech-balloon-wrap liquid-speech-balloon-00 liquid-speech-balloon-right liquid-speech-balloon-vertical”><div class=”liquid-speech-balloon-avatar”></div><div class=”liquid-speech-balloon-text”><p></p><div class=”liquid-speech-balloon-arrow”></div></div></div>

 

「balloon-00」の「00」が登録したアバターを呼び出すためのものです。

 

登録した順番に合わせて、「01」「02」と値を変えて使ってください。

 

また必要とあらば、追記します。

 

 

【まとめ】吹き出しプラグインは「LIQUID SPEECH BALLOON」これ1本でOK

 

200件以上登録できることを確認済みですが、まだまだ追加できるようです。

 

無料で200件以上使える時点で神なので、もうこれだけ使っとけば良い気がします。

 

ってことで、今回は以上です。

 

ありがとうございました。

 

チャオ(・∀・)!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です