「記事が読みにくいと言われる…」
「大事なポイントをもっと目立たせたい」
「AFFINGER6の文字装飾を使いこなしたい」
こんな方に向けて、この記事ではAFFINGER6に搭載されている文字装飾の使い方と、ブログに効果的な活用方法を、初心者でもすぐに真似できる形でまとめて解説します。
AFFINGER6で文字装飾を使うメリット
1. 読者が“重要箇所”を瞬時に理解できる
黒文字だけの記事は読者が迷いやすく、内容が頭に入りません。
一致した装飾があると「ここが大事なんだ」と一目で伝わります。
2. 記事の離脱率が下がる
要点が整理されて読みやすくなるため、スクロールが止まりやすく、滞在時間が伸びます。
3. SEOに強い“読みやすい記事”になる
Googleは「読みやすさ」を評価基準の1つとしています。
文字装飾で文章を整理すれば、評価向上にもつながります。
4. ブログ全体の“プロ感”がアップする
装飾の統一感があると、記事全体が整い、サイト全体の印象もグッと向上します。
AFFINGER6で可能な文字装飾
WordPressの記事作成で文字を入力すると入力した文字の上に「ブロックツール」が表示されます。
その「ブロックツール」から「さらにブロックツールを表示」をクリックすると色々な文字装飾ができるメニューが表示されます。
WordPressの初期テーマとAFFINGER6で可能な文字装飾を比較したものが下の画像になりますが、色の付いた部分がAFFINGER6のオリジナルの文字装飾になります。
※ アップデートにより内容が変更になる可能性があります。
文字の装飾は装飾したい文字列をドラッグして選択し、好みの装飾メニューをクリックすればOKです。
※ AFFINGER6のアップデートに伴って2023年3月より「ブロックツール」の表示が「AFFINGER6」専用の文字装飾と汎用文字装飾で別になりました。
下の「書式」部分がAFFINGER６独自の文字装飾ツールになります。
「更に表示」の汎用文字装飾ツールはこんなにシンプルになりました。
AFFINGER6のオリジナルの文字装飾について、実際にどんな装飾ができるのかを確認してみましょう。
白抜きの文字装飾
ピンマークの「オレンジ」「赤」はそれぞれ白抜きの文字装飾になります。
「オレンジ」はこんな感じになります。
「赤」はこんな感じになります。
ソースコード風
ソースコード風の文字装飾です。
「ソースコード風」はこんな感じになります。
ドット線
ドット線を表示します。
「ドット線」はこんな感じになります。
マイ細マーカー
「マイ細マーカーA」はこんな感じになります。
「マイ細マーカーB」はこんな感じになります。
マーカーの色はGutenberg設定で変更することが可能です。
AFFINGER管理の「Gutenberg設定」を選択します。
「マイ細マーカー設定」からテキストやマーカーの色を変更することが可能です。
色を設定したら画面下の「Save」をクリックして保存するのを忘れないでください。
太字
「太字」はこんな感じになります。
「太字（赤）」はこんな感じになります。
文字サイズ 大・小
「文字サイズ（大）」はこんな感じになります。
「文字サイズ（小）」はこんな感じになります。
それぞれを組み合わせて装飾することも可能です。
例えば、「ドット線」と「太字」を組み合わせみると
「ドット線」と「太字」を組み合わせるとこんな感じになります。
文字装飾をするときの注意点
① 使用しすぎない
AFFINGER6は簡単に文字装飾をすることができますが、何も考えずに多用すると逆に読みにくい記事になってしまう可能性があります。
例えば、色を多用すると逆に見にくい記事になってしまいます。
より重要な伝えたい内容のみ色を変えた方が効果的です。
文字装飾する際は
- 読んでいる方が見やすいか
- 効果的な文字装飾ができているか
を考えて装飾することがお勧めです。
これは記事作成全般に言えることですね。
読んでいる方が見やすいように適度にスペースを入れたり、長い文章をリスト化して見やすくしたりなども有効です。
② スマホでの表示も確認する
装飾は「PCでは良く見えてもスマホではくどい」ことがあります。
- 色が濃すぎないか
- 文字が読みにくくないか
- 行間が狭くなっていないか
- 強調しすぎて情報が散っていないか
スマホで必ず確認し、最適化しましょう。
文字装飾の効果的な使い方（実践テクニック）
1. 1記事につき3〜5種類までがベスト
装飾が増えるほど統一感がなくなり、逆効果になります。
2. マーカーは重要ポイントのみに
マーカーを長文全体に使うと、逆に読者が疲れてしまいます。
「要点」「結論」「注意点」などに限定して利用するのがお勧めです。
3. 白抜き文字は“警告・注意”のみに
強いアテンションを生むので乱用はNGです。
4. 装飾前後の余白を意識
AFFINGER6は装飾前後の行間が崩れにくいですが、見やすさのために改行や余白を調整すると読みやすくなります。
5. セクションごとに装飾を統一
記事のまとまり感が生まれ、信頼性の高い文章になります。
文字装飾を使いこなすことで、記事の質は“劇的に”上がります
ブログの基本は文字を書くことですね。
AFFINGER6は、初心者でも簡単にできる文字装飾機能を備えているので質の高い記事を作成可能です。
もちろん、文字装飾以外にも表やリスト・画像の使用など読者が読みやすい記事を作成するテクニックは多くあります。
AFFINGER6は表やリストなど読みやすい記事作成の為の機能も豊富です。
興味のある方は公式サイトをチェックしてみてくださいね。
\\ 収益化を強い圧倒的人気テーマ！//
今なら読了率（スクロール量）計測プラグインが無料で使える！
AFFINGER6の使い方
AFFINGER6の使い方については、このブログで詳しく解説しています。
-
-
AFFINGER6の使い方【まとめ】-初心者向けガイド-
2026/1/27 AFFINGER6
AFFINGER6の使い方に関するまとめ記事です。 記事数が多いので、知りたい内容を目次から探してみてください。 設定に関する使い方 インストールの方法 AFFINGER6を使えるようにするまでの手順 ...