網站的佈景主題，其實是很多客製化網站最多業主所Care的地方，因為希望有一個漂亮好用的網站，但是其實網站的外觀並不是那麼單純，首先會有幾個部份須要關注(1)行動版外觀、電腦版外觀 (2)資料是靜態的還是動態 (3)UI/UX是否便利;從這三個部份來進行設計你的網站才會真的有用。
其中RWD會自動轉換電腦手機版，所以(1)其實不用花太多的心力，而(2)資料部份，其實這個可以使用wordpress的外掛部份來彌補，(3)UI/UX基本上已有很多網站設計了，所以好的UI/UX其實也都是固定的，反而太特別的外觀其UI/UX就沒有那麼的好讓用戶操作;綜合以上狀況，其實現在網站的外觀的設計，比較多是處理(1)位置，內容的排版 (2)圖示 (3)色彩及背景
要來做網站的佈景設計，先要暸解網站的結構如下圖:
head頁首:網站的示別，要獨一無二的名字比較好.
放置內容:logo圖示、網站名稱、網站的slogon.
設定內容:位置、背景、圖片、大小.
nav(主選單):網站的導覽列，要讓用戶可以點選時非常便利.
放置內容:網站結構連結、網站的功能.
設定內容:位置、背景、是否出現logo、文字大小.
body content(內容):
放置內容:通常放置是文章及頁面的內容，是大家主要看網頁的用意.
設定內容:位置、背景、版面的大小
sidebar(側邊欄):
放置內容:通常放置是文章及頁面的內容，是大家主要看網頁的用意.
設定內容:位置、背景、版面的大小
footer(頁尾):
放置內容:通常放置是版權說明，電話、地址、電子郵件.
設定內容:位置、背景、版面的大小
以上是基本在一開始做版面設計時，須認知的名詞及位置，而後續課程我們會繼續來說明每一個環節，而原本須要有程式編譯能力才可以設計的，現在可以使用外掛及佈景的方式就可以進行修改了，這邊我們會以generate press這個佈景主題為範列來做說明。
請各位先安裝外觀，Generate Press，而這邊有申請試用主機的朋友，之後轉成付費主機後，就可以使用完整版的Generate Press這個佈景主題了，而這個佈景主題是經過多位網站前端設計師測試過，最為穩定、相容性最高、速度最快、可客製化程度高的佈景主題，因此課程會以Generate Press為主。