網站設計的原理是由很多的區塊構成的,所以在內容contents上其實是一格一格的,而這和樣式是會有很大的關聯性,主要是有兩個主要調整的部份(1)區塊與區塊的距離 (2)區塊與背景的重疊透明度.
一、區塊與區塊的距離
設定方式:外觀>自訂>版面型式>容器
(1)分隔容器:
其中有很多的參數可以再自行設定
Separating Space:區塊和區塊的距離.
Content Padding:區塊內內容之間的距離.
(2)單一容器:
二、區塊與背景的重疊透明度
(1)設定背景圖片
設定方式:外觀>自訂>Background Images
Body:設定的是整個頁面的背景.
Content:設定的是只有內容部份的背景.
Sidebar:設定的是左/右側邊欄的背景.
(2)設定背景顏色
設定方式:外觀>自訂>Colors
Contens:內容的背景顏色
Sidebar Widgets:側邊欄的顏色
建議:容器可以設定背景圖片,再搭配Content設定透明的背景顏色,效果會有毛玻璃的效果,會更有立體感。