ブログ

ブログに吹き出しを簡単に作る2つの方法【読みやすい記事を作るにはコレ】

かんすけ
かんすけ
ブログに吹き出しが入ってることありますよね?
アフィラ
アフィラ
この会話もそうだよな~
かんすけ
かんすけ
ん~難しそうだから入れるの諦めます!
アフィラ
アフィラ
喝ぁーっ!吹き出しは簡単に作れるんだぞ!

こんな悩みをもったあなた向けの記事

悩み
悩み
吹き出しを作る方法を知りたい
悩み
悩み
吹き出しを入れるメリットを知りたい
悩み
悩み
吹き出しを入れる注意点を知りたい

こんな悩みを解決します。

本記事では「ブログに吹き出しを簡単に作る方法」を紹介。

読み終えれば、会話形式を記事に盛り込み、素敵なブログを作ることができますよ。

 

✅執筆者紹介:アフィラ

  • 作業ロケット管理人
    (ブログ収益:最高月100万以上)
  • 5年目ブロガー&フリーランサー
    (凡人公務員 ⇒ ブログ飯で独立)
  • 100名在籍Webスクール運営
    (Webで稼ぐノウハウを限定発信)
  • Twitter:34,000フォロワー
    (運用歴1年で達成)

5年目ブロガーの私が、ブログに吹き出しを作る2つの方法について書いていきますね!

 

アフィラ
アフィラ
ブログに載せるフリー素材を知りたい人は別で記事を書いてるぞ!

ブログの装飾画像を探している方は、[おすすめのブログ用フリー素材]で解説しているのでそちらを先にどうぞ!

 

アフィラ
アフィラ
この記事を読んでくれた人の感想だ

<記事を読んでくれた方の感想を追加する予定です。>

ブログに吹き出しを作る2つの方法【読みやすい記事を作るにはコレ】

ブログに吹き出しを作る2つの方法【読みやすい記事を作るにはコレ】
かんすけ
かんすけ
ブログに吹き出しってどうやって作るんですか?
アフィラ
アフィラ
方法はいろいろあるぞ

ブログで吹き出しを入れている人を見たことはありませんか?

実は吹き出しは、写真や文字色の装飾と同様、ブログが一気に見やすくなる効果があります!

ということで本記事では、WordPressブログで吹き出しを作る方法を紹介していきますね。

ブログに吹き出しを入れる方法2つ
  1. WordPressプラグイン
  2. WordPressテーマの搭載機能

cssコードを使う方法もありますが、長期的にはプラグインやテーマを使うのが簡単でおすすめ!それではひとつずつ解説していきますね。

ブログに吹き出しを入れるにはプラグインかテーマがおすすめ

WordPressプラグインでブログの吹き出しを作る

WordPressプラグインでブログの吹き出しを作る
かんすけ
かんすけ
プラグインってなんか怖くて入れられません
アフィラ
アフィラ
使っているWordPressテーマとの相性が合えば基本は大丈夫!

ブログの吹き出しは、WordPressのプラグインで簡単に入れられます。

テーマを変更してもプラグインを使っていれば、レイアウト崩れなどの問題が起こりづらいのが利点!

吹き出し用のプラグイン2選
  1. Wordbaloon
  2. LIQUID SPEECH BALLOON

以上2つのWordPressプラグインをご紹介します。

簡単に吹き出しを入れる選択肢として、一番取り入れやすいです!

プラグインなら、テーマとの相性がよければトラブルなく吹き出しを挿入できる。

ブログ吹き出しプラグイン①Word Balloon

ブログ吹き出しプラグイン①Word Balloon

かんすけ
かんすけ
Word Balloonというプラグインを見つけました!
アフィラ
アフィラ
WordPressのクラシックエディタで使えるプラグインだな

ブログに吹き出しを入れるプラグイン1つ目は「Word Balloon」です。

ブログ吹き出しプラグイン①Word Balloon

≫WordPressプラグイン:Word Balloon

 

WordPressでは現在ブロックエディタ(Gutenberg)が標準エディタとなっていますが、このプラグインはクラシックエディタでも利用可能。

 

ブログ吹き出しプラグイン①Word Balloon

プラグインを入れるには、ダッシュボード左端のプラグイン⇒新規追加をクリック。

 

ブログ吹き出しプラグイン①Word Balloon

検索窓に「Word Balloon」と入力して、今すぐインストール⇒有効化をクリック。

 

ブログ吹き出しプラグイン①Word Balloon

すると、投稿画面に吹き出しのマークが出現します。

 

例えば左の吹き出しをクリックすると、吹き出しの挿入画面になります。

 

ブログ吹き出しプラグイン①Word Balloon

