ブログ記事を見やすく装飾する方法でファン倍増【ポイント3つ】

「ブログ記事を見やすく装飾する方法がわからない‥‥」

WordPressにはさまざまな装飾機能があるので、どの機能を使ったらいいのか迷ってしまいますよね。

そこで今回は、以下の内容をわかりやすく解説します。

装飾の方法だけでなく、装飾で意識するべきポイントをマスターすれば、記事の見やすさが倍増します。

見やすさを意識した装飾で、読者を集めてアクセス数の伸び悩みを解消しましょう！

ブログ記事の装飾で意識するべきポイント３つ

ブログの装飾方法を知る前に、装飾で意識するべきポイントを押さえましょう。

装飾の方法をマスターしても、ポイントを押さえなければ見やすい記事に仕上げることはできません。

ここで押さえておくべき装飾のポイントは、次の3つです。

❶シンプルにする

ブログ記事の装飾は、できるかぎりシンプルにしましょう。

装飾でごちゃごちゃした印象を与えてしまうと、読者が離脱する原因となります。

上記のNG例では、マーカーや太文字を多用しています。

上記のように、重要な部分に絞ってマーカーや太文字を使っただけで、シンプルな印象に激変します。

マーカーはひとつの見出しにつき1〜2個にしておくと、シンプルな印象をキープできるでしょう。

❷統一感を出す

装飾する際は、色合いや文字サイズを統一して見やすくすることが必要不可欠です。

上記のNG例では、複数の色を使用している上、文字サイズにばらつきがあります。

上記のように、複数の色を使わず文字サイズを統一すれば、記事の読みやすさが向上します。

カラーは2〜3色に限定する、文字サイズは一定にすることがおすすめです。

❸余白をつくる

文章がぎっしり詰まった文章は、インプットに向いていません。

そのため、装飾を使った「余白作り」を意識しましょう。

上記のNG例は文章が続き、読者が読み飽きてしまう可能性が高まります。

上記のように、リストを使って箇条書きにするだけで全体に余白ができます。

余白を作れば文章の「圧迫感」をなくせるので、読者のストレス軽減を期待できるでしょう。

ブログ記事で装飾が必要な箇所

ブログ記事で装飾が必要な箇所は、次の3つです。

ここからは、WordPressテーマ「SWELL」を例にあげて、各装飾の設定や使い方について詳しく解説していきます。

ブログ記事の「目次」の装飾

以下のように、目次では記事の内容が一覧表示されます。

目次は「表示・非表示」を選べたり、表示デザインを変えたりすることができます。

目次を設定・装飾する方法には、以下の2通りがあります。

1. SWELLの目次機能を使う
2. プラグインを利用する

❶SWELLの目次機能を使う

SWELLの場合、デフォルトで用意された機能を使って、目次の設定・デザイン変更をすることが可能です。

サイトの雰囲気にあわせて、好きな見た目に変えてみましょう！

❷プラグインを利用する

目次を設定・装飾するなら、プラグインの「Easy Table of Contents」を使う方法がおすすめです。

Easy Table of Contentsを使えば、以下のような細かい設定もカスタマイズできます。

Easy Table of Contentsの詳しい利用手順については、以下の記事でくわしく解説しているので、あわせて参考にしてください。

ブログ記事の「見出し」の装飾

記事を見やすくするには、見出しの装飾も欠かせません。

以下の画像は、見出しの有無を比較したものです。

見出しを装飾しておけば、内容ごとの区切りがわかりやすくなるので、読者の理解も深まるでしょう。

ここからは、SWELLを例にあげて「見出しの装飾方法」を見ていきます

ちなみに、「見出しの設定方法」や「SEOに強い見出しを付けるコツ」について、以下の記事でくわしく解説しています。

ブログ記事の「本文」の装飾

本文装飾のない記事は、読者に堅苦しい印象を与えてしまうかもしれません。

読者にとって「読みやすい記事」を書くためにも、以下の機能を使って本文を装飾しましょう。

はじめのうちは、装飾に時間をかけ過ぎないように最低限の機能を駆使しましょう。

❶マーカー

重要な文章を目立たせたいときには「マーカー」を使いましょう。

マーカーを使うには、以下の方法で「スタイル」と「カラー」を設定する必要があります。

以下のように、設定したマーカーは記事投稿画面に表示される「ツールバー」から使えます。

マーカーの多用により、ごちゃつき感が出ないように気をつけましょう。

❷太字

マーカーと同様、重要な部分は「太字」を使って強調できます。

以下の手順を行えば、太字の下に点線をつけることも可能です。

太字は、記事投稿画面に表示される「ツールバー」から使えます。

マーカーと太字の併用もできるので、必要に応じて使いましょう。

❸リスト

箇条書きでまとめるときは、SWELLの「リスト」機能を使いましょう。

リストを使うには、以下の手順にそってカラーを設定する必要があります。

カラーを設定したら、さっそく本文にリストを挿入してみましょう。

リストの挿入方法は、以下のとおりです。

SWELLはリストのデザインが豊富なので、サイトの雰囲気に合わせて装飾しやすいでしょう！

＼ タップして拡大 !! ／

❹吹き出し

文章ばかりの単調なブログは、読者の離脱率を高めます。

吹き出しを使えば文章の圧迫感をなくせるので、読者のストレスが軽減するでしょう。

SWELLで吹き出しを使うには、以下の手順で「カラー設定」と「ふきだしセット登録」を行いましょう。

登録した吹き出しは、以下の手順で本文に挿入できます。

ふきだしセットは複数登録できます。

表情の違うアイコン画像を吹き出しに設定し、場面ごとに使い分けるのもひとつです。

【まとめ】見やすいブログ装飾でファンを増やそう

今回は、ブログ記事の装飾について解説しました。

今回紹介した3つのポイントを意識した装飾により、記事の見やすさは倍増します。

読みやすいブログは読者の離脱を減らせるので、より多くのブログファンを増やせること間違いありません。

装飾を終えたら「アイキャッチ画像」や「本文中に入れる画像」を作成し、さらなる読者ファーストの記事を目指しましょう！

＼ 画像を探したい !! ／