如何使用Container製作透明頁首

本文說明如何使用Container製作透明頁首

1.於首圖上方點選 + 號,新增由左至右的區塊。

2.點選元素中的”網站標誌”,拖曳至區塊中,接著再放入”WordPress Menu”,即為網站選單。

3.網站標誌設定
樣式:寬度建議可設定為pixel。

4.調整container高度:最小高度可設定為100,即為頁首高度。

5.點選Wordperss menu,先將文字調整為白色,接著點選下方首圖的container,進入”進階”中調整邊界,設定為 -100。設定完成即可看到下方圖示中,選單就置入了首圖上方,接著再調整文字顏色即可。

如不需要透明頁首,上述進階中的邊界則無需調整。

*可點選下方的導覽器來確認項目。

6.點選頁首container”進階”,將Index設定為1,方便調整”網站標誌”的排序。

版面配置:調整呈現位置,可選擇垂直、置中等。

7.WordPress Menu設定
內容:可設置文字位置。

樣式:可調整文字顏色、字型、水平、垂直內距等。

8.下方的響應式可檢視平板與手機的版面是否有跑版。

樣式:可調整顏色。

內容:全寬模式打開,可調整跑版問題。

下拉:調整水平與垂直內距。

9.按下發佈按鍵即完成更新。

返回頂端