「セリフを入力」の部分に文字を入れると自動で吹き出しが作成されますよ!

無料版ではアバター画像を3つ登録可能。

有料版はアバター登録数無制限で、吹き出しやアイコンの色をカスタマイズできます。

Word Balloonはクラシックエディタで使いやすい吹き出しプラグイン。

ブログ吹き出しプラグイン②LIQUID SPEECH BALLOON

ブログ吹き出しプラグイン②LIQUID SPEECH BALLOON
かんすけ
かんすけ
LIQUID SPEECH BALLOONっていうプラグインも見つけました!
アフィラ
アフィラ
ブロックエディタで使いやすいプラグインだな

ブログに吹き出しを入れるプラグイン2つ目は、「LIQUID SPEECH BALLOONです。

 

ブログ吹き出しプラグイン②LIQUID SPEECH BALLOON

≫WordPressプラグイン:LIQUID SPEECH BALLOON

 

Word Balloonと比べると、ブロックエディタ(Gutenberg)で使いやすいプラグインです。

使い慣れたエディタが

クラシックエディタなら、Word Balloon

ブロックエディタなら、LIQUID SPEECH BALLOON

このように使い分けるといいでしょう。

 

プラグインを追加し有効化すると、投稿画面に「フキダシ」ボタンが現れます。

 

右のカラムで吹き出しのデザインやサイズを変更できます。

 

また右のカラム下部からは吹き出しの背景色、文字色も簡単に変更可能。

 

アバターを設定したい場合は、設定⇒LIQUID SPEECH BALLOONから、名前と画像を登録すると便利に使えます。

感覚的に使えるので、ブロックエディタを使っている方にはおすすめのプラグインです。

使っているエディタに合わせプラグインを選ぶと、吹き出しを簡単に作成可能!

WordPressテーマの搭載機能でブログの吹き出しを作る

WordPressテーマの搭載機能でブログの吹き出しを作る

かんすけ
かんすけ
吹き出しが作れるWordPressテーマはありますか?
アフィラ
アフィラ
いろいろあるから2つ紹介するぞ

吹き出し機能がついているブログテーマなら、プラグインなしでも簡単に入れられます。

ここでは無料と有料のテーマを1つずつ紹介します。

吹き出しが簡単なテーマ2選
  1. 無料テーマ:Cocoon
  2. 有料テーマ:JIN

どんなテーマを使うか迷ったときには、吹き出し機能がついているものを候補に入れるといいでしょう。

関連:【2020年最新】最短最速で稼ぐおすすめWordPressテーマ3選

吹き出しは機能を搭載した無料・有料テーマを使って作成できる。

無料テーマ:Cocoon

無料テーマ:Cocoon
かんすけ
かんすけ
Cocoonは無料で使えるWordPressテーマですよね
アフィラ
アフィラ
無料なのに吹き出し機能が搭載されているんだ!

Cocoonは吹き出しを入れることが出来る、WordPressブログの無料テーマ。

≫WordPressテーマ:Cocoon

 

吹き出し挿入の仕方は、Cocoon公式に説明があります。

プラグイン追加の必要なく、無料で吹き出しを入れられるのがCocoonの利点です。

無料でも吹き出し機能が搭載されているWordPressブログテーマがCocoon!

有料テーマ:JIN

有料テーマ:JIN
かんすけ
かんすけ
JINというテーマはどんなものなんですか?
アフィラ
アフィラ
有料テーマの中で初心者におすすめできるテーマだ

JINは有料ですが初心者に使いやすく、ブログに吹き出しも入れやすいテーマ。

≫WordPressテーマ:JIN

吹き出し挿入の仕方は、JIN公式で詳しく説明されています。

 

その他、吹き出し機能を実装している有料テーマは、SANGO・賢威7・アフィンガー5(追加プラグイン)など。

[WordPressテーマ費用]の記事で有料テーマをまとめているので、こちらも参考にしてくださいね。

吹き出し機能を搭載している有料テーマを選択するのも一つの手!

ブログに吹き出しを入れるメリット5つ

ブログに吹き出しを入れるメリット5つ
かんすけ
かんすけ
吹き出しを入れるとどんな効果がありますか?
アフィラ
アフィラ
装飾としてブログを見やすく彩ることができるぞ

ブログに吹き出しを入れることで、次の5つのメリットがあります。

装飾として吹き出しをうまく取り入れると、読みやすいブログになりますよ!

吹き出しをブログにいれるメリットはたくさんある!

メリット①文字を羅列するよりも華やかな記事になる

