【Word Balloon】プラグインでふきだしが動く!ワードバルーンで記事に彩り

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

ここでおすすめなのが、吹き出しを使って会話風にする事。凄く見やすくなって親しみがでるので読みやすくなります。

しかも、動くふきだしを使えば、読者の目をとどめて引き込む効果があります。

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

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

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

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

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

目次

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

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

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

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

会話風の吹き出しを入れて、貴方の記事を彩る事ができます!

インストール方法から設定方法まで、この記事で解説させて頂きますので、是非最後まで読んでくださいね!

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

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

Word Balloonとは

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

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

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

どんぐり
どんぐり

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

Word Balloonのインストール方法

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

WordPressの管理画面から、「プラグイン」➤「新規追加」と進みます。

「プラグインの検索」にWord Balloonと入力して検索します。

「今すぐインストール」を押して、インストールします。

インストールが完了したら、「有効」にしておきましょう。

WordPressの管理画面から、「プラグイン」➤「インストール済みのプラグイン」と進みます。

Word Balloonの下のボタン「有効化」を押しておきます。

続いて設定に進みます。

Word Balloonの設定方法

WordPressの管理画面から、「プラグイン」➤「設定」と進みます。

まず、あなたの見た目になる画像を登録します。「写真の選択」を押し、画像を保存しているフォルダから選びたい写真を選択します。

つぎに、アバターの下に表示される名前を入力します。表示させたくない場合は入力しなくても良いです。

入力が終わったら、「アバターの登録」押して保存します。

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

どんぐり
どんぐり

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

登録できました。

Word Balloonの使用方法

投稿画面の左上メニューの、黒+「ブロックの追加」を押し、メニューウインドウを開きます。

出てきたメニューに、Word Balloonが追加されているので押します。

どんぐり
どんぐり

登場!

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

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

ほめらぎ
ほめらぎ

ほめらぎ参上しました!

変りましたね。

アバターの位置を変える

「位置」の左右を変更します。

右に移りましたよ〜。

ほめらぎ
ほめらぎ

右に移りました。

吹き出しの形を変える

吹き出し」の「セリフ」を押します。

セリフ一覧が表示されますから、選びたいタイプを選択します。

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

ウルトラ、ソウルっ!

ほめらぎ
ほめらぎ

叫びになりました。

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

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

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

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

ここでは参考にアバターを動かしてみます。

※似ているのは省いています

どんぐり
どんぐり

上下!

振り子!

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

揺れる!

振動!

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

左右!

左回転!

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

点滅!

ロール右!

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

ロール上!

上がって消える!

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

下がって消える!

ゴム!

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

ぶるぶる!

右回り!

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

ジャンプジャンプ!

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

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

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

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

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

いつもの私。

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

ぼかし!

明度!

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

コントラスト!

色調回転90!

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

色調回転180!

色調回転270!

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

モノクロ!

階調反転!

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

彩度!

セピア!

どんぐり
どんぐり

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

アイコンをつける

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

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

どんぐり
どんぐり

あげあげ!

下がります〜。

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

(*’▽’)?

ハート!

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

怒!

感嘆符!

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

感嘆符!!

ルン♪

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

(汗)

ガーン!

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

あげあげ!

どよーん。

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

キラキラ!

( ゚д゚)ハッ!!

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

ぷんぷん!

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

どんぐり
どんぐり

セピア+ガーン

ハート+振り子

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

怒り+ジャンプジャンプ

ハッ+アイコン点滅

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

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

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

ほめらぎ
ほめらぎ

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

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

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

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

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

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

あわせて読みたい

ほんわかカレッジ…こどもでも分かるように会話風に米国ETFを解説するサイト
ブログデザインラボ…ブログ用アイキャッチを添削する記事で、依頼者と会話しながら添削をすすめる

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

どんぐり
どんぐり

では、またっ!

推奨ザインツール

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

\30日間無料トライアルで試してみよう!/

5人でチームを組めば、月々たった200円

目次
閉じる