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

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

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

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

因みにこういうやつ。

スポンサーリンク

ヘッダーの下に作る

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

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

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

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

CSSをいじる

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

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

これで、OK。

このブログの中の人

すぎもん
すぎもん
1991年神奈川生まれ。ばあちゃんが民宿をやっていて、旅行が大好き。学生時代は海外20ヵ国以上旅したり、カフェを運営。
「お酒×観光」Webマガジン「トラべろマガジン」も運営中。

本ブログでは、ニッチな観光情報や旅行会社を作るための様子を発信中。
SNSをフォローして頂けると最新情報をお知らせします。

SNSをフォローする