メリット①文字を羅列するよりも華やかな記事になる
かんすけ
かんすけ
吹き出しに入れなくても文字だけでいいですよね?
アフィラ
アフィラ
文字を吹き出しに変えるだけで華やかになるぞ!

ブログの装飾として吹き出しを活用すると、華やかな記事をつくれます。

実際、私も上のように吹き出しを使ってますが、文字ばかりの文章よりは読みやすくなっているかと。

 

キャラアイコンなどを使って、ブログ記事全体を読みやすくしていくといいですよ!

会話調の吹き出しを装飾として活用しよう!

メリット②自分の気持ちを込めて記事を書ける

メリット②自分の気持ちを込めて記事を書ける
かんすけ
かんすけ
吹き出しに何を書けばいいでしょう?
アフィラ
アフィラ
自分の気持ちを乗せて書けばいいぞ!

ブログの吹き出しは、自分の発言として画像を入れて使えます。

吹き出しに自分の言葉を入れられるので、伝えたい思いを乗せることが可能。

 

アフィラ
アフィラ
ブログ初心者にわかりやすく情報を伝えたいんだ!

というような熱い思いも、より感情的に表現できるようになりますね。

 吹き出しは自分の感情を乗せられるツール

メリット③堅い内容でも和らげることが出来る

メリット③堅い内容でも和らげることが出来る
かんすけ
かんすけ
どうしても堅い文章になっちゃうんです
アフィラ
アフィラ
そんなときは吹き出しだ!

ブログに吹き出しを入れることで、印象を柔らかく変えることができます。

堅い記事は読みづらくて離脱率が高くなってしまう…。

 

そんな時、キャラクターの吹き出しなどを使うと、読み手にも受け入れられやすい文章になりますね。

堅い印象も、吹き出しを入れれば柔らかい印象に変えられる!

メリット④会話形式なら楽しく読める

メリット④会話形式なら楽しく読める
かんすけ
かんすけ
会話形式のメリットってなんですか?
アフィラ
アフィラ
テンポよく文章を進めることが出来ること

ブログに吹き出しが会話形式になっていると、テンポが軽快になります。

人物を複数登場させられるので、簡単な会話形式にすると読み進めやすくなるのが利点。

 

最近だとビジネス書で「マンガでわかる〇〇シリーズ」が流行っていますが、ブログ記事も同じ。

文章だけでなく、装飾・画像・吹き出しでわかりやすく伝えるコンテンツが求められるようになってきていますよ!

会話形式はテンポが上がって楽しく読める。

メリット⑤読者の気持ちを代弁できる

メリット⑤読者の気持ちを代弁できる
かんすけ
かんすけ
吹き出しでどんなことを書けばいいですか?
アフィラ
アフィラ
悩んでいる読者になりきって書くといいぞ

ブログに吹き出しを入れるとき、読み手のことを考えると効果的です。

どんな質問が来るかを想定して、読者の代弁者を登場させるといいでしょう。

 

例えば私のブログでは、かんすけ君がブログ初心者として質問をしてくれます。

かんすけ
かんすけ
僕もいい質問できるようにがんばってます!

あなたが誰に向けて書いているか(ペルソナ)をわかりやすくできますよ!

読者の質問を想定して、気持ちを代弁するとわかりやすい。

ブログに吹き出しを入れるときの4つの注意点

ブログに吹き出しを入れるときの4つの注意点
かんすけ
かんすけ
ブログに吹き出しを入れるときの注意点はありますか?
アフィラ
アフィラ
4つ紹介するぞ

メリットが多い吹き出しですが、便利な一方で正しく使わないとデメリットになります。

今回は吹き出しを使う際の4つの注意点を紹介します。

吹き出しを作るのに気を付けたい点を、ひとつひとつ解説していきますね。

吹き出しのメリットも、うまく使わないとデメリットに変わってしまう

注意点①吹き出しの中身を長文にしない

注意点①吹き出しの中身を長文にしない
かんすけ
かんすけ
吹き出しに書きたい内容がたくさんあるのでいっぱい書いてみます。今日アフィラさんに質問したいことはブログについてです。ブログを始めるにあたってどんな準備をしようか迷っているんですが教えてもらえませんか?それから…
アフィラ
アフィラ
ちょっと!長すぎて読みづらい!

ブログに挿入する吹き出しの中身は簡潔にしましょう。

上の吹き出しのかんすけ君のように、何段にも改行されるような長文は不向き。

 

内容を簡潔に表す一行の吹き出しが基本です!

(※インタビュー記事は別)

吹き出しの中は長文NG。簡潔な1文を心掛けよう。

注意点②吹き出しの数が多い

