最近、Wordpressテーマのスマホ用デザインをいじったりしています。 スマホ用デザインだと、どうしてもWordpressのデフォルトメインメニュー部分のデザインが崩れてしまいます。 そのため、多くのテーマではスマホ用デザインでは、メインメニューのところを隠しておいて、「メニュー」ボタンを押したらメニューが表示されるという手法をとっているところが多いです。 僕も同じようにしようと方法を、調べていたら、Sidrというプラグインが良いと書かれているの見つけたので試しに使ってみました。 Sidrを使えば基本的に簡単にスマホ向けの横からニュッと出るメニューが設置できます。こんな感じのやつ。 『Sidr』サンプル ただ、ちょっとWordpressに設置するには、ちょっとした手順が必要なので、今回は自分が忘れないためにも、その方法の紹介です。

スマホ表示の時のメニューとしてよく目にする横からにゅっと出てるくメニューを設置できるJQueryプラグイン『Side』。WordPressに設置する際、メニュー項目をいちいち手入力しなくてもカスタムメニューをそのまま対応させる方法をご紹介します。 こちらの記事は公開時より年月が経過しており内容が古くなっている可能性があります。この記事で紹介しているソースコードの使用や、phpコードの書き換えは自己責任でお願いします。 『Sidr』の設置方法 はじめに『Sidr』の設置方法をざっくりと説明します。 Sidrの必要ファイルの用意 ファイルは以下の公式サイトからダウンロードします。また、『Sidr』の動作のデモもこちらの公式サイトで確認することができます。