SWELL│ドロップダウン選択からカテゴリーの画像やテキストを表示するカスタマイズ

SWELLはカテゴリー等にアイキャッチ画像やテキストを格納できます。

例えば47都道府県の情報であれば、ドロップダウンでの選択表示にすると省スペースでスマホでも表示しやすいです。

SWELLはタブ選択のブロックはありますが、ドロップダウン選択のブロックはありません。

本記事ではカスタムタクソノミー（自作のタグ）をプルダウンで選択して、中身（今回はアイキャッチ画像）を表示するカスタマイズを解説します。

著者

motoki

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください！

MOTOKI合同会社

カスタマイズの依頼・相談

SWELL│ドロップダウン選択から画像やテキストを表示するカスタマイズ

やり方は簡単です。

functions.phpで完結します。

カスタムタクソノミーの作成と情報の入力

プラグインのCustom Post Type UIを入れて、エリア（area）というカスタムタクソノミーを設定します。

新規エリアを追加します。

それぞれのエリアの編集ページから説明とアイキャッチ画像を設定しておきましょう。

functions.php

functions.phpに下記のコードを挿入します。

エラーが怖い人はCode Snippetsのプラグインを入れて、そこにコードを挿入しましょう。

以下、有料コンテンツです。