ワドプラ

WordPressのDigiPressテーマ『MAGJAM』や無料・有料WordPressテーマ、WordPressプラグインを書いています。

MAGJAM スマートフォン表示でグローバルメニューを固定して追従する方法

MAGJAM スマートフォン表示でグローバルメニューを固定して追従する方法

このブログでは、DigiPressのWordPressテーマ「MAGJAM」を利用しています。

久しぶりにその「MAGJAM」のちょっとしたカスタマイズネタを記載します。

以前の記事で、パソコン画面で、スクロール時にグローバルメニューが追従しないようにする方法を紹介しました。

パソコンでは「グローバルメニューが自動追従をしない」方が良いと思い私はこのように設定していますが、スマートフォンでは、グローバルメニューが自動追従してくれたほうが、操作する上で使いやすいと思い今回変更してみました。

そのやり方をご紹介します!

スマートフォンでグローバルメニューを固定して追従する方法

やり方はいたって簡単です。

以下のCSSをオリジナルスタイルシートにコピー&ペーストするだけで、スマートフォンでグローバルメニューを固定することができます。

コード

設定手順

170830 0006

WordPress管理画面→DigiPress→ビジュアル設定→オリジナルスタイルシート設定→上記コードをオリジナルスタイルシートへ貼り付ける。→設定の保存

これでスマートフォンで確認してみると、グローバルメニューが固定され追従されると思います。

気に入らないと思ったらオリジナルスタイルシートに貼り付けたコードを削除すれば元に戻すことができます。

さいごに

グローバルメニューが固定され追従するので、トップへ戻らずともいつでもグローバルメニューで移動が可能になります。

最近は標準でこういったグローバルメニューが固定されているWordPressテーマがありますよね〜。操作がしやすくなるのでオススメです。

ちなみに私は別のブログで、「ストーク」WordPressテーマを利用していますが、フッターに固定メニューを導入したらすごく使いやすくなりました。

STORK「ストーク」利用者にはオススメですよ〜。

同様に、DigiPressのWordPressテーマ「MAGJAM」でもグローバルメニューを固定したら便利かもと思ってやってみました。

それではまた〜

この記事が気に入ったら
いいね!しよう

Twitter で
Return Top