fbpx

WordPress教學 4-4網站的佈景設計-內容body

網站設計的原理是由很多的區塊構成的,所以在內容contents上其實是一格一格的,而這和樣式是會有很大的關聯性,主要是有兩個主要調整的部份(1)區塊與區塊的距離  (2)區塊與背景的重疊透明度.

一、區塊與區塊的距離

設定方式:外觀>自訂>版面型式>容器

(1)分隔容器:

其中有很多的參數可以再自行設定

Separating Space:區塊和區塊的距離.

Content Padding:區塊內內容之間的距離.

 

(2)單一容器:

 

二、區塊與背景的重疊透明度

(1)設定背景圖片

設定方式:外觀>自訂>Background Images

Body:設定的是整個頁面的背景.

Content:設定的是只有內容部份的背景.

Sidebar:設定的是左/右側邊欄的背景.

(2)設定背景顏色

設定方式:外觀>自訂>Colors

Contens:內容的背景顏色

Sidebar Widgets:側邊欄的顏色

建議:容器可以設定背景圖片,再搭配Content設定透明的背景顏色,效果會有毛玻璃的效果,會更有立體感。

←Wordpress教學 文章列表