MENU

著者

どんぐり所長

Nobilista公認バッジ

当サイトはリンクフリーです

当ブログ内の記事本文や図解等は、以下の注意事項を守っていただければご自由にお使いいただいて結構です。

【注意事項】

  • 引用元として当サイト名を記載の上、対象記事へリンクしてください。
  • 添削記事などの紹介者のアイコンは転載不可です。

ご不明な点があれば、twitterのダイレクトメールまでお願い致します。

愛用 順位チェックツール

オリジナルグッズ購入

👉 今イチオシのクラウド型 順位検索ツール【Nobilista】愛用レビュー!

【Word Balloon】動くふきだしブログプラグイン【ワードバルーン】

ブログの記事を気分よく書いていくと、気づいたら文字だらけになっていませんか?画像や表などを入れると、すごく見やすくなるのですが、ブログ初心者のうちはどうしたらよいかわからないと思います。

ここでおすすめなのが、吹き出しを使って会話風にする事。凄く見やすくなって親しみがでるので読みやすくなります。しかも、動くふきだしを使えば、読者の目をとどめて引き込む効果があります。

あなたのブログに「動く吹き出し」を導入して、彩ってみませんか?

この記事ではこのようなお悩みを解決していきます。

  • 記事を読みやすくしたい
  • 吹き出し用の良いプラグインを探している
  • スクロール時に動く吹き出しが使いたい

この記事は、初心者におすすめプラグイン7選に含まれる記事です。あわせてお読みください。

この記事では、私が実際に使っているプラグインの特徴がすべてわかる記事になっていますので、最後まで読んで行ってくださいね。

目次

おすすめの吹き出しプラグインは【Word Balloon

標準の吹き出しでもいいんだけど、視覚的に目立つカワイイ吹き出しはないですか?

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

そんなときにWord Balloonはいかが?

会話風の吹き出しを入れて、貴方の記事を彩る事ができます!インストール方法から設定方法まで、この記事で解説させて頂きますので、是非最後まで読んでくださいね!

特に下記の2サイトではこの「WordBaloon」をメインで使用し、会話形式の記事を主力としています。

ぜひお立ち寄り頂いて、プラグインの使用感を感じてください!

Word Balloonとは

Word Balloon は投稿本文に吹き出し会話を作る、無料プラグインです。

Cocoon WordPressテーマ「SWELL」にもこの機能はあるのですが、個人的に好きなので私は Word Balloon を使っています。

本文に吹き出しを用いると、会話形式で読みやすい文が作れるのでおすすめです。

どんぐり所長
どんぐり所長

CocoonやWordPressテーマ「SWELL」にも標準で吹き出し機能がついていますが、ポワンと動く吹き出しが使いたくて、このプラグインを使っています!

Word Balloonのインストール方法

では、インストール方法を解説していきます。

  1. WordPressの管理画面から、「プラグイン」➤「新規追加」と進みます。
  2. 「プラグインの検索」にWord Balloonと入力して検索します。
  3. 「今すぐインストール」を押して、インストールします。
  4. インストールが完了したら、「有効」にしておきましょう。
  5. WordPressの管理画面から、「プラグイン」➤「インストール済みのプラグイン」と進みます。
  6. Word Balloonの下のボタン「有効化」を押しておきます。

続いて設定に進みます。

Word Balloonの設定方法

  1. WordPressの管理画面から、「プラグイン」➤「設定」と進みます。
  2. 写真の選択」を押し、画像を保存しているフォルダから選びたい写真を選択します。
  3. アバターの下に表示される名前を入力します。表示させたくない場合は入力しなくても良いです。
  4. 入力が終わったら、「アバターの登録」押して保存します。

複数のアバターを登録したい場合は、上記の登録を繰り返します。

どんぐり所長
どんぐり所長

無料版は、アバター3つまでだよ!

登録できました。

Word Balloonの使用方法

  1. 投稿画面の左上メニューの、黒+「ブロックの追加」を押し、メニューウインドウを開きます。
  2. 出てきたメニューに、Word Balloonが追加されているので押します。
どんぐり所長
どんぐり所長

登場!

違うアバターに変更したい場合

右上の歯車マークを押してブロックのウインドウを開き、「アバター」で登録した選びたいアバターを選びます。

ほめらぎ
ほめらぎ

ほめらぎ参上しました!

変りましたね。

吹き出しの形を変える

  1. 吹き出し」の「セリフ」を押します。
  2. セリフ一覧が表示されますから、選びたいタイプを選択します。

今回は「叫び」にしてみます。

ウルトラ、ソウルっ!

ほめらぎ
ほめらぎ

叫びになりました。

吹き抜けの色なども変えれますのでいろいろ試してみましょう!

アバターや吹き出しを動かす

実は吹き出しやアバターを任意に動かす事が出来ます!

  1. 吹き出しブロックを選んでサイドバーの中に「エフェクト」という項目があるのでその中から選びます。

ここでは参考にアバターを動かしてみます。※似ているのは省いています

どんぐり所長
どんぐり所長

上下!

振り子!

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

揺れる!

振動!

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

左右!

左回転!

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

点滅!

ロール右!

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

ロール上!

上がって消える!

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

下がって消える!

ゴム!

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

ぶるぶる!

右回り!

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

ジャンプジャンプ!

いろんな表現ができるので、見た目にも楽しい!

アバターにフィルターエフェクトをかけられる

