投稿編集画面の設定
投稿編集画面の設定 — マニュアル
> こんな質問に答えます:
> - ブログ記事ごとにデザインを変えたい
> - 投稿のメインビジュアルを設定したい
> - 記事ごとに目次やコメントの表示を切り替えたい
> 別名・よくある呼び方: 投稿編集画面、記事個別設定、投稿ごとのデザイン、ブログ編集、記事メタボックス
> 設定場所: 投稿 → 編集画面 → 画面下部のメタボックス
> このページのURL: https://lite-word.com/manual/post-editor/
ブログ記事の編集画面に表示される設定項目。記事ごとにメインビジュアル・目次・コメント・カラーを個別にカスタマイズできる。
設定手順
記事のメインビジュアルを設定する
- 投稿 → 該当記事の編集画面 を開く
- 画面下部にスクロールし、「入力フォーム」 メタボックスを見つける
- 「パターンの選択」 で3つのパターンから選ぶ
- タイトル・サブタイトル・イメージ画像を設定
- 「更新」 をクリックして保存
メインビジュアルの設定
記事ページ上部のファーストビュー。3つのパターンから選択。
パターン1（デフォルト）
タイトル＋サブタイトル＋アイキャッチ画像。最もスタンダードな表示。
| 設定名 | 説明 |
|---|---|
| タイトル | 記事のメインタイトル |
| サブタイトル | タイトル下の補足テキスト |
| イメージ画像 | メインビジュアル画像 |
| イメージ画像（スマホの時） | スマホ用の別画像（任意） |
| イメージ画像の比率 | 画像の縦横比を指定（auto / 16:6 / 16:7 / 16:8 / 16:9 / 4:3 / 3:2 / 1:1） |
| 説明文 | タイトル下の説明テキスト |
パターン2
画像を背景として全幅表示し、その上にタイトルを重ねるデザイン。
| 設定名 | 説明 |
|---|---|
| タイトル | 記事のメインタイトル |
| サブタイトル | タイトル下の補足テキスト |
| イメージ画像 | 背景画像 |
| イメージ画像（スマホの時） | スマホ用の別画像（任意） |
| 画像上のフィルターの色 | 画像の上に重ねる色（テキスト読みやすさ向上） |
| フィルター透明度 | フィルターの透明度（デフォルト: 20） |
| 説明文 | タイトル下の説明テキスト |
パターン3
パターン2と同じ背景画像＋タイトル重ねだが、レイアウトが異なる。
設定項目はパターン2と同じ（フィルター色・透明度あり）。
その他の設定
| 設定名 | 選択肢 | 説明 |
|---|---|---|
| 目次 ON/OFF | 表示する / 表示しない | この記事の目次を個別に制御 |
| コメント欄 ON/OFF | 表示する / 表示しない | この記事のコメント欄を個別に制御 |
カラー設定（記事個別）
この記事だけ、カスタマイザーのカラー設定を上書きできる。
| 設定名 | 説明 |
|---|---|
| メインカラー | この記事のメインカラー |
| アクセントカラー | この記事のアクセントカラー |
| 文字の色 | この記事のテキスト色 |
| リターンボタンの色 | 「トップに戻る」ボタンの色 |
| カラー 01 | 追加カラー1 |
| カラー 02 | 追加カラー2 |
| カラー 03 | 追加カラー3 |
未設定（空欄）の場合は、カスタマイザーの全体設定が適用される。
SEO設定（拡張機能ON時）
拡張機能でSEO機能がONの場合、以下の設定が記事編集画面の「その他の設定」メタボックスに表示される。
| 設定名 | 説明 |
|---|---|
| SEOタイトル | 検索結果に表示されるタイトル |
| ディスクリプション（説明文） | 検索結果に表示される説明文 |
| noindex設定 | noindex（検索にインデックスさせない）/ follow（インデックスさせる） |
| canonical URL | 正規URLの指定 |
| OGP画像 | SNSシェア時に表示される画像 |
| リダイレクト元（旧URL） | 301リダイレクトの設定 |
カスタムコード（記事個別）
| 設定名 | 説明 |
|---|---|
| head内に挿入するコード | この記事だけのhead内コード（GTMピクセル等） |
| footer前に挿入するコード | この記事だけのfooter前コード |
| このページのCSS | この記事だけのカスタムCSS |
よくある質問
Q: メインビジュアルの画像が表示されない
A: 「パターンの選択」でパターン1〜3のいずれかが選ばれているか確認。また「イメージ画像」が設定されているか確認。未設定の場合はアイキャッチ画像が使われる場合がある。
Q: スマホとPCで別の画像を使いたい
A: パターン1〜3全てで「イメージ画像（スマホの時）」を別途設定できる。スマホ用画像を設定しない場合はPC用画像がそのまま使われる。
Q: 特定の記事だけ色を変えたい
A: カラー設定で記事個別のメインカラー・アクセントカラーを設定すれば、その記事だけ色が変わる。空欄にすればカスタマイザーの全体設定に戻る。
Q: 画像の比率はどれがおすすめ？
A: ブログ記事には16:9が一般的。横長でインパクトを出したい場合は16:6〜16:8。正方形の画像を使いたい場合は1:1。autoにすると画像の元サイズ比率がそのまま使われる。
関連ページ
最終更新: 2026-03-21