投稿ページ設定 — カスタマイザーマニュアル

> こんな質問に答えます:
> - ブログ記事のデザインを変えたい
> - 目次を表示する設定はどこ？
> - 見出しのデザインを変更したい
> - シェアボタンを追加・変更したい

> 別名・よくある呼び方: 記事デザイン、投稿ページ設定、ブログ表示、目次設定、見出しデザイン、シェアボタン、SNSボタン

> 設定場所: 外観 → カスタマイズ → 「デザイン設定 - 投稿ページ」
> カスタマイザーで開く: 投稿ページ設定を開く
> このページのURL: https://lite-word.com/manual/single-post-settings/

ブログ記事の見た目を一括管理する。カラム・パンくず・ファーストビュー・日時表示・見出しデザイン・目次・シェアボタンの7セクションで構成。

> 📖 設定を変えると実際どう見えるのか: ブログ見本集
> 6業種・30通りを実物のページで確認できる。「同じ記事で見出しだけ変えた例」も並んでいる。
> 作り方の全体像は ブログページの作り方ガイド。

どこまで細かく変えられるか（先に読むと迷わない）🔊

このページの設定はサイト全体の投稿すべてに効く。
一部だけ変えたい場合は、下の層で上書きする。下の層が優先される。

• カテゴリー単位 … 投稿 → カテゴリー → 編集（→ カテゴリ設定）
• 記事1本ごと … 記事の編集画面（→ 投稿編集画面の設定）

設定手順🔊

ブログ記事の見た目を整える

1. 外観 → カスタマイズ を開く
2. 「デザイン設定 - 投稿ページ」 を開く
3. 各セクションを順に設定（以下で詳しく解説）
4. 「公開」 で保存

カラム設定🔊

> カスタマイザーで開く: カラム設定を開く

投稿ページのカラム数を選ぶ。

> カテゴリーごとに変えられる。 「お知らせは1カラム、事例は2カラム右」のような使い分けは
> 投稿 → カテゴリー → 編集 → 投稿ページ：レイアウト で設定する。
> ⚠️ 記事1本だけカラムを変えることはできない。

設定手順

1. 「カラム設定」 セクションを開く
2. 3つのレイアウトから選択
3. 「公開」 で保存

パンくずリスト設定🔊

> カスタマイザーで開く: パンくず設定を開く

投稿ページ専用のパンくずリスト表示。SEOに有効。

設定手順

1. 「パンくずリスト設定」 セクションを開く
2. パターンを選択
3. 「公開」 で保存

ファーストビュー設定🔊

> カスタマイザーで開く: FV設定を開く

記事ページ上部のタイトル表示エリアのデザイン。

> 🚨 カテゴリー画面には「パターン3」がある。 投稿 → カテゴリー → 編集 → 投稿ページ：FVパターン では
> パターン1・2・3 から選べる。パターン3はカテゴリー画面からしか選べない（カスタマイザーには出てこない）。
> 逆に「ショートコード」はカスタマイザーにしか無い。

設定手順

1. 「ファーストビュー設定」 セクションを開く
2. FVパターンを選択
3. カテゴリ表示のON/OFFを選択
4. 「公開」 で保存

投稿日時・更新日時🔊

> カスタマイザーで開く: 日時設定を開く

記事の投稿日・更新日の表示を制御する。

「非表示（見た目のみ）」 はサイト上では見えないが、HTMLソースやGoogleの検索結果には日付が表示される。「見た目も検索にも表示しない」 は完全に非表示。

> ヒント: 更新日を表示すると「最新の情報である」とユーザーに安心感を与える。古い記事は更新日を表示した方がSEOにも有利。

設定手順

1. 「投稿日時・更新日時」 セクションを開く
2. 投稿日時・更新日時それぞれの表示方法を選択
3. 「公開」 で保存

見出し設定🔊

> カスタマイザーで開く: 見出し設定を開く

記事内のH2・H3・H4見出しのデザインをそれぞれ個別に設定できる。27種類のデザインパターンから選択。見出しデザインはサイト全体の印象を大きく左右する。シンプルなサイトには下線系、ポップなサイトには背景色系が合う。

設定手順

1. 「見出し設定」 セクションを開く
2. 「見出し2」 のデザインを選択（記事のメインセクション区切り）
3. 「見出し3」 のデザインを選択（サブセクション）
4. 「見出し4」 のデザインを選択（さらに細かい区切り）
5. 「公開」 で保存

見出しデザインパターン一覧（27種）

目次設定🔊

> カスタマイザーで開く: 目次設定を開く

記事内の見出しから自動的に目次を生成する機能。長い記事には目次を表示すると読みやすくなる。

設定手順

1. 「目次設定」 セクションを開く
2. 「表示設定」 を「表示する」にする
3. パターン（2種類）を選択
4. 目次が表示される条件（見出し2がいくつ以上あるか）を設定
5. 目次タイトルの表示/非表示とテキストを設定
6. 「公開」 で保存

設定項目

シェアボタンの設定🔊

> カスタマイザーで開く: シェアボタン設定を開く

記事の上部（タイトル下）と下部（記事末尾）にSNSシェアボタンを設置できる。各位置に最大5つまでのSNSを選択可能。日本のブログではX・Facebook・LINE・はてなブックマークの4つが定番。

設定手順

1. 「シェアボタンの設定」 セクションを開く
2. 「タイトル下（記事冒頭）」 の表示/非表示を設定
3. 表示する場合、シェア先を最大5つ選択（1番目〜5番目）
4. 「投稿下」 の表示/非表示を設定
5. 同様にシェア先を最大5つ選択
6. 「公開」 で保存

表示位置

選択できるSNS（14種 + URLコピー）

よくある質問🔊

Q: 見出しのデザインが反映されない

A: カスタマイザーの見出し設定は投稿ページ（ブログ記事）にのみ適用される。固定ページの見出しは別の設定（デザイン設定 - 固定ページ → 見出し設定）で行う。

Q: 目次が表示されない

A: 2つ確認する。(1) 目次設定の「表示設定」が「表示する」になっているか。(2) 出現条件を満たしているか（例：「見出し2が3つ以上」に設定していて、記事内に見出し2が2つしかない場合は表示されない）。

Q: シェアボタンの並び順を変えたい

A: 「シェア先の選択」の1番目〜5番目で順番を指定する。1番目に選んだSNSが左端に表示される。

Q: 個別の記事だけ見出しデザインを変えたい

A: カスタマイザーの設定はすべての投稿ページに共通で適用される。個別の記事だけ変えたい場合は、記事の編集画面でカスタムCSSを追加して対応する。

関連ページ🔊

• ブログページの作り方ガイド
• ブログ見本集（実物のサンプル）
• 投稿編集画面の設定
• カテゴリ設定
• アーカイブページ・固定ページ設定
• SEO機能

最終更新: 2026-08-30