WordPress教學 4-1網站的佈景設計

網站的佈景主題,其實是很多客製化網站最多業主所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為主。

←Wordpress教學 文章列表

回到頂端