画像ソフトを使わなくても、アバターの雰囲気チェンジができます!

  1. 吹き出しブロックを選んでサイドバーの中に「フィルター」という項目があるのでその中から選びます。

参考として、私にエフェクトかけててみましょう。

いつもの私。

どんぐり
どんぐり
どんぐり
どんぐり

ぼかし!

明度!

どんぐり
どんぐり
どんぐり
どんぐり

コントラスト!

色調回転90!

どんぐり
どんぐり
どんぐり
どんぐり

色調回転180!

色調回転270!

どんぐり
どんぐり
どんぐり
どんぐり

モノクロ!

階調反転!

どんぐり
どんぐり
どんぐり
どんぐり

彩度!

セピア!

どんぐり
どんぐり

感情の起伏等を表すのに、役立ちます!

アイコンをつける

アバターの外側にアイコンをつけて感情表現ができます!

右サイドバーから「アイコン」を選び、位置やアイコンを選びます。

どんぐり所長
どんぐり所長

あげあげ!

下がります〜。

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

(*’▽’)?

ハート!

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

怒!

感嘆符!

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

感嘆符!!

ルン♪

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

(汗)

ガーン!

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

あげあげ!

どよーん。

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

キラキラ!

( ゚д゚)ハッ!!

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

ぷんぷん!

もちろん組み合わせも自由自在

どんぐり所長
どんぐり所長

セピア+ガーン

ハート+振り子

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

怒り+ジャンプジャンプ

ハッ+アイコン点滅

ほめらぎ
ほめらぎ
どんぐり所長
どんぐり所長

汗+アイコン下がって消える

感嘆符+アバター振動+アイコン振動

ほめらぎ
ほめらぎ

組み合わせは数えきれないほど!

ワードバルーンに関するQ&A

Word Balloonは無料ですか?

無料です。Wordpress公式よりダウンロードすることができます。ただし、一部の機能は有料機能となっています。

Word Balloonの動き方を変えられますか?

変更できます。ジャンプしたり震えたりさせる事もできます。また、アイコンでビックリマークやはてなマークなども追加することができます。

アイコンの人物は何人まで登録できますか?

無料版では3人までです。それ以上は有料となりますのでご注意ください。

人物を3人以上使いたいのですが、無料で対応する方法はありますか?

無料版では、基本の人物の登録が3人までですが、写真や画像の入れ替えは自由にできます。3人以上使用したい方や、表情差分を使いたい方は、画像を入れ替えて対応しましょう。

吹き出しプラグインはWord Balloonがおすすめ!

  • 吹き出しの種類が豊富
  • 吹き出し・アバターのアニメーションがユニークで目立つ!
  • 3ユーザーまでしか登録できないが、修正はできるので問題なし
どんぐり所長
どんぐり所長

初心者におススメのプラグイン7選は、以上になります!

そのほかのプラグインについては、おすすめのプラグイン7選の記事をごらんください。

また、このプラグインを活用した会話風のサイトを運営しています。ぜひ、お立ち寄り頂き、どんな印象だったか感想を教えてくださいね。

あわせて読みたい

ほんわかカレッジ…こどもでも分かるように会話風に米国ETFを解説するサイト

ブログの始め方から運営方法までのロードマップの記事をまとめていますので、こちらもご参照ください。

どんぐり所長
どんぐり所長

では、またっ!

推奨ザインツール

当サイトでは、無料でもオシャレなデザインが簡単に作成できる、「 Canva 」を推奨しています。無料でも相当なレベルのデザインができるのですが、一度PROにすると無料には戻れなくなってしまいました。その秘密は、下記の記事に。

Canvaを詳しく知る

おすすめWordpressテーマ

私は、導入するだけで一気にお洒落になるWordpressテーマ「SWELL」をおすすめします。デザイン性はもちろん、その操作性は特筆ものです。

SWELLを愛用する私が実際に使用してきた内容を加えた、詳しい記事を書いています。ぜひご参照ください。

SWELLを詳しく知る

トップページへ戻る

お気軽にコメントください

コメント一覧 (4件)

  • ためになる情報配信を有難うございます。
    いつも参考にさせて頂いております。

    早速、Word Balloonを導入してみましたが、不都合が出ました。
    その内容は、
    スマホ表示させたときに、画面サイズが右側に大きくなってしまいました。
    Wordpress初心者で、詳しい事はわかりませんが、CSSに何か追加すれば治るのでしょうか?
    ご存じでしたら、ご教授いただけると幸いです。

    • ご質問ありがとうございます。
      私もCocoon、SWELLとテーマを使用してきた中で、にんにくさんと同じようなことになった事がありません。
      制作者の方のフォーラムにてご質問して頂いた方がよいかもしれません。

      ひとまず、WordBalloonのよくあるご質問のページをご案内しておきますね。
      https://support.back2nature.jp/word-balloon/faq/

      キャッシュクリアや表示が崩れる際の対応の箇所がお役にたつかもしれません。
      解決できず申し訳ないです。

  • どんぐり所長さま

    ご返答いただきありがとうございます。

    アバタ―を「右」へ振ると生じる事象という事まで、試行錯誤でわかりました。
    (ちなみにCocoonを使っています。)
    リンク先で問い合わせしてみます。

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

    • 私も以前Cocoonを使用していた際に、WordBalloonを多用していましたが、にんにくさんの様な症状になったことがありませんでした。
      最近のアップデートなどでなにか支障がでてるのかもしれませんね。
      お役に立てず申し訳ございません。

コメントする

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

目次