前回、 Xeory というバズ部さんが無料で公開してくれているテーマの記事を書きましたが、今回もちょっと賢威から寄り道してXeoryについての記事を書いてみようと思います。
Xeoryをインストールしたばかりの状態では、Xeory のスマホメニューは、
- トップページ → 最初から開いた状態
- それ以外のページ → 閉じた状態
となりますよね。
正直どれくらい需要があるのか分かりませんけど、今回のカスタマイズでは、スマホメニューをどのページも最初から閉じた状態にしてみたいと思います。
↓ 前回の記事
XeoryBaseのサイドバーに、新着記事をサムネイル付きで表示させる方法
カスタマイズ前
↓ トップページではスマホメニューが最初から開いた状態
カスタマイズ後
↓ トップページでも最初から閉じた状態になった
スマホメニューを開閉させているコード(PHP側のコード)は footer.php に書かれているので、今回は footer.php を編集します。
45行目付近に以下のコードがあるので、、、
PHP
コピーする
<?php if( is_front_page() ){ ?>$('#gnav').addClass('active');<?php }else{ ?>$('#gnav').removeClass('active');<?php } ?>
このコードを下のコードで置き換えます。
(「トップページではスマホメニューを開いた状態にする」という条件分岐を、「トップページ以外でも開いた状態にする」という条件分岐に変更します)
PHP
コピーする
$('#gnav').removeClass('active');
これで保存、更新すると・・・
トップページでも閉じた状態になりました。
これで完成です!