Xeory

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

xeory-recent-post-thumbnail

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

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

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

となりますよね。

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

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

カスタマイズ前

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

sp-menu-before

カスタマイズ後

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

sp-menu-after-2

[ad]

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');

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

sp-menu-after

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