ワドプラ

WordPressのDigiPressテーマ『MAGJAM』のことやWordPressテーマ、WordPressプラグインのことなど書いています。

MAGJAMでスクロールした時にグローバルナビゲーションを透明にならないようにする方法

MAGJAMでスクロールした時にグローバルナビゲーションを透明にならないようにする方法

DigiPressテーマ「MAGJAM」では、画面スクロールした時にグローバルナビゲーションを透明になり上部に固定して追従される仕様になっています。

スクロール時に透明になるので記事を読むことに集中できますが、人によってはグローバルナビゲーションがくっきり見えてメニューを選択出来たほうが良いと思う人もいるでしょう。

そこで今回は、「MAGJAMでスクロールした時にグローバルナビゲーションを透明にならないようにする方法」を紹介します。

やり方は簡単で「オリジナルスタイルシート設定」にCSSを記述するだけです。

スポンサーリンク

MAGJAMのデフォルト

150318 0001

MAGJAMのデフォルト状態では、上記のように画面をスクロールするとグローバルナビゲーションが透明になり上部に固定されたまま追従されます。

オリジナルスタイルシート設定にCSSを記述後

150318 0002

オリジナルスタイルシート設定にCSSを記述して定義すると上記のように透明化せず、上部に固定されたまま追従します。

コード

上記コードをDigiPress⇢「ビジュアル設定」⇢「オリジナルスタイルシート設定」内のオリジナルスタイルシートに記述し「設定保存」しましょう。

あとは画面をスクロールして試してみましょう。透明化されないようになったと思います。

さいごに

元に戻したい場合(透明化したい)は、オリジナルスタイルシートに記述したコードを消去して「設定保存」すれば元の状態に戻すことができます。

好みに合わせて設定してみると良いでしょう。

それではまた〜

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

Twitter で

COMMENTS & TRACKBACKS

  • Comments ( 1 )
  • Trackbacks ( 0 )
  1. 早速、試してみました!
    透明化されない方が自分好みです。
    ありがとうございました。

コメントはこちら

*
*
* (公開されません)

Return Top