コンテンツ表示

メインビジュアル、フロントページビルダー、アーカイブページ、記事メタ情報の表示設定について解説します。

メインビジュアル(ヒーローイメージ)

「メインビジュアル設定」セクションで、投稿・固定ページのアイキャッチ画像の表示方法を設定します。

メインビジュアル設定画面
図: メインビジュアル設定画面

設定モード

モード 説明
共通設定(デフォルト)すべての投稿タイプで同じ表示スタイルを適用
個別設定投稿タイプごとに異なるスタイル・装飾・アニメーションを設定

表示スタイル

スタイル 説明 適した用途
標準コンテンツ幅に合わせた標準的な画像表示ブログ記事、一般的な投稿
フルワイド画面幅いっぱいに画像を表示写真メイン記事、LP
サークル(円形)画像を円形にクロップして表示プロフィールページ、人物紹介
カード型画像をカード型のフレーム内に表示製品紹介、ポートフォリオ

装飾設定

表示スタイルに加えて、以下の装飾オプションを設定できます。共通モード/個別モードのいずれでも利用可能です。

設定項目 選択肢 デフォルト
ボーダーなし / 細線(thin)/ 太線(thick)なし
ボーダー色カラーピッカーで任意の色を選択なし
角丸(border-radius)なし / 小 / 中 / 大 / 円形なし
アニメーションなし / フェードイン / スライドアップ / ズームインなし
配置左寄せ / 中央 / 右寄せ中央

投稿単位での上書き

各投稿・固定ページの編集画面にあるメタボックスから、カスタマイザーの設定を記事単位で上書きできます。

メタボックスの項目 選択肢
メインビジュアル表示グローバル設定に従う / 表示する / 非表示にする
表示スタイルグローバル設定に従う / 標準 / フルワイド / サークル / カード型

投稿単位の設定はカスタマイザーの設定より優先されます。特定の記事だけメインビジュアルを非表示にしたい場合や、特定の記事だけフルワイド表示にしたい場合に活用できます。

フロントページ設定

「フロントページ設定」セクションで、トップページの表示方法を選択します。

フロントページ設定画面
図: フロントページ設定画面

表示モード

モード 説明
カスタムフロントページ(デフォルト)テーマ独自のフロントページビルダーを使用。ヒーローイメージとセクションを組み合わせたトップページを構築できます。選択すると、WordPress標準の「ホームページの表示」設定は無効化されます。
既存のページを使用WordPress標準のページ設定を使用。任意の固定ページをトップページに設定できます。タイトル表示/非表示とアイキャッチ画像表示/非表示を個別に設定可能。

ヒーロー画像

カスタムフロントページのトップに表示する大型バナー画像です。

設定項目 デフォルト
ヒーロー画像メディアライブラリから画像を選択なし
画像の高さ200〜800px400px
オーバーレイ不透明度0(なし)〜 0.7(濃い)、0.1刻み0.3

タイトルとキャッチフレーズ

ヒーロー画像の上に重ねて表示するテキストです。

設定項目 説明
タイトルヒーロー画像上に大きく表示される見出しテキスト
キャッチフレーズタイトル下に表示されるサブテキスト

説明文の取得元

フロントページに表示する説明文の取得方法を選択します。

モード 説明
手動入力(デフォルト)WYSIWYGエディターで説明文を直接入力
ページから取得既存の固定ページのコンテンツを説明文として表示。ソースページのタイトルやアイキャッチ画像の表示/非表示も設定可能

セクション構成

ヒーロー画像の下に配置するコンテンツセクションです。3種類のセクションタイプが用意されています。

リストセクション(5枠)

カテゴリ・タグ・投稿タイプ・著者・日付範囲でフィルタリングした投稿一覧を表示するセクションです。各枠ごとに以下を設定できます。

設定項目 説明
セクションタイトルセクションの見出し(例:「最新記事」「おすすめ記事」)
表示件数表示する投稿の数
表示タイプカテゴリ / タグ / 投稿タイプ / 著者 / 日付範囲 から絞り込み方法を選択
フィルタ条件選択した表示タイプに応じて、特定のカテゴリ/タグ/投稿タイプ/著者/日付範囲を指定
レイアウト1カラム / 2カラム / 3カラム / 4カラム / リスト
並び順投稿日順 / 更新日順 / ランダム
サムネイル表示アイキャッチ画像の表示/非表示
投稿日表示投稿日の表示/非表示
カテゴリ表示カテゴリ名の表示/非表示
抜粋表示抜粋文の表示/非表示
一覧リンク「もっと見る」リンクの表示/非表示とリンク先URL

