ブログ記事に吹き出しを入れる方法【初心者でも読みやすさアップ】

当ページのリンクには広告が含まれています。
吹き出しの作り方

ワードプレスブログで吹き出しを使いたい。どうやって記事に挿入するの?

じんさん

このような吹き出しを一緒に作っていくよ〜!

  • 本記事の内容
  • 吹き出しのメリット
  • ブログに吹き出しを入れる方法
  • 吹き出しを使う注意点
  • オリジナルアイコンがおすすめ

今回はブログ初心者に向けて、吹き出しを使うメリットから注意点まで解説します。

吹き出しの作り方は、下記ワードプレステーマを使った方法を、画像を用いて紹介していきますね。

吹き出しプラグインを導入する方法もありますが、個人的には不要かと。

プラグインの入れすぎは、サイト表示が重くなり、読者の負担につながるので。

テーマを活用した方法であれば、プラグイン導入の手間なく、簡単にサクッと吹き出しを作れちゃいます。

今回の内容を実践すれば、文中に吹き出しを入れることができ、記事もグッと読みやすくなりますよ。

目次

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

吹き出しを入れるメリットは下記3つ。

①:文章が読みやすくなる

文章だけの記事は、読者に圧迫感を与えます。

文章だけ

結果、一目で読みにくいと感じ、サイトを離脱するきっかけに。

特にスマホでは、吹き出しを使って余白を作ってあげることが大事です。

じんさん

読者が一呼吸できる空間を作ろう!

見出しに1つ吹き出しを入れるだけで、読みやすくなりますよ。

②:キャラクターとして発信できる

吹き出しアイコンのキャラクターとして発信できます。

  • 親近感で共感しやすい
  • やわらかい印象になる
  • 砕けた言葉を使える

このように、読者と距離が近づく効果があり、説得力もアップしますよ。

じんさん

ゆるイラストで親しみやすくなる!

③:読者の目に留まる

前提として、記事は全て読まれません。

読者はスクロールしながら、気になる箇所だけピックアップしてるので。

しかし、文中にある吹き出しは、目に留まりやすい効果があります。

だからこそ、読者に伝えたい要点を吹き出しに入れましょう。

じんさん

視覚的に吹き出しは注目されるよ!

ワードプレステーマで吹き出しを入れる方法

下記ワードプレステーマなら、プラグインなしで簡単に吹き出しを作ることができます。

無料テーマ:Cocoon

Cocoon公式サイト

Cocoon公式サイト

STEP
吹き出しアイコンの設定

吹き出しのアイコン画像を設定していきます。

cocoon設定

ワードプレス管理画面から「Cocoon設定」→「吹き出し」を選択。

新規追加

「新規追加」をクリック。

吹き出し設定
  • タイトル:吹き出し名
  • アイコン画像:画像のアップロード
  • 人物位置:吹き出しの表示位置
  • 「保存」をクリック
アイコンのデモ
じんさん

アイコン付き吹き出しの完成!

さっそく、記事に吹き出しを挿入しましょう。

STEP
記事に吹き出しを挿入
吹き出しと入力

ワードプレス執筆画面から「+」をクリック。

「吹き出し」と入力し、表示された「吹き出し」をクリック。

吹き出し表示

吹き出しが表示されました。

スタイル設定

スタイル設定の「人物」から「設定した吹き出しアイコン」に切り替えましょう。

最後は「セリフの入力」に文章を打ち込むだけ。

ワードプレスで記事を書く方法は、【初心者向け】ワードプレスブログの書き方5ステップ【1記事目を投稿できる】を参考にしてください。

有料テーマ:SWELL

SWELL公式サイト

SWELL公式サイト

STEP
吹き出しアイコンの設定
新規吹き出し追加

ワードプレス管理画面から「ふきだし」→「新規ふきだし追加」をクリック。

ふきだしセットの登録
  1. 吹き出し名を入力
  2. アイコンに設定する画像のアップロード
  3. 「登録」をクリック
ふきだしデモ
じんさん

アイコン付き吹き出しの完成!

STEP
記事に吹き出しを挿入
吹き出し入力

ワードプレス執筆画面から「+」をクリック。

「吹き出し」と入力し、表示された「吹き出し」をクリック。

ふきだしセット

登録した「ふきだしセット」をクリック。

じんさん

最後はテキスト入力だけ!

2年以上ぼくが愛用してるSWELLについては、WordPressテーマ「SWELL」を使った感想【ブログ初心者におすすめ】でも紹介しています。

\ 吹き出しを簡単に作れる /

ブログで吹き出し使う注意点

吹き出しを使う注意点は下記のとおり。

吹き出しを多様しない

吹き出しの多様はNG。

スマホではスクロールする回数も増え、逆に読みづらくなります。

吹き出しは、文中にポツンと置いてあるからこそ読者に注目されますよ。

個人的に吹き出しは、見出しに1~2つで充分かと。

じんさん

吹き出しの使いすぎは逆効果!

長文にしない

吹き出しの文章は、シンプルかつ簡潔に書きましょう。

じんさん

吹き出しの文章は、シンプルかつ簡潔に書きましょう。せまい空間なので、長文は読みにくいです。どうですか?2行以上になるなら吹き出しを使わないのがベストかと。

このように、せまい空間の長文は読みづらい…

じんさん

1~2行までならスマホでも読みやすい!

吹き出しはオリジナルアイコンを使おう!

吹き出しはオリジナルアイコンで、他ブロガーと差別化しましょう。

このアイコンは「あの人だ!」と読者に覚えてもらいやすいメリットがあります。

また、SNSアイコンと統一することで認知もされやすい。

じんさん

このイラストも下手なりにじぶんで描いたよ!

他にも「ココナラ」で、プロにイラストをお願いするのもいいですね。

ファン化に繋がるオリジナルアイコンで、あなただけの世界観を作りましょう

まとめ:ブログの吹き出しで読みやすさアップ!

今回は、ブログ記事に吹き出しを入れる方法を解説しました。

下記テーマを活用すれば、プラグインを導入することなく、初心者でも簡単に吹き出しを作れます。

さっそく吹き出しを使って、読者が読みやすい記事に仕上げていきましょう。

その他、読みやすい文章の書き方を、下記で解説してるのでチェックしてみてくださいね。

  • URLをコピーしました!
目次