【DIVER】固定ヘッダを透過させる方法(WordPressテーマ)
2020年9月14日

DIVERを使用していて、固定ヘッダを透過処理するにはどうするのか?といった疑問がありました。
無事に透過処理できたので、ご紹介します。
以下のように、スクロールした際に固定ヘッダが透過します。
固定ヘッダの左右にドロワーアイコンと検索アイコンを表示させたい方は、以下をごらんください。
関連記事【DIVER】ヘッダにメニューと検索アイコンを設定する方法(WordPressテーマ)
ヘッダの透過処理について、設定自体は非常に簡単です。
WordPress管理画面から「外観」→「カスタマイズ」→「基本カラー」と移動しましょう。
その後、以下のように、「固定ヘッダ―背景」を選択します。
選択すると、色変更パレットが出てくるので、下部の透過スライダーを変更します。
これで完了です。どこを設定変更すればよいかが分かるまでは、苦労しますが、一度分かってしまえば簡単ですね。