【WordPress】会話形式の吹き出しプラグインWord Balloon

WEBサイトで見かける
人物と吹き出しが表示され、
会話形式の様に見えるやりとり。

これを簡単に作成出来るように
Wordpressで使えるプラグインを作ってみました。
Wordpress.orgへ公式に登録されたプラグインです。

名前は『Word Balloon』です。
やーまん
やーまん

このプラグインの特徴は

  • 画像の管理はWordpress標準のメディアアップローダーを使うので、
    FTPソフトを使用した画像のアップロードは不要。
  • 投稿画面でふきだしのプレビューを見ながら作成出来る。
  • ふきだしの色はカスタマイズ出来る。
  • アイコンや効果を使うと動きが出せておもしろい。
  • 登場人物を登録すれば、それ以降はメッセージの入力や吹き出しの位置を選択するだけで作れる事。
  • CSSは使用している吹き出しの種類によって個別に出力し、容量を最低限に抑える。

クイックマニュアル

ここではクイックマニュアルとして
ザックリした内容です^^;

より詳しいマニュアルは次の項目になりますのでスクロールして
移動してください。

投稿画面のWord Balloonボタンを押すとこの様な画面が表示されます。

各機能は下記の通り

①:セリフの記入はこちら
②:アバターの変更はこちら
③:アバターの位置変更はこちら
④:吹き出しの変更はこちら
⑤:投稿内に挿入はこちら

それぞれのオプション選択やセリフの入力が出来たら
挿入ボタンを選択してください。

記事内にショートコードが入力されます。

実際に使ってみるとこんな感じです。
↓↓↓↓↓↓

やーまん
やーまん
ここに色々
セリフなどを書き込んでください。
右からだと
こんな感じになります。
アバターの画像サイズも変更可能です。
やーまん
やーまん
やーまん
やーまん
考え事の吹き出しはこんな感じです。
やーまん
カラー版はこんな感じで、
初期カラーはLINE風です。
名前の位置も変えられます。
やーまん
やーまん
やーまん
色はカラーパレットから自由に選択出来ます。
ナレーション
むかし、むかし、あるところに・・・
天の声
アバター非表示も出来るのじゃ。
Word Balloonをインストールしますか?
→ はい

 

  いいえ

何だか懐かしのゲームっぽい^^;
やーまん
やーまん

アイコンや効果を使ったデモページはこちら

Simple Days DEMO
 simpledays.wp.xdomain.jp

マニュアル

Word Ballonはまだまだ開発途上のため、
仕様変更に伴いマニュアルと実際の画面が異なる場合があります。
予めご了承ください。

インストール

使ってみよう

登場人物(アバター)の位置変更

ふきだしの変更

Word Balloon設定画面の表示

登場人物(アバター)の登録

登場人物(アバター)の変更

通常設定と定型文の登録

吹き出しの設定

アイコンの設定

ショートコードの属性一覧

他の会話形式プラグインからの引っ越し作業

壁紙の設定

ステータスの使い方

作者からのお願い

注意点としてアバターの登録情報は
WordPressのデータベースにWord Balloon専用で新規登録を行っていることです。
プラグインにデータベースを触られたく無い方は、
このプラグインのご使用はお控えください。

尚インストール済みプラグインのページから
このプラグインを削除した際に、
データベースからこのプラグインで使用した部分は削除されます。

このプラグインを使用した事によって生じた
トラブルや障害などに対して作者は一切の責任を持たないものとします。
このプラグインの利用はすべて利用者の責任において行ってください。

また今後のバージョンアップに伴い
突然仕様が変更になる場合もあります。
その際、旧バージョンと互換性が無くなる場合もあります。
この点も予めご了承ください。

やーまん
やーまん
以上、作者からのお願いでした。

バグ報告

もし不具合などありましたら、
下記Word Press公式サポートページよりお願いいたします。
英語表記ですが、もちろん日本語で投稿OKです。

Support
 wordpress.org

是非フォローしてください

最新の情報をお伝えします

  • やーまん
  • 山奥に移住し、のんびり暮らしています。
    日々の事で感じた事や考え方などを備忘録として残しています。