【SWELL】メインビジュアルの下にグロナビ(メニュー)を表示するカスタマイズ

※2023年11月24日追記

SWELL最新バージョン（2.8.1）でも有効です。

WordPress有料テーマSWELLのカスタマイズテクニックです。

SWELLの標準機能にはメインビジュアルの「下」にグロナビ（メニュー）を設置するオプションはありません。

メインビジュアルの下にグロナビを設置する制作案件があり、その際の作業を自分用にメモしました。

以下今回のカスタマイズを実装したデモサイトです。

デモサイトを見る場合はクリックしてください。

※おまけ
SWELLで作った企業・ブログのデモサイトは次の記事で紹介しています。

SWELLデモサイト一覧

このカスタマイズではテーマファイルを一切編集しません。テーマファイルを編集してしまうとテーマのアップデートで設定が消えてしまうからです。

できるだけメンテしやすく、他のサイトでも使い回しできるよう工夫しました。

SWELLでのメガメニュー設置方法については以下の記事で解説しています。

※メガメニューは今回の記事では解説していません。

更新履歴

※SWELLのバージョンアップがあっても使えるように、なるべく記事の内容を更新しています。

• 2023年11月更新：SWELL最新バージョン（2.8.1）に対応させました。

• 2023年5月更新：SWELL最新バージョン（2.7.5.1）に対応させました。

• 2023年1月更新：SWELL最新バージョン（2.7.2.1）に対応させました。

• 2022年8月更新：SWELL最新バージョン（2.6.7）に対応させました。

• 2022年7月更新：SWELL最新バージョン（2.6.5）に対応させました。