こんにちは、ナオミです!
今日はこんな感じのメニューが背景画像の上にくるデザインをDiviで作って見たいと思います。
早速始めます。
Diviの固定ナビゲーションバーを無効にする
まずはDiviのオプションに行きまして、固定ナビゲーションバーを無効にします。
こうすることによって、メニューがスクロールと共についてくるのを防げます。
Diviのテーマカスタマイザー
次にメニューのカスタマイズです。
Diviのテーマカスタマイザーを開きます。
そして、『ヘッダーとナビ』→『第一メニューバー』に行きます。
メニューの背景色を透明にする
セクションに背景画像をセットする
ここまでのステップがちゃんと出来ていれば、このように表示されます。
好きな背景画像をセットします。
フォントの色を変えたり大きくして見やすくしましょう。
これで完成です。
Diviのことをもっと深く知りたい方は、Diviの使い方完全ガイドをご覧ください。