【SWELL】グロナビをページごとに変更するカスタマイズ | LP・カテゴリー・固定ページ対応
※2023年1月4日追記
SWELL最新バージョン(2.7.2.1)でも有効です。
WordPressテーマ「SWELL」のカスタマイズテクニックです。
仕事で「特定のページのグロナビを変更してほしい」という依頼があり、そのさいに使ったカスタマイズのメモをシェアします。
このカスタマイズは「特定の固定ページ」、「特定のカテゴリー」、「特定のLPページ」に指定のメニューを表示するフックを使いました。
テーマのアップデートを考慮しテンプレートファイルを編集しない方法です。
・プラグイン不要
・フックによるカスタマイズ
SWELLのテンプレート構成や仕様が大きく変更しない限り、テーマのアップデートがあっても影響しない方法です。
グロナビ以外にも、メニューページで管理しているメニューを指定できます。
・スマホ用ヘッダー
・スマホ開閉メニュー内
・フッター
・固定フッター(SP)
・ピックアップバナー
サンプル
今回のカスタマイズを実装したサンプルサイトです↓
【トップページを含むほとんどのページ】
※サンプルサイトのURL:https://webrent.xsrv.jp/demo/swell18/
グロナビは次の通りです。
「ホーム」「間取りで選ぶ」「こだわりの条件で選ぶ」「詳細検索する」「運営会社」。
【運営会社ページとその下層ページのグロナビ】
運営会社とその下層ページは、他のページとは違うグロナビを表示する構成です。
※サンプルサイトのURL:https://webrent.xsrv.jp/demo/swell18/company
こちらのページのグロナビは次の通りです。
「ホーム」「運営会社」「会社遠隔」「当社のアクセス」。
メモ
フォーラムで「このカスタマイズが上手くいかなかった」という趣旨の書き込みを見かけました。
購入していただいたのに申し訳ない気持ちですが、どんな環境で設定をしているか分からないのでちょっとコメントができません。
担当した案件では子ページ、孫ページレベルでグロナビを指定する要件はなかったので今回紹介するカスタマイズで意図した動作になっています。
サンプルサイトは公開していますので、ご自由に動作確認してください。
公開しているサンプルサイト以外の構成でページを出し分ける場合は追加カスタマイズが必要になるかもしれません。
ここから先は
¥ 4,980
この記事が気に入ったらサポートをしてみませんか?