MEDIAで自作したメニューを使おうと思ってるのですけど現在は使うほど記事が充実してないため、そのうち使いたくなるかもしれないのでヒント的に記事しておこうと思います。MEDIAの設定からメニュー項目を作成して簡単にグローバルメニューとして表示させることができます。MEDIAのヘッダーメニューはグローバルメニューではありますが、スマホで表示を確認した場合、表示させるメニュー項目が多いと画面表示されてなくてスクロールしないとメニューが分かりづらい仕様になっています。MEDIAのスマホの表示でのメニュー仕様をどうにかできないかと考えたときに、横から開くメニューにしてみようとなったのです。MEDIAのデフォルトのメニューを横から開くには、私の知識ではかなり時間がかかりそうなのです。時間をかけたくなかったので自作でスマホ表示の時だけメニューを横から開くようにしてみようと試みました。スマホ表示のときのメニューを横から開くためにハンバーガーメニューにしようと思うのですが、正しくは「ドロワーメニュー」というようです。作成したファイルを関数で読み込むCSSをかき集めてメニューのデザイン実装後はスクロールすると一緒にハンバーガーアイコンがつきまとうイメージです。MEDIAにメニュー専用のファイルを作成して、WordPressの関数で出力できるようにします。正確には私の場合ローカル環境で作成したので、なんでもありのぐちゃぐちゃなファイルになってしまってるんですけどね。Advertisementスマホ表示のメニュー用のファイル作成スマホ表示用のメニューファイル作成はファイル拡張子を「.php」にしてファイルを作成します。MEDIAの子テーマに配置しました。MEDIAのphpファイルでもいいのでコピペしてから、その子テーマファイルのファイル名を変更してファイル内の記述全部を削除してもいいかと思います。MEDIAのスマホだけ表示させるメニュー用ファイルの完成です。MEDIAに使用するメニューを作成したファイルにHTMLを書いていきます。</nav>HTMLのinput要素のtype属性にcheckboxを指定してidをつけます。labelをつけてスマホメニューを開閉するスイッチにします。メニュー項目は、それぞれのブログやサイトによって違うのでnav要素に好きな項目を作成することになります。WordPressなので、もしカテゴリーの一覧を表示させるなら以下のようなコードをnav要素に書くと、メニューがカテゴリーリストになります。MEDIAに作成したスマホ用のメニューファイルを読み込んで表示したい場所に出力します。メニュー表示を確認するだけで使うわけではないので、トップページあたりにWordPressの関数でファイルを読み込めるようにしておこうと思います。MEDIAに作成したスマホだけ表示するメニューのファイルを読み込むWordPressの関数です。MEDIAの投稿ページやトップページを読み込んで出力します。MEDIAのトップページでスマホに表示するメニューを使う場合はトップページを表示してる「index.php」にget_template_part()でメニューファイルを読み込みます。?>メニューファイルを読み込むのでget_template_part()のパラメータはファイル名にしてます。index.phpの37行目あたりに記述してみました。ピックアップ記事関係の上です。ファイル更新してトップページの表示を確認するとチェックボックスとメニュー項目が表示されてればおっけー。MEDIAでメニューを横から表示させる作成したスマホ用のメニューファイルの読み込みができたら最後にメニュー用のCSSを書きます。MEDIAでスマホ表示のときだけ作成したメニューが横から開くようになればいいので、メディアクエリでスマホ用のCSSを記述してメニューを完成させます。MEDIAのメニューをスマホ表示のときは横から開くようにして表示を確認してみると、とりあえずは無事にメニューの表示はできました。ハンバーガーがサイトロゴと重なるかもしれません。その場合サイトロゴを右に寄せるかハンバーガーのアイコンを下に下げるかになると思います。真下に配置するメニューも斬新なのかもです。その後は検証してませんが、例えば投稿ページに使うとしたら目次の閉じるか開くのボタンに影響しないかどうかなど気になったことなので、そのうち試そうと思います。投稿一覧WordPressとWeb関係のことを趣味的に学んでます。独学なので記事で間違ってることがあればご指摘ください。記事が少しでも誰かの参考になればと思います。MEDIAを使い始めて2か月が過ぎました。MEDIAのカテゴリ―のヘッダー部分はカラーを変更できますが、ヘッダー画像に変更したいのでカスタマイズしてみることにしました。WordPress.。