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

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

• トップページ → 最初から開いた状態
• それ以外のページ → 閉じた状態

となりますよね。

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

↓ 前回の記事
XeoryBaseのサイドバーに、新着記事をサムネイル付きで表示させる方法

カスタマイズ前

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

カスタマイズ後

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

1. footer.php を編集

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

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

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

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

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

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

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