Xeoryのスマホメニューを最初から閉じた状態にする方法

前回、 Xeory というバズ部さんが無料で公開してくれているテーマの記事を書きましたが、今回もちょっと賢威から寄り道してXeoryについての記事を書いてみようと思います。

Xeoryをインストールしたばかりの状態では、Xeory のスマホメニューは、

となりますよね。

正直どれくらい需要があるのか分かりませんけど、今回のカスタマイズでは、スマホメニューをどのページも最初から閉じた状態にしてみたいと思います。

カスタマイズ前

↓ トップページではスマホメニューが最初から開いた状態

↓ トップページでも最初から閉じた状態になった

[ad]

スマホメニューを開閉させているコード（PHP側のコード）は footer.php に書かれているので、今回は footer.php を編集します。

45行目付近に以下のコードがあるので、、、

<?php if( is_front_page() ){ ?>
  $('#gnav').addClass('active');
<?php }else{ ?>
  $('#gnav').removeClass('active');

<?php } ?>

このコードを下のコードで置き換えます。
（「トップページではスマホメニューを開いた状態にする」という条件分岐を、「トップページ以外でも開いた状態にする」という条件分岐に変更します）

$('#gnav').removeClass('active');

これで保存、更新すると・・・

トップページでも閉じた状態になりました。
これで完成です！