ブログの記事を気分よく書いていくと、気づいたら文字だらけになっていませんか？画像や表などを入れると、すごく見やすくなるのですが、ブログ初心者のうちはどうしたらよいかわからないと思います。
ここでおすすめなのが、吹き出しを使って会話風にする事。凄く見やすくなって親しみがでるので読みやすくなります。しかも、動くふきだしを使えば、読者の目をとどめて引き込む効果があります。
あなたのブログに「動く吹き出し」を導入して、彩ってみませんか？
この記事ではこのようなお悩みを解決していきます。
- 記事を読みやすくしたい
- 吹き出し用の良いプラグインを探している
- スクロール時に動く吹き出しが使いたい
この記事は、初心者におすすめプラグイン7選に含まれる記事です。あわせてお読みください。
この記事では、私が実際に使っているプラグインの特徴がすべてわかる記事になっていますので、最後まで読んで行ってくださいね。
この記事を書いた人
どんぐり所長
- アイキャッチデザイナー
- ブログ用のアイキャッチ、ヘッダーなどの制作が得意
- CanvaPRO使用
- ブログサイトを４サイト運営
- twitterフォロワー 8,000人以上
- 140名以上在籍のブログデザインコミュニティ運営者
- Nobilista公式アンバサダー
この記事を書いた人
どんぐり所長
- アイキャッチデザイナー
- ブログ用のアイキャッチ、ヘッダーなどの制作が得意
- CanvaPRO使用
- ブログサイトを４サイト運営
- twitterフォロワー 6,900人以上
- 140名以上在籍のブログデザインコミュニティ運営者
- Nobilista公式アンバサダー
おすすめの吹き出しプラグインは【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の管理画面から、「プラグイン」➤「設定」と進みます。
- 「写真の選択」を押し、画像を保存しているフォルダから選びたい写真を選択します。
- アバターの下に表示される名前を入力します。表示させたくない場合は入力しなくても良いです。
- 入力が終わったら、「アバターの登録」押して保存します。
複数のアバターを登録したい場合は、上記の登録を繰り返します。
無料版は、アバター３つまでだよ！
登録できました。
Word Balloonの使用方法
- 投稿画面の左上メニューの、黒+「ブロックの追加」を押し、メニューウインドウを開きます。
- 出てきたメニューに、Word Balloonが追加されているので押します。
登場！
違うアバターに変更したい場合
右上の歯車マークを押してブロックのウインドウを開き、「アバター」で登録した選びたいアバターを選びます。
ほめらぎ参上しました！
変りましたね。
吹き出しの形を変える
- 「吹き出し」の「セリフ」を押します。
- セリフ一覧が表示されますから、選びたいタイプを選択します。
今回は「叫び」にしてみます。
ウルトラ、ソウルっ！
叫びになりました。
吹き抜けの色なども変えれますのでいろいろ試してみましょう！
アバターや吹き出しを動かす
実は吹き出しやアバターを任意に動かす事が出来ます！
- 吹き出しブロックを選んでサイドバーの中に「エフェクト」という項目があるのでその中から選びます。
ここでは参考にアバターを動かしてみます。※似ているのは省いています
上下！
振り子！
揺れる！
振動！
左右！
左回転！
点滅！
ロール右！
ロール上！
上がって消える！
下がって消える！
ゴム！
ぶるぶる！
右回り！
ジャンプジャンプ！
いろんな表現ができるので、見た目にも楽しい！
アバターにフィルターエフェクトをかけられる
画像ソフトを使わなくても、アバターの雰囲気チェンジができます！
- 吹き出しブロックを選んでサイドバーの中に「フィルター」という項目があるのでその中から選びます。
参考として、私にエフェクトかけててみましょう。
いつもの私。
ぼかし！
明度！
コントラスト！
色調回転90！
色調回転180！
色調回転270！
モノクロ！
階調反転！
彩度！
セピア！
感情の起伏等を表すのに、役立ちます！
アイコンをつける
アバターの外側にアイコンをつけて感情表現ができます！
右サイドバーから「アイコン」を選び、位置やアイコンを選びます。
あげあげ！
下がります〜。
(*’▽’)？
ハート！
怒！
感嘆符！
感嘆符！！
ルン♪
（汗）
ガーン！
あげあげ！
どよーん。
キラキラ！
( ﾟдﾟ)ﾊｯ!！
ぷんぷん！
もちろん組み合わせも自由自在
セピア+ガーン
ハート+振り子
怒り+ジャンプジャンプ
ハッ+アイコン点滅
汗+アイコン下がって消える
感嘆符+アバター振動+アイコン振動
組み合わせは数えきれないほど！
ワードバルーンに関するQ&A
吹き出しプラグインはWord Balloonがおすすめ！
- 吹き出しの種類が豊富
- 吹き出し・アバターのアニメーションがユニークで目立つ！
- 3ユーザーまでしか登録できないが、修正はできるので問題なし
初心者におススメのプラグイン7選は、以上になります！
そのほかのプラグインについては、おすすめのプラグイン7選の記事をごらんください。
また、このプラグインを活用した会話風のサイトを運営しています。ぜひ、お立ち寄り頂き、どんな印象だったか感想を教えてくださいね。
ほんわかカレッジ…こどもでも分かるように会話風に米国ETFを解説するサイト
ブログの始め方から運営方法までのロードマップの記事をまとめていますので、こちらもご参照ください。
では、またっ！
どんぐり所長のおすすめツール
どこでも、どんなデバイスでも順位チェック
ブログ記事の順位を確認していますか？どんなキーワードが上下しているのか知る事はブロガーでは必須と言えます。
ほとんどの方がダウンロード型の順位チェックツールを使用されていますが、私はコレ。「Nobilista」。クラウド型のチェックツールです。
クラウド型とは、ネット上にあるサーバーにデータが保存されている順位チェックツールです。従って、お家のパソコン以外でも情報にアクセスできちゃうんです。これが想像以上に快適で、一度体験すると戻れなくなっちゃう。詳しい記事を書いていますので是非読んでみてください。
実は私、Nobilistaの公式アンバサダーをさせて頂いています。使いだしたら超気に入ってしまって、気づいたらアンバサダーになっていました。そんな私が、おすすめする「Nobilista」。今なら7日間無料でお試しができます。クレジットカードなどの情報を入れなくても試せるので、ぜひあなたにも試してほしい。
＼場所を選ばない快適さを体験して／
Nobilista公式サイト
当サイト推奨 デザインツール
当サイトでは、ブログ初心者でも簡単・無料で美麗なデザインが作成できる、オンライン画像作成フォーム「Canva」を推奨しています。数万点の素材やフォントが用意されていて、選ぶだけで簡単にプロ並みのデザインを作成する事ができます。これから先、会社員の仕事でも使用する事になるかもしれないほど普及が広まっています。覚えるなら早い方がいいですよ！
当サイトのデザインは、SWELLで再現可能
私はSWELLを2年使用してきました。現在４つのサイトでSWELLを使用しています。
SWELLを使用する理由は、簡単・綺麗・速い。
実際このトップページも、SWELLの標準機能だけでデザイン。
お洒落なブログを作りたいあなたにピッタリのWordPressテーマです。
私が実際に使用して実感したSWELLの特徴は以下。
- 完全ブロックエディタ対応
- 直感で使える操作性
- 便利な専用ブロックを多数用意
- お洒落なトップページが簡単に作れる
- 最速レベルのページスピード
- 一度購入すれば複数サイトに何度でも使用可能
- ユーザーの利便性を考える熱意の運営者
- SWELLを紹介すればアフィリエイト報酬が貰える（購入者のみ参加可）
- 販売価格 ￥17,600（税込）
唯一の欠点は価格の高さ。しかしそれは、SWELLがハイクオリティだから。
そして、運営者がとびきりの対応をしてくれる必要経費。
SWELLにはアフィリエイトプログラムがあり、紹介すれば利益を得ることもできます。
よく、「アフィリエイトがあるから紹介しているんでしょ。」と言われますがこれは違います。
惚れ込んだWordPressテーマに、たまたまアフィリエイトがあっただけ。
あなたもSWELLを体験すれば、きっと紹介したくなります。
＼圧倒的な操作性を体験せよ／
あなたも今日からSWELLER！
お気軽にコメントください
コメント一覧 （4件）
ためになる情報配信を有難うございます。
いつも参考にさせて頂いております。
早速、Word Balloonを導入してみましたが、不都合が出ました。
その内容は、
スマホ表示させたときに、画面サイズが右側に大きくなってしまいました。
Wordpress初心者で、詳しい事はわかりませんが、CSSに何か追加すれば治るのでしょうか？
ご存じでしたら、ご教授いただけると幸いです。
ご質問ありがとうございます。
私もCocoon、SWELLとテーマを使用してきた中で、にんにくさんと同じようなことになった事がありません。
制作者の方のフォーラムにてご質問して頂いた方がよいかもしれません。
ひとまず、WordBalloonのよくあるご質問のページをご案内しておきますね。
https://support.back2nature.jp/word-balloon/faq/
キャッシュクリアや表示が崩れる際の対応の箇所がお役にたつかもしれません。
解決できず申し訳ないです。
どんぐり所長さま
ご返答いただきありがとうございます。
アバタ―を「右」へ振ると生じる事象という事まで、試行錯誤でわかりました。
（ちなみにCocoonを使っています。）
リンク先で問い合わせしてみます。
本当にありがとうございました。
私も以前Cocoonを使用していた際に、WordBalloonを多用していましたが、にんにくさんの様な症状になったことがありませんでした。
最近のアップデートなどでなにか支障がでてるのかもしれませんね。
お役に立てず申し訳ございません。