本文說明如何使用Container製作透明頁首
1.於首圖上方點選 + 號,新增由左至右的區塊。
2.點選元素中的”網站標誌”,拖曳至區塊中,接著再放入”WordPress Menu”,即為網站選單。
3.網站標誌設定
樣式:寬度建議可設定為pixel。
4.調整container高度:最小高度可設定為100,即為頁首高度。
5.點選Wordperss menu,先將文字調整為白色,接著點選下方首圖的container,進入”進階”中調整邊界,設定為 -100。設定完成即可看到下方圖示中,選單就置入了首圖上方,接著再調整文字顏色即可。
如不需要透明頁首,上述進階中的邊界則無需調整。
*可點選下方的導覽器來確認項目。
6.點選頁首container”進階”,將Index設定為1,方便調整”網站標誌”的排序。
版面配置:調整呈現位置,可選擇垂直、置中等。
7.WordPress Menu設定
內容:可設置文字位置。
樣式:可調整文字顏色、字型、水平、垂直內距等。
8.下方的響應式可檢視平板與手機的版面是否有跑版。
樣式:可調整顏色。
內容:全寬模式打開,可調整跑版問題。
下拉:調整水平與垂直內距。
9.按下發佈按鍵即完成更新。