WordPress

スマホのスライド式メニュー

投稿日:2017年1月13日 更新日:

使っているテーマのスマホのヘッドメニューは、ドロップダウンメニューなので本文が隠れるのですね。ちなみにStinger8です。

そこで、簡単にスマホのヘッドメニューをスライド式に変更しました。
実際のところ、JavaScriptだとか難しいし時間がかかるので、プラグインでいいものがないかと探していたら、見つけた優れものです。
左右どちらにもボタンがあって、メニューが横にスライドして開きます。本文に重なることもないので、見やすいですね。設定も簡単でした。

Mobile Menuというプラグイン。作成者はTakanakuiさん。詳細を読むと、「ここまでは要らない」と思ったのですが、試しにインストールして有効化し、使ってみると、「最高!」だったので、絶対おススメです。*スライドとドロップダウンメニューは広告が隠れますので、Googleアドセンス広告には向きません。ご注意ください。

Takanakuiさん、ありがとう。
Thank you for creating & supplying us the wonderful plug-in! You are the best.

Sponsored Link

スポンサーリンク

-WordPress

関連記事

blog

Stinger8 トップページだけ1カラムにする

Stinger8でトップページだけをデザイン上、サイドバーが非表示の1カラムにする場合の方法です。サイト全体のサイドバー非表示の方法はこちらです。 新規テンプレートを作成してトップページ及び特定の固定 …

blog

WordPressのセキュリティー対策

WordPressのセキュリティー対策にはクラッキングの第一候補に上がらないように、とりあえず今出来ることをやろうと思います。マイナーサイトもやられますよ! 自分は被害者なので警告します! 勝手にリン …

blog

テーマStingerで外観を変更する

アフィリエイターに人気のあるテーマを「Stinger8」に再変更する方法です。 Stinger8はコチラのリンクページからダウンロードします。http://wp-fun.com/dl/ stinger …

blog

CSS margin & padding の省略形

CSSのマージンとパディング marginとpaddingは-top, -bottom, -right, -leftと合わせて使いますが、省略形もありますね。 padding-top: 10px; p …

blog

Stinger8のサイドバーを無くす方法

Pet 関連サイトのリスティングサイトなんですが、大きく地図を使うレイアウトにするため、サイドバーをなくしてメインを1コラムにすることにしました。単にsidebar.phpを開いて内容を消去する方法も …

Author Profile
こつこつインフォの筆者こつ子です。
いつも兀々やってます。
出版関係のグラフィックデザイナー。
趣味はWebsiteを作ること、ヨガ、犬と山歩き、フルーツ酒作り。
読んでくれてありがとう〜!
**ご意見はこちらへ**