【Xeory Base】スマホのトグルメニューをデフォルトで閉じた状態にする方法

         
  • このエントリーをはてなブックマークに追加
  • LINEで送る

本記事ではXeory Baseをテーマとして利用している人が、簡単にスマホのトグルメニューをデフォルトで閉じた状態にする方法についてお話します。初心者でも簡単にできます。

footer.phpの修正

ワードプレスの外観⇒テーマエディタを開きます。そして右側にテーマフッター(footer.php)というコードがあるのでそれを開きます。

そして以下のコードを探します(50行目くらいにあります)。


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

このコードを以下のコードに変更します。ダブルスラッシュはコメントアウトなので、また元に戻したいときにすぐに分かるように利用してください。


// スマホトグルメニューの修正
$('#gnav').removeClass('active');

まとめ

本記事ではスマホのトグルメニューをデフォルトで閉じる状態にする方法についてお話しました。

開きっぱなしは私も嫌だったのですぐに変更しました。ぜひ活用してください。

  • このエントリーをはてなブックマークに追加
  • LINEで送る
     

SNSで発信もしてます!