注意点②吹き出しの数が多い
かんすけ
かんすけ
喋りたいことがたくさんあるんで吹き出したくさん使います!
アフィラ
アフィラ
多くしすぎると逆に読みづらいぞ

吹き出しが便利だからとあまりに多くすると、目線が左右に動いて読みづらくなります。

何ターンも続く長い会話を作成するのは、ブログには逆効果。

 

多くても2往復に収めるのが効果的だと考えています!

吹き出しでの会話は2往復に留める。

注意点③会話が成り立っていない

注意点③会話が成り立っていない
かんすけ
かんすけ
アフィラさん!今日は何を食べましたか?
アフィラ
アフィラ
ブログってめちゃくちゃ面白いんだよな~

吹き出しの中で会話が成り立っていないと、読者に違和感を与えます。

極端な例ですが、上の会話はご覧の通り崩壊していますね。

 

吹き出しの会話が成り立っているかを、投稿前にプレビューで確認するクセをつけましょう。

ブログで吹き出しの会話が成り立っているかは、その都度チェックを。

注意点④登場人物が多すぎる

注意点④登場人物が多すぎる
かんすけ
かんすけ
僕はかんすけです。
アフィラ
アフィラ
私はアフィラだ。
俺はAだぞ!
Bだよーん
アフィラ
アフィラ
誰~~~~~?!

ブログの吹き出しに色んな人物が出てくると、読み手が混乱する恐れがあります。

例えば4人以上登場人物がいると、ブログに初めて訪れた人は覚えきれずに読むのをやめてしまうかも。

 

多くても3人程度に留めるのが良いでしょう。

吹き出しの登場人物は多くても3人までにしよう。

ブログに吹き出しを簡単に作る2つの方法まとめ

ブログに吹き出しを簡単に作る2つの方法まとめ

かんすけ
かんすけ
まずは自分のブログに合った吹き出しを作ります!
アフィラ
アフィラ
続けやすい方法を選ぶのが大事だ!

本記事では、ブログの吹き出しを簡単に作る方法を解説してきました。

重要なポイントをおさらいすると下記のとおりです。

要約
  1. ブログの吹き出しはプラグインやテーマで簡単に作れる
  2. ブログの吹き出しは装飾としてメリットを得られる
  3. 吹き出しを正しく使わないと読者が離れるので注意

ブログに吹き出しを入れるのは全然難しくないです。

少しのコツでブログを読みやすくできるので、すぐに取り入れてみましょう。

今すぐできる具体的TODO

「画像:ALT設定・JPG圧縮」
アフィラ
アフィラ
この記事を読んで今すぐできることだぞ!
具体的TODO
  1. ブログに吹き出しを作るプラグイン・テーマをインストールする
  2. 読者をイメージしたキャラクターを考える
  3. 吹き出しに合った簡潔な一文を考える

キャラクターが話しているオリジナルアイコンを作ってみたい人は、[アイコン無料素材サイト]の記事にまとめてあります。

Twitterなどのアイコンにも応用できるので、読む価値ありですよ!

アフィラの小言

「画像:ALT設定・JPG圧縮」
アフィラ
アフィラ
吹き出しが当たり前の時代がやってきた

ブログの吹き出しは、以前はあまり見かけないモノでした。

ここ2年ほどで、吹き出しを誰でも簡単に使えるようになり、どのブログにも吹き出しが出てくるのが辺当たり前になってきています!

 

ブログの読みやすさを追及する時代がやってきたので、吹き出しやその他のコツを使って、読者が読みやすいブログを作っていきましょう!

あわせて読みたい
Twitterで使えるアイコン無料素材サイト55個【完全保存版】Twitterアイコンのフリー素材が見つからなくて悩んでいませんか? 本記事では、フリー素材サイト22個や、アイコン作成サイト・アプリ33個を紹介します。 Twitterアイコンのフリー素材を見つけたい方は必見です。...
あわせて読みたい
ブログ書き方のコツ15個を5年目ブロガーが解説【執筆スピードUP】ブログ書き方のコツが分からなくて悩んでいませんか? 本記事ではブログの書き方のコツ15個から、ブログを書く完全ロードマップまでを紹介します。 ブログの書き方を知りたい方は必見です。...
ABOUT ME
アフィラ
アフィラ
ブログ飯で独立 | ブロガー歴5年 | 最高ブログ月収100万超え | Twitter34,0 00フォロワー | 100名以上在籍のオンラインスクールを運営 | noteは10,000スキ・20万PV超え | 本気で稼いで人生を変えたい方に向けて発信中! | 仕事依頼は[お問い合わせ]からお願いします。 | より詳しい情報は、[詳細プロフィ―ル]をどうぞ。

COMMENT

メールアドレスが公開されることはありません。