太字と色文字を使いすぎて、大事なところが埋もれていませんか?
WordPressの記事で太字や色文字を増やしすぎると、大事な情報が埋もれることがあります。見出し、太字、色の役割を分ける方法を紹介します。


強調が多いと、大切な案内も埋もれます
ページを開いた人は、見出しや太字を先に見ながら必要な情報を探します。一文の大半が太字、複数の色が混在、注意事項と通常文が同じ見た目、といった状態では重要事項が埋もれます。
見出し・太字・色の役割を分ける
見出しは内容の地図、太字は段落の要点、色は固定した意味に使います。通常文字では背景との十分な明暗差も必要です。色だけで「必須」や「注意」を伝えず、言葉も添えます。
WordPressの段落ブロックは、本文を書くための基本の部品です。一部の文字を太字にするときは文字を選んでツールバーの「B」を使います。一部だけ色を変えるときはツールバーの「▼」から「ハイライト」を開き、段落全体の色を変えるときは右側のブロック設定にある「色」を使います。解除するときは同じ画面で「クリア」または初期色を選びます。画面名はWordPressの版やテーマで異なる場合があります。
通常文字と背景のコントラストは、WCAG 1.4.3では原則4.5:1以上が目安です。数値を判断できない場合は、テーマ既定の本文色を使い、独自色を増やさないほうが安全です。
公開前の見直し
見出しだけを読む、太字だけを拾う、強調色を数える、公開側を新しいタブで見る、スマートフォンでも確認する、の順に進めます。一度に全ページを直さず、最初は1ページだけ変更前の画面を残して試してください。
具体例:予約案内を整える
「初回の方は必ず予約してください。予約は前日の18時までです。キャンセルの場合も連絡してください」という段落を、赤・青・太字で分けると視線が散ります。先に「予約について」という見出しを置き、本文は通常文字、締切の 前日の18時まで だけを太字にします。キャンセルは別段落へ分ければ、色を増やさなくても情報の順番が伝わります。
変更後は、見出しだけで「予約の話」と分かるか、太字だけで締切が残るかを確認します。色を外しても意味が通れば、色は必須ではありません。テーマのパレット外の色を追加する前に、既存の見出し色・リンク色・注意枠で表現できないかを見ます。
公開後の確認表
- パソコンとスマートフォンで本文色が読める
- リンクと通常文を見分けられる
- 1段落の強調が競合していない
- 見出しの順番だけで内容を追える
- 色を外しても注意や必須の意味が残る
記事内の装飾を減らすだけなら自分で対応できます。ページごとに基本色や見出しの形が違う場合は共通スタイルが関係するため、そこから先は無理に触らず相談へ切り替えてください。soraha designでは、今あるサイトを活かした小さな整理から相談できます。料金・対応範囲はWordPress修正・更新サービス(https://coconala.com/services/4194765)をご確認ください。気になるページのURLと箇所をお知らせください。
よくある迷い
「大切な箇所が2つあるときはどうする?」という場合は、同じ段落へ詰めず、段落を分けます。料金と締切が同じ段落にあるなら、「料金」「申込期限」という小さな見出しや箇条書きに分け、それぞれの要点を1つずつ強調します。
「ブランドカラーを使ってはいけない?」ということではありません。見出し、リンク、ボタンなど、すでに役割が決まっている場所へ一貫して使うと効果的です。記事ごとに新しい色を足さず、既存のパレットから選びます。
「マーカーのほうが太字より目立つ」場合も、毎回使う必要はありません。結論を短く見せたいときだけに限定し、注意事項は言葉と太字、リンクはリンク色というように役割を分けます。装飾を使う前に、文章の順番と見出しで解決できないかを確認してください。
見直しを続けやすくするルール
記事を公開するたびに迷わないよう、簡単な運用メモを作ります。「本文は基本色」「結論は太字」「注意は注意という言葉+太字」「リンクはテーマ既定色」「独自色を追加しない」の5行で十分です。複数人で更新する場合も、同じメモを共有すればページごとのばらつきを抑えられます。
公開後に強調を追加したくなったら、先に見出しだけを読み返します。見出しで内容が追えないなら構成を直し、追えるなら太字を最小限にします。この順番を固定すると、装飾を足し続ける状態を避けやすくなります。
💬 コメント・いいね