ブログの記事を気分よく書いていくと、気づいたら文字だらけになっていませんか？画像や表などを入れると、すごく見やすくなるのですが、ブログ初心者のうちはどうしたらよいかわからないと思います。
ここでおすすめなのが、吹き出しを使って会話風にする事。凄く見やすくなって親しみがでるので読みやすくなります。
しかも、動くふきだしを使えば、読者の目をとどめて引き込む効果があります。
あなたの、ブログに「動く吹き出し」を導入して、彩ってみませんか？
この記事ではこのようなお悩みを解決していきます。
- 記事を読みやすくしたい
- 吹き出し用の良いプラグインを探している
- スクロール時に動く吹き出しが使いたい
この記事は、初心者におすすめプラグイン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の管理画面から、「プラグイン」➤「設定」と進みます。
まず、あなたの見た目になる画像を登録します。「写真の選択」を押し、画像を保存しているフォルダから選びたい写真を選択します。
つぎに、アバターの下に表示される名前を入力します。表示させたくない場合は入力しなくても良いです。
入力が終わったら、「アバターの登録」押して保存します。
複数のアバターを登録したい場合は、上記の登録を繰り返します。
無料版は、アバター３つまでだよ！
登録できました。
Word Balloonの使用方法
投稿画面の左上メニューの、黒+「ブロックの追加」を押し、メニューウインドウを開きます。
出てきたメニューに、Word Balloonが追加されているので押します。
登場！
違うアバターに変更したい場合
右上の歯車マークを押してブロックのウインドウを開き、「アバター」で登録した選びたいアバターを選びます。
ほめらぎ参上しました！
変りましたね。
アバターの位置を変える
「位置」の左右を変更します。
右に移りましたよ〜。
右に移りました。
吹き出しの形を変える
「吹き出し」の「セリフ」を押します。
セリフ一覧が表示されますから、選びたいタイプを選択します。
今回は「叫び」にしてみます。
ウルトラ、ソウルっ！
叫びになりました。
吹き抜けの色なども変えれますのでいろいろ試してみましょう！
アバターや吹き出しを動かす
実は吹き出しやアバターを任意に動かす事が出来ます！
吹き出しブロックを選んでサイドバーの中に「エフェクト」という項目があるのでその中から選びます。
ここでは参考にアバターを動かしてみます。
※似ているのは省いています
上下！
振り子！
揺れる！
振動！
左右！
左回転！
点滅！
ロール右！
ロール上！
上がって消える！
下がって消える！
ゴム！
ぶるぶる！
右回り！
ジャンプジャンプ！
いろんな表現ができるので、見た目にも楽しい！
アバターにフィルターエフェクトをかけられる
画像ソフトを使わなくても、アバターの雰囲気チェンジができます！
吹き出しブロックを選んでサイドバーの中に「フィルター」という項目があるのでその中から選びます。
参考として、私にエフェクトかけててみましょう。
いつもの私。
ぼかし！
明度！
コントラスト！
色調回転90！
色調回転180！
色調回転270！
モノクロ！
階調反転！
彩度！
セピア！
感情の起伏等を表すのに、役立ちます！
アイコンをつける
アバターの外側にアイコンをつけて感情表現ができます！
右サイドバーから「アイコン」を選び、位置やアイコンを選びます。
あげあげ！
下がります〜。
(*’▽’)？
ハート！
怒！
感嘆符！
感嘆符！！
ルン♪
（汗）
ガーン！
あげあげ！
どよーん。
キラキラ！
( ﾟдﾟ)ﾊｯ!！
ぷんぷん！
もちろん組み合わせも自由自在
セピア+ガーン
ハート+振り子
怒り+ジャンプジャンプ
ハッ+アイコン点滅
汗+アイコン下がって消える
感嘆符+アバター振動+アイコン振動
組み合わせは数えきれないほど！
吹き出しプラグインはWord Balloonがおすすめ！
- 吹き出しの種類が豊富
- 吹き出し・アバターのアニメーションがユニークで目立つ！
- 3ユーザーまでしか登録できないが、修正はできるので問題なし
初心者におススメのプラグイン7選は、以上になります！
そのほかのプラグインについては、おすすめのプラグイン7選の記事をごらんください。
また、このプラグインを活用した会話風のサイトを運営しています。ぜひ、お立ち寄り頂き、どんな印象だったか感想を教えてくださいね。
ブログの始め方から運営方法までのロードマップの記事をまとめていますので、こちらもご参照ください。
では、またっ！
推奨デザインツール
当サイトでは、無料でもオシャレなデザインが簡単に作成できる、「 Canva 」を推奨しています。無料でも相当なレベルのデザインができるのですが、一度PROにすると無料には戻れなくなってしまいました。その秘密は、下記の記事に。
＼30日間無料トライアルで試してみよう！／
5人でチームを組めば、月々たった200円
