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

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

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

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

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

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

メニューの設定をする

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

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

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

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

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

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

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

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

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

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

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

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

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

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

以上です!

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

まとめ

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

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

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

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

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

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

この記事を書いた人

じゃんきー

こんにちは!じゃんきーブログを運営しているじゃんきーです。
1987年生まれ。
妻、子ども2人、ねこ1匹と暮らす30代の男。
大学卒業後、作業療法士として病院に10年以上勤務。
家族とのハワイ旅行などより豊かな生活を夢見て、副業に挑戦。
現在WordPressでのWEB制作、ShopifyでのECサイト制作を中心にフリーで活動中。
TwitterのDMなどお気軽にお問い合わせください。