このような疑問をお持ちでしたら、このまま読んでいってください。
この記事を読むことで、「ブログの装飾」に関する下記の内容がわかります。
初心者向けにわかりやすくまとめておりますので、ぜひ最後まで読んでいってください。
※わかりやすさを重視しております。厳密には解釈が異なる場合がありますことをご了承ください。
－著者情報－
名前：うたたね
ブログ歴：７年以上（アメブロ、ライブドアブログ、はてなブログ、WordPress）
WordPress歴：３年
ブログ記事のおすすめ装飾７選
おすすめの装飾は下記の７つです。
太字
太字は最もシンプルでわかりやすい装飾です。
- 太字
- 通常
重要な部分などを太字にすることで、簡単に強調することができます。
【文字を太字にする方法（WordPress）】
上部メニューの「B」アイコンで文字を太字にできます。
「太字にする文字を選択」→「Bアイコン」
マーカー
マーカーを使用することで、以下の効果などが得られます。
- マーカーなし
- マーカーあり
- アンダーラインマーカー
私は太字とマーカーを組み合わせて使うことが多いです。
【文字にマーカーを引く方法（WordPress）】
上部メニューの「筆（マーカー）」アイコンで文字にマーカーを引くことができます。
色も３色から選ぶことができます。
「マーカーを引く文字を選択」→「マーカーアイコン」→「色を選択」
- 黄色マーカー・アンダーライン
- 赤色マーカー・アンダーライン
- 青色マーカー・アンダーライン
文字色変更
文字色を変更することで、強調や識別を簡単に行えます。
色は「赤」「青」「緑」の３色から選べます。
- 通常
- 赤色
- 青色
- 緑色
【文字色を変更する方法（WordPress）】
上部メニューの「A」アイコンで文字色を変更できます。
「色を変更する文字を選択」→「Aアイコン」→「色を選択」
背景色変更
ブロックの背景色を変更することで、文章全体を強調したり、補足説明に使用することができます。
- 背景色なし
- 背景色あり
背景色は細かく色を選ぶことができます。
【背景色を変更する方法（WordPress）】
右側メニューで背景色を変更できます。
「背景色を変更するブロックを選択」→「スタイルメニュー」→「背景」→「背景の色」→「色を選択」
ボーダー
ブロックのボーダー（枠線）を変更することで、文章全体を強調したり、補足説明に使用することができます。
ボーダーなし
ボーダーあり
【ボーダー（枠線）を変更する方法（WordPress）】
右側メニューでボーダーを変更できます。
「ボーダーを変更するブロックを選択」→「ボーダーメニュー」
個人的には、「実線」「二重線」「破線」などシンプルなものがおすすめです。
スタイル
ブロックのスタイルを変更することで、文章全体を強調したり、補足説明に使用することができます。
スタイルなし
スタイルあり
【スタイルを変更する方法（WordPress）】
右側メニューでスタイルを変更できます。
「スタイルを変更するブロックを選択」→「スタイルメニュー」
個人的には、「情報」「アラート」「付箋」がおすすめです。
ボックス
ボックスを使用することで、複数のブロックをまとめて強調したり、補足説明に使用することができます。
ボックスなし
ボックスあり
【ボックスを追加する方法（WordPress）】
左上の「＋」メニューから追加できます。
「空のブロック（段落ブロック）を選択」→「左上の＋メニュー」→検索窓に「ボックス」と入力
個人的には、「白抜きボックス」「タブボックス」がおすすめです。
装飾が重要な理由
ブログの装飾が重要な理由は主に以下の３つです。
重要な箇所を強調
ブログを読む人は、すべての文章を最初から最後までじっくり読むとは限りません。
特にスマートフォンでは、画面をスクロールしながら必要な情報を探す人も多くいます。
そのため、重要な部分を太字やマーカーなどで適度に目立たせると、記事のポイントを見つけやすくなります。
補足や余談を分けることができる
ブログ記事を書いていると、用語の解説やわかりやすい例えなど、補足や余談を挟むことがあります。
装飾がないと、どこからどこまでが補足なのかがわかりにくく、本題が伝わりづらくなってしまいます。
ボックスや背景色変更を使って本題と切り分けることで、本題を目立たせることができます。
読者を飽きさせない
装飾のない文章で書かれた記事は、変わり映えしないため読者は飽きてしまいます。
食事の味変と同じで、ところどころにアクセントを加えて読者を飽きさせないようにしましょう。
読みやすい記事に仕上げるコツ
文字壁は絶対に避けよう
装飾とは少し違いますが、まず避けたいのが文字壁です。
文字壁とは、このように改行せず文字をズラズラっと書き記すことで、初心者がやってしまいがちなNG行為です。文字でできた壁のように見えることから文字壁と言われるようになったとされています。文字壁は読みづらい文章の代表とされ、ブログを書く際は絶対に避けましょう。ね？読みづらいでしょう？ぱっと見ただけでも読む気が失せますよね。
読みやすくするためには、文末（句点）で必ず改行することを意識しましょう。
１～２行ごとに段落を変えるのもおすすめです。
読みやすく、飽きにくくなります。
太字・マーカーはほどほどに
太字やマーカーは要所を強調させるのに便利ですが、使い過ぎには注意しましょう。
学校の教科書に引いていたマーカーと同じで、使い過ぎると重要なポイントがわかりづらくなります。
文字数にもよりますが、１つの見出しにつき１～３つくらいが良いでしょう。
補足や余談はボックスで分ける
用語の解説やわかりやすい例えなど、補足や余談はボックスを使って分けるようにしましょう。
本題と切りかけて差別化するとともに、記事が単調になるのを防ぎます。
同じ装飾を連続させない
同じ文字色や同じ色のマーカーなど、同じ装飾が連続すると、読者は飽きてしまいます。
「太字のみ」「マーカー付き」「文字色変更」など、複数の装飾を織り交ぜることを意識しましょう。
「2行目と5行目」や「テレビとラジオ」など、並列で解説したり、比較する場合は別です。
これらの場合は、装飾を統一させることで、よりわかりやすくなります。
コントラストに気を付けよう
意外と無視できないのが装飾の「コントラスト」です。
コントラストとは、複数のものを並べた時の明暗の差のことで、簡単にいうと色の差だと思ってください。
などのことです。
例えば、背景色が赤色のところに赤文字を配置すると見えづらくなってしまいます。
- コントラスト：NG
- コントラスト：OK
このように、複数の装飾を重ねる場合は、コントラスト（見えやすさ）を意識するようにしてください。
背景色は薄く（明るく）、文字色は濃く（暗く）するのがおすすめです。
まとめ：ブログの装飾は「見やすさ」「わかりやすさ」を意識しよう
ブログの装飾は、記事を華やかにするためだけのものではありません。
読者が重要な情報を見つけやすく、内容を理解しやすくするために使うものです。
初心者は、まず次の装飾から始めてみましょう。
ただし、装飾の使いすぎには注意が必要です。
「ここを目立たせたい」ではなく、「ここを読者に分かりやすく伝えたい」という視点で装飾すると、自然と読みやすい記事になります。
ブログを書くときは、装飾そのものにこだわるのではなく、読者にとって読みやすい記事を作ることを意識してみましょう。
下記記事にて「ブログの始め方」と題して、ブログの基本をまとめております。
復習も兼ねて再度学習したい場合におすすめです。