個別セクション(5枠)

特定の投稿・固定ページを手動で選んで表示するセクションです。検索可能なセレクトボックスで複数の投稿を選択できます。

設定項目 説明
セクションタイトルセクションの見出し
表示する投稿検索可能なセレクトボックスで複数の投稿/固定ページを選択
レイアウト表示形式を選択

フリーコンテンツ

WYSIWYGエディターで自由なHTMLコンテンツを入力できるセクションです。お知らせ、バナー、カスタムHTML等を配置する際に使用します。

セクション表示順の変更

カスタマイザー内の「セクション順序」コントロールで、リストセクション(5枠)と個別セクション(5枠)の表示順をドラッグ&ドロップで変更できます。デフォルトの順序は「リスト1 → 個別1 → リスト2 → 個別2 → ...」です。フリーコンテンツは常にすべてのセクションの後に表示されます。

例えば「ヒーロー画像 → おすすめ記事(個別セクション)→ 最新ニュース(リストセクション、カテゴリ「ニュース」)→ 人気記事(リストセクション、タグ「人気」)→ お知らせ(フリーコンテンツ、常に最後)」のようなトップページが構築できます。

アーカイブページ設定

「アーカイブページ設定」セクションで、カテゴリ・タグ・著者などの一覧ページの表示方法を設定します。

アーカイブページ設定画面
図: アーカイブページ設定画面

設定モード

モード 説明
すべて共通設定を使用(デフォルト)すべてのアーカイブページに同じ設定を適用
個別設定アーカイブタイプごとに個別の設定が可能(カテゴリ/タグ/著者/日付/検索/カスタム投稿タイプ別)

設定項目一覧

設定項目 選択肢 デフォルト
グリッドカラム数2列 / 3列 / 4列3列
並び順新しい順(date)/ 更新日順(modified)/ ランダム(rand)新しい順
アイキャッチ画像の表示表示 / 非表示表示
サムネイルサイズフル / 大 / 中大 / 中 / サムネイルフル
投稿日の表示表示 / 非表示表示
更新日の表示表示 / 非表示非表示
カテゴリの表示表示 / 非表示非表示
抜粋の表示表示 / 非表示表示

個別設定で対応するアーカイブタイプ

アーカイブページのフロントエンド表示例
図: アーカイブページのフロントエンド表示例

記事メタ情報設定

「記事メタ情報設定」セクションで、個別記事ページに表示するメタ情報を設定します。記事のヘッダーエリア(コンテンツの直前)に表示されます。

記事メタ情報設定画面
図: 記事メタ情報設定画面

設定モード

モード 説明
すべて共通設定を使用(デフォルト)すべての投稿タイプに同じメタ情報表示を適用
個別設定投稿タイプごとに表示するメタ情報を個別に設定。投稿(post)、固定ページ(page)、カスタム投稿タイプそれぞれに独立した設定

表示/非表示の切り替え

メタ情報 説明 デフォルト
投稿日記事の公開日を表示表示
更新日記事の最終更新日を表示。SEO上、更新日の表示は検索エンジンにコンテンツの鮮度を伝える効果があります表示
著者記事の著者名を表示非表示
カテゴリ記事が属するカテゴリを表示非表示
タグ記事に付けられたタグを表示非表示
タグ表示上限表示するタグの最大数(1〜50件)5件

SEOメタタグ設定

同じ「記事メタ情報設定」セクションに、SEOメタタグの有効/無効切り替えも含まれています。

設定項目 説明 デフォルト
メタディスクリプション自動生成各ページタイプに応じた <meta name="description"> を自動出力有効
メタキーワード自動生成focus_keyword・タグ・カテゴリ・タイトルから <meta name="keywords"> を自動生成有効

SEOプラグイン(Yoast SEO、All in One SEO、Rank Math等)を使用する場合は、メタタグの重複を避けるためにテーマ側の自動生成を無効化することを推奨します。

デフォルトアイキャッチ画像

「デザイン設定」セクションで、アイキャッチ画像が未設定の投稿に表示するデフォルト画像を設定できます。以下の場面で使用されます。

推奨サイズは 1200×800px です。