投稿ページ設定
投稿ページ設定 — カスタマイザーマニュアル
> 設定場所: 外観 → カスタマイズ → 「デザイン設定 - 投稿ページ」
> カスタマイザーで開く: 投稿ページ設定を開く
> このページのURL: https://lite-word.com/manual/single-post-settings/
ブログ記事の見た目を一括管理する。カラム・パンくず・ファーストビュー・日時表示・見出しデザイン・目次・シェアボタンの7セクションで構成。
設定手順
ブログ記事の見た目を整える
- 外観 → カスタマイズ を開く
- 「デザイン設定 - 投稿ページ」 を開く
- 各セクションを順に設定（以下で詳しく解説）
- 「公開」 で保存
カラム設定
> カスタマイザーで開く: カラム設定を開く
記事ページのレイアウト構成を選ぶ。
| 選択肢 | 説明 |
|---|---|
| 2カラム（右サイドバー） | デフォルト。 右側にウィジェットエリア |
| 1カラム | サイドバーなし。記事に集中させたいブログ向き |
| 2カラム（左サイドバー） | 左側にウィジェットエリア |
設定手順
- 「カラム設定」 セクションを開く
- 3つのレイアウトから選択
- 「公開」 で保存
パンくずリスト設定
> カスタマイザーで開く: パンくず設定を開く
記事上部に「ホーム > カテゴリ > 記事タイトル」のようなナビゲーションを表示。
| 選択肢 | 説明 |
|---|---|
| 未選択 | デフォルト |
| パターン1 | シンプルなテキストパンくず |
| パターン2 | デザイン付きパンくず |
| 非表示 | パンくずを表示しない |
設定手順
- 「パンくずリスト設定」 セクションを開く
- パターンを選択
- 「公開」 で保存
ファーストビュー設定
> カスタマイザーで開く: FV設定を開く
記事ページ上部のタイトル表示エリアのデザイン。
| 設定名 | 選択肢 | 説明 |
|---|---|---|
| FVパターン | パターン1（デフォルト）/ パターン2 | タイトル表示のデザイン |
| カテゴリー | 表示（デフォルト）/ 非表示 | タイトル付近にカテゴリ名を表示するか |
設定手順
- 「ファーストビュー設定」 セクションを開く
- FVパターンを選択
- カテゴリ表示のON/OFFを選択
- 「公開」 で保存
投稿日時・更新日時
> カスタマイザーで開く: 日時設定を開く
記事の投稿日・更新日の表示を制御する。
| 設定名 | 選択肢 | 説明 |
|---|---|---|
| 投稿日時 | 表示する / 非表示（見た目のみ） / 見た目も検索にも表示しない | 投稿日の表示 |
| 更新日時 | 表示する / 非表示（見た目のみ） / 見た目も検索にも表示しない | 更新日の表示 |
「非表示（見た目のみ）」 はサイト上では見えないが、HTMLソースやGoogleの検索結果には日付が表示される。「見た目も検索にも表示しない」 は完全に非表示。
設定手順
- 「投稿日時・更新日時」 セクションを開く
- 投稿日時・更新日時それぞれの表示方法を選択
- 「公開」 で保存
見出し設定
> カスタマイザーで開く: 見出し設定を開く
記事内のH2・H3・H4見出しのデザインをそれぞれ個別に設定できる。27種類のデザインパターンから選択。
設定手順
- 「見出し設定」 セクションを開く
- 「見出し2」 のデザインを選択（記事のメインセクション区切り）
- 「見出し3」 のデザインを選択（サブセクション）
- 「見出し4」 のデザインを選択（さらに細かい区切り）
- 「公開」 で保存
見出しデザインパターン一覧（27種）
| パターン名 | 説明 |
|---|---|
| 未指定 | テーマのデフォルトスタイル |
| 通常 | 装飾なしのプレーンテキスト |
| メインカラー | テキストがメインカラーになる |
| 太字 | テキストが太字になる |
| 下線 | テキストの下に線 |
| 短い下線 | テキストの下に短い線 |
| 下線（点線） | テキストの下に点線 |
| 下線（破線） | テキストの下に破線 |
| 下線（二重線） | テキストの下に二重線 |
| 左線（太い） | 左側に太い縦線 |
| 左線（細い） | 左側に細い縦線 |
| 囲み線 | テキストを囲む線 |
| 囲み線（角丸） | 角丸の囲み線 |
| 囲み破線 | 破線で囲む |
| 囲み破線（角丸） | 角丸の破線で囲む |
| 囲み二重線 | 二重線で囲む |
| 囲み二重線（角丸） | 角丸の二重線で囲む |
| 上下線 | 上と下に線 |
| 上下線（点線） | 上と下に点線 |
| 上下線（破線） | 上と下に破線 |
| 上下線（二重線） | 上と下に二重線 |
| 背景色 | テキストに背景色 |
| 背景色（小） | 小さめの背景色 |
| 背景色（透過） | 半透明の背景色 |
| 背景色（透過）+ 左線（太い） | 半透明背景＋左太線の組み合わせ |
| 左角四角（小） | 左に小さい四角マーク |
| 左角四角（大） | 左に大きい四角マーク |
目次設定
> カスタマイザーで開く: 目次設定を開く
記事内の見出しから自動的に目次を生成する機能。
設定手順
- 「目次設定」 セクションを開く
- 「表示設定」 を「表示する」にする
- パターン（2種類）を選択
- 目次が表示される条件（見出し2がいくつ以上あるか）を設定
- 目次タイトルの表示/非表示とテキストを設定
- 「公開」 で保存
設定項目
| 設定名 | 型 | 選択肢 | 説明 |
|---|---|---|---|
| 表示設定 | radio | 表示する / 表示しない | 目次のON/OFF |
| パターンの選択 | radio | パターン1 / パターン2 | 目次のデザイン |
| 出現条件 | radio | 見出し2が2つ以上〜6つ以上 | 目次が表示される最低見出し数 |
| 目次タイトル | radio | 表示する / 表示しない | 「目次」等のタイトル表示 |
| タイトルテキスト | text | 自由入力 | タイトルの文言（デフォルト: 目次） |
シェアボタンの設定
> カスタマイザーで開く: シェアボタン設定を開く
記事の上部（タイトル下）と下部（記事末尾）にSNSシェアボタンを設置できる。各位置に最大5つまでのSNSを選択可能。
設定手順
- 「シェアボタンの設定」 セクションを開く
- 「タイトル下（記事冒頭）」 の表示/非表示を設定
- 表示する場合、シェア先を最大5つ選択（1番目〜5番目）
- 「投稿下」 の表示/非表示を設定
- 同様にシェア先を最大5つ選択
- 「公開」 で保存
表示位置
| 位置 | 設定名 | 説明 |
|---|---|---|
| タイトル下（記事冒頭） | title_btm | 記事タイトルのすぐ下に表示 |
| 投稿下 | post_btm | 記事本文の末尾に表示 |
選択できるSNS（14種 + URLコピー）
| SNS名 | 説明 |
|---|---|
| Facebookでシェア | |
| X（旧Twitter） | Xでシェア |
| LINE | LINEでシェア |
| Pocketに保存 | |
| はてなブックマーク | はてブに追加 |
| LinkedInでシェア | |
| Redditに投稿 | |
| Pinterestにピン | |
| Tumblr | Tumblrに投稿 |
| Telegram | Telegramでシェア |
| WhatsAppでシェア | |
| Mastodon | Mastodonでシェア |
| メールでシェア | |
| URLコピー | URLをクリップボードにコピー |
よくある質問
Q: 見出しのデザインが反映されない
A: カスタマイザーの見出し設定は投稿ページ（ブログ記事）にのみ適用される。固定ページの見出しは別の設定（デザイン設定 - 固定ページ → 見出し設定）で行う。
Q: 目次が表示されない
A: 2つ確認する。(1) 目次設定の「表示設定」が「表示する」になっているか。(2) 出現条件を満たしているか（例：「見出し2が3つ以上」に設定していて、記事内に見出し2が2つしかない場合は表示されない）。
Q: シェアボタンの並び順を変えたい
A: 「シェア先の選択」の1番目〜5番目で順番を指定する。1番目に選んだSNSが左端に表示される。
Q: 個別の記事だけ見出しデザインを変えたい
A: カスタマイザーの設定はすべての投稿ページに共通で適用される。個別の記事だけ変えたい場合は、記事の編集画面でカスタムCSSを追加して対応する。
関連ページ
最終更新: 2026-03-15 08:30