モバイル表示時のメニューボタン

わいひろ様。

返信ありがとうございます。

よろしくお願い致します。

http://maehira.in.net

>あと、そのメニューボタンをクリックするとカテゴリーが表示するようにしたいのですが可能でしょうか？

これは、WPの管理画面、外観よりメニューを選んで、そこにカテゴリータブからリンクに追加をし、親メニューとして「カテゴリー」と言う名称のものを作ってその子要素に今追加したものを移動すれば可能ではないでしょうか？

『「カテゴリー」と言う名称のもの』は、固定ページでも作ってカテゴリーの説明などを書いておけばよりわかりやすいと思います。

もしjQueryが扱えるのであれば、子テーマあたりのjavascript.jsに#menu-main(ul)の子要素(li)を追加するjQueryを書けば良いと思います。

$(“#menu-main”).apeend(“カテゴリーのリストhtml”);

こんな感じです。
js STUDIO append()

appendはセレクター(ここでは#menu-main)の要素の最後尾に追加しますが、どの部分に追加するかは色々アイデアが必要です。自分のサイトではナビの部分を色々書き変えたりしているのでセレクターが定かではありませんが、#navi .menu-main-container ul li{…}あたりの有効になっているclass等を「カテゴリーのリストhtml」部分に追加する必要があるかも知れません。

ナビは、一番最初に表示される要素なので、jQuery等で操作する場合は$(window).on(“load”,function(){…})とsetTimeout()、更にはレスポンシブにするのであれば$(window).resize(function(){…})あたりも考慮する必要があるかと思います。
※ページをレンダリングする際のブロッキングリソースになるため等の理由から

簡単なのはメニューよりカテゴリー部分のリンク集を作ることだろうと思います。

もうホント、投稿時見なおしている意味がないというのはこのことでしょうか(血尿

$(“#menu-main”).apeend(“カテゴリーのリストhtml”);　☓
$(“#menu-main”).append(“カテゴリーのリストhtml”);　◯