【DIVER】固定ヘッダを透過させる方法（WordPressテーマ）
2020年9月14日
格安SIM・スマホ最新特価のおしらせ
- ★一番人気★【IIJmio】6/23発売！OPPO Reno7 AがMNPで19.800円に!!（IIJmio公式ページはこちら）
- 【IIJmio】6/20より、6ヵ月間月額料金が300円割引実施中！（公式ページはこちら）
- 【IIJmio】6/3発売のmoto g52j 5GがMNPで14,800円に!!（公式ページはこちら）
- 【IIJmio】5/30発売のRedmi Note 11 Pro 5GがMNPで22,800円に!!（公式ページはこちら）
- 【LINEMO】ミニプランが実質6ヵ月無料キャンペーン実施中!!（公式特設ページはこちら）
わい楽天モバイルからのMNPでIIJmio端末セットが非常に人気です！
DIVERを使用していて、固定ヘッダを透過処理するにはどうするのか？といった疑問がありました。
無事に透過処理できたので、ご紹介します。
以下のように、スクロールした際に固定ヘッダが透過します。
固定ヘッダの左右にドロワーアイコンと検索アイコンを表示させたい方は、以下をごらんください。
関連記事【DIVER】ヘッダにメニューと検索アイコンを設定する方法（WordPressテーマ）
ヘッダの透過処理について、設定自体は非常に簡単です。
WordPress管理画面から「外観」→「カスタマイズ」→「基本カラー」と移動しましょう。
その後、以下のように、「固定ヘッダ―背景」を選択します。
サイトカラー設定から透過することが可能。
選択すると、色変更パレットが出てくるので、下部の透過スライダーを変更します。
これで完了です。どこを設定変更すればよいかが分かるまでは、苦労しますが、一度分かってしまえば簡単ですね。