[WordPress] 吹き出し会話のプラグインをまとめてみた

WordPress
Nプログラマです。

最近、トークアプリのような吹き出し会話の表現しているブログをよく見かけるようになりました。

こんな感じ。

なプ
なプ

今日はいい天気!

なプ
なプ

明日は晴れるかな?

この会話はCocoonのテーマに実装されている「ふきだし」機能で表示しています。

上記のような会話の表示は、WordPressのプラグインでも表示することができます。

プラグインを使えば、自分が使っているテーマに組み込むことができますね。

今回は、そんな会話風の表現ができるプラグインをまとめてみました。

(新しいものがあれば追加していきます)

WP-Speech-Balloon

「WP-Speech-Balloon」のインストール方法
本ページはWordpressのプラグイン「WP-Speech-Balloon」のインストール方法の説明ページです。 本ページに書いてある通りに進めるだけで簡単にインストール出来ると思います。 ※「WP-Speech-Balloonの使い

5種類の吹き出しデザインが準備されていて、シンプルで使いやすいです。

会話を表示するためにショートコードを使うのですが、テンプレートが準備されているので、以下の情報を入力すれば簡単に吹き出し会話を作ることができます。

  • 吹き出しする人の画像URL
  • 吹き出しの内容

定期的にアップデートもされており、作者様のページにサンプル付きの詳しい説明もあります。

こちらのプラグインは、自分が運営している別ブログで使っています。

Speech-Balloon

吹き出しで会話ができる WordPressプラグイン | プラグイン
吹き出しで会話ができる WordPressプラグイン | プラグイン : WordPress公式プラグイン等。PC表示切替可能なレスポンシブWebデザインの日本語WordPressテーマ。Bootstrap4対応、SEO対策済、商用サイトでもご利用頂ける公式テーマチェック済WPテーマテンプレートです。

WordPress 5から採用されたエディタのGutenbergに対応したプラグイン。
レスポンシブに対応しています。

Liquid Press(有料テーマ)のプラグインという位置づけで提供されていますが、他のテーマでも無料で使えます。

公式のお知らせによると2019年2月6日にアナウンスされているので、まだ出たばかりだけど今後人気が出てきそうな感じがする。。。

Gutenberg次第と言ったトコロかな。

ちょっとだけ使ってみた

開発用環境でちょっと使ってみましたが、メチャクチャ使いやすいな!

記事編集画面からブロック単位プレビューしながら会話をサクサク作れて、吹き出し用の画像も10個(追加可能)登録できる。

これはかなりスゴイのでは。。。!

ただ個人的に、吹き出し文が短くても本文の幅いっぱいまで吹き出しのエリアが広がるのが、ちょっとだけ気になる感じかな。

今のところ吹き出しデザインが2種類(標準、バブル)のみなので、もう少し種類が増えてほしいトコロ。。。

使いやすいですが機能を限定している印象です。

このプラグインを充実させたモノを有料テーマ内に組み込んでくるのではないか?とちょっと想像してしまいますw

ぜひお試しあれ!

インストールしてもブロックの追加で候補に表示されないときは?

ブロックの検索」でカタカナで「フキダシ」と入力すれば、一般ブロックのカテゴリで表示されます。

Word Balloon

Word Balloon 公式ページ 会話形式の吹き出しプラグイン 使い方 WordPress
WEBサイトで見かける人物と吹き出しが表示され、会話形式やインタビューの様に見えるやりとり。 これをカンタンに作れるようにWordpressで使えるプラグ…

最近見つけた吹き出し会話プラグイン。

まだ試していないのですが、デモページを見た感じだと、
発言者吹き出しにアニメーションをつけたり、吹き出し付近に音を再生するボタンなどを設定して表示できるみたいです。

デモページで一斉に吹き出しがプルプル動くのは、大勢の人に迎えられている感じですよ。

追加のアドオン(有償:サブスクリプション方式)で、利用できる機能が増えるらしいです。
詳しい内容は、公式のページに案内があります。

Word Balloon PRO 公式ページ Word Balloonの追加アドオンプラグイン
Word Balloon PROはWord Balloonの各種設定を可能にするアドオンプラグインです。 最新のバージョンは2.6.0です。 Word Balloon PRO単体では動作しませ…

番外編

Speech Bubble(開発が終了、、、かも)

こちらは少しだけ使っていたプラグイン。

しかし、WordPressのプラグイン検索から見つけることができなくなっていました。

以前確認できた時は、最終更新日が年単位で古かったので、開発を終了したのかもしれない。
(予感はしていましたけど。。。)

WordPressの「吹き出し会話 プラグイン」などで検索すると、こちらの情報が多くヒットするので注意しましょう。

ちなみに同名の別プラグインが検索結果の下の方にあるかもしれません。

しかし、スクリーンショットの紹介を見ると画像の中に吹き出しを入れる感じになっているので、以前利用していたプラグインとは別物ですね。

おわりに

今回は、吹き出し会話のプラグインをまとめてみました。

プラグインを利用することで簡単に吹き出し会話が表現できますが、開発が終了することも視野に入れて、代わりとなるプラグインや方法を準備しておいたほうがいいですね。

それでは、このへんで。
バイナリー!

タイトルとURLをコピーしました