シンプルで高機能 【 SWELL 】を使用しています

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

ブログの記事を気分よく書いていくと、気づいたら文字だらけになっていませんか?

画像や表などを入れるとすごく見やすくなるのですが、ブログ初心者のうちはどうしたらよいかわからないと思います。

ここでおすすめなのが、吹き出しを使って会話風にする事。

凄く見やすくなって親しみがでるので読みやすくなります。

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

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

ここで少し私の紹介をさせてください。

この記事を書いている人

どんぐり所長

  • ブログデザインコミュニティ運営者
  • 国家資格 1級建築施工管理技士
  • マンション大規模修繕工事現場所長 
  • 4つのブログサイトを運営
  • 長期投資志向
  • 投資は米国ETFメイン
  • twitter フォロワー2600人以上

この記事は初心者におすすめプラグイン7選に含まれる記事です。

あわせてお読みください。

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

目次

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

標準の吹き出しでもいいんだけど、視覚的に目立つカワイイ吹き出しつくれないかしら。

みさきさん
みさきさん
どんぐり
どんぐり

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

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

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

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

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

Word Balloonとは

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

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

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

どんぐり
どんぐり

Cocoonや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を解説するサイト
ブログデザインラボ…ブログ用アイキャッチを添削する記事で、依頼者と会話しながら添削をすすめる

どんぐり
どんぐり

では、またっ!

スポンサードリンク

観るのも読むのも、U-NEXTひとつ。

●見放題作品数、NO.1!なんと21万本以上
●映画/ドラマ/アニメ/マンガ/ラノベ/書籍/雑誌も豊富にラインアップ
●レンタルやマンガの購入に使えるポイントが1,200円分毎月貰える!

\まずは31日間無料でお試し!/

おすすめ記事

プラグインを入れたら、次はオシャレな画像素材を探しに行こう!商用利用可ならココ!

画像を手に入れたら、無料でかんたん便利な「Canva」でお洒落なアイキャッチを作ろう!

ブログで儲けたいならアフィリエイトを始めよう!最大手「A8.net」を紹介します!

よかったらシェアしてね!
目次
閉じる