c20260110-1WordPress固定ページでの文章作成と表示調整の手順まとめ

WordPressで固定ページを作成し、
大項目・小項目・説明文を見やすく表示するために、
私が実際に行っている操作手順をまとめておきます。

① 固定ページの作成
1. WordPressを起動する
2. 「固定ページ」を選択する
3. 画面上部の「固定ページを追加」をクリックする

② 本文に文章を入力する

本文欄に、次のように5行の文章を入力する。
• 1行目：大項目
• 2行目：小項目（前にスペースを入れる）
• 3行目：小項目（前にスペースを入れる）
• 4行目：3行目の説明文（さらに前にスペースを入れる）
• 5行目：小項目（前にスペースを入れる）

※ 字下げは、全角スペースで行う。

③ 現在選択されている行を強調表示する

3行目は「現在選択されている項目」なので、
• 文字の色を変更する
• 背景色を変更する

これらは、編集画面上部に表示されるツールバーから設定する。

⸻

表示を整えるための追加操作

① 大項目（1行目）の文字を大きくする
1. 1行目をクリックする
2. 上部ツールバーの「段落」をクリックする
3. 「見出し」を選択する
4. 見出し2または見出し3を選ぶ

これで、1行目が大項目として大きく表示される。

⸻

② 説明文（4行目）の文字を小さくする
1. 4行目をクリックする
2. 画面右側（または右上の歯車マーク）をクリックする
3. 「ブロック」設定を開く
4. 「文字サイズ」を「小」または数値で指定する

説明文らしい、控えめな文字サイズになる。

⸻

③ 3行目と4行目の行間を狭くする

説明文は直前の項目に近づけた方が読みやすいため、
4行目の行間を少し詰める。
1. 4行目をクリックする
2. 右側の「高度な設定」を開く
3. 「追加CSSクラス」に
ao-tight
と入力する

※ この設定は、WordPress側であらかじめ用意したルールを使っている。

⸻

この方法の良い点
• ソースコードを書く必要がない
• 普通の文章入力と同じ感覚で編集できる
• 編集画面でも、完成形に近い文字表示で確認できる
• 行間・文字サイズ・強調表示を整理して使い分けられる

WordPressを使って文章を整理していく際には、
この方法が一番ストレスが少なく、後からの修正も簡単だと感じています。