SnowMonkeyでメニューをボタンのようにする方法

こんにちは!じゃんきーです!

今回はメニューをボタンのようにする方法ということで記事を書いていきます。

正直設定方法がわかれば、かなり簡単にカスタマイズができるので
ぜひ一度実装してみるといいかと思います!

実際にできるものとしては僕のブログのページ上部の
「WEB制作のお問い合わせはこちら」
という部分と同じ実装になります。↓↓↓

それではさっそくやっていきましょう!

メニューの設定をする

①WrodPressの管理画面からスタート

②左側項目の「外観」→「メニュー」をクリック

③設定したいメニューを選択して展開し、
「このメニュー項目を強調する」にチェックを入れる

ドロワーナビゲーションで不具合が出ることがある

ここまでの設定で上記のようなメニューの実装は可能です。

ただ、このままだとドロワーナビゲーションでみた時に不具合が出る場合があります。

例えばこんな感じです↓↓↓

ドロワーナビゲーションで表示した時にメニューを強調する色が
サブアクセントカラーに設定されている色で表示されます。

上記の事例の場合は文字色が白で、
サブアクセントカラーに設定している色も白の場合にこのようになってしまいます。

なので、対応としてはサブアクセントカラーの設定をしていくということになります。

サブアクセントカラーの設定

①WordPress管理画面から、カスタマイズ画面へ入る

②左側メニューの「デザイン」→「基本デザイン設定」をクリック

③サブアクセントカラーの設定(お好きな色をどうぞ)

以上です!

サブアクセントカラーを変更することでこんな感じになります↓↓↓

まとめ

今回も難易度は低いですが、設定方法を知らない方も多いかと思い共有させていただきました。

実際僕もちづみさんの勉強会で最近知りましたw

ほんとこのような知識を教えていただけるのはありがたいです!

それでは今回はこの辺で終わりにさせていただきます。

Twitterで主に活動しているので
何かありましたらDMで絡んでくださいね〜

ではご覧いただきありがとうございました!!!

この記事を書いた人

じゃんきー

病院で10年以上医療職として勤務する傍ら、副業に取り組む。
副業で5〜10万を得られることで生活やメンタルが豊かになることを実感。
同じように感じてもらえる仲間を増やすため、副業お助けブログを運営。
夢は副業で得た収入で家族とのハワイ旅行。
自分の強みや目標、やりたいことを一緒に見つけませんか?