【SWELL】カスタム投稿アーカイブページ上部にタイトルの背景画像（アイキャッチ）を設定するカスタマイズ

SWELLマニアのかんた（@swell_mania）です。

今回もWordPressテーマSWELLのカスタマイズメモ。内容はカスタム投稿のアーカイブページのコンテンツ上部にアイキャッチ画像を表示するカスタマイズです。

Custom Post Type UIプラグインでカスタム投稿を設置した場合、デフォルトで次のようなアーカイブページが出来上がります↓

標準：カスタム投稿アーカイブ

タイトル部分に背景画像を入れた状態にカスタマイズしてみました↓

カスタム投稿アーカイブにタイトル背景画像を追加したサンプル

→サンプルサイトを開く

同一サイト内に２つカスタム投稿を設定して、別のカスタム投稿のアーカイブページには別の背景画像を設定しています↓

カスタム投稿アーカイブページに背景画像を設定したサンプル

→サンプルサイトを開く

サンプルサイトの構成

→サンプルサイトを開く

バージョン

• WordPress： 6.7.1

• SWELL： 2.12.0（子テーマを利用）

• Custom Post Type UI：1.17.2（無料バージョン）

• Code Snippets：3.6.7（無料バージョン）

カスタム投稿

Custom Post Type UIの管理画面で次の２つを作成↓

• カメラ（スラッグ：camera）

• パソコン（スラッグ：pc）

カメラ、パソコンともにアーカイブありでTrueを選択。

Custom Post Type UIの管理画面

それ以外の設定オプションはノータッチ（デフォルト値）。

更新履歴

• 2025年1月31日　記事公開（SWELL 2.12.0）