WordPressのSimplicityでスマホのみ表示されるメニューをつくった

これは結構前に実装したのに、カスタマイズの仕方が分からなくなったので、備忘録的なやつです。

Simplicityだと、ハンバーガーメニューはあったりグローバルメニューを縦に並べたりは出来るが、いまいちしっくり来ていなかった。

なので、コンパクトに欲しい項目だけメニューに表示したいと思って、実装した。

因みにこういうやつ。

ヘッダーの下に作る

ヘッダーの真下に作りたかったので、before-main.phpをいじってつくっていく。

こんな感じで記述していく。

a href の中は、リンクしたいURLまたは内部リンクを入れていく。

項目を追加したいときは、spanの行を増やしていけばよい。

CSSをいじる

これで表示はされるので、次はCSSでデザインを整えていく。

style.cssに以下の記述をしていく。

これで、OK。

すぎもん

東京育ち、秩父在住。
宅急便企業にて、通販企業支援、ふるさと納税サービス立ち上げ。
その後、ギフトEC企業にて事業部長。
やってること
・一棟貸し旅館(準備中)
・通販/物流ライター
・通販業務サポート
・旅×酒メディア「トラべろマガジン」

SNSをフォローする

すぎもんをフォローする
Web制作 WordPress
シェアする
すぎもんをフォローする
スポンサーリンク
すぎもんのサイト