WordPress 新手入門 101 — Vol.2 佈景主題的架構與挑選 (OPEN GRAPH)

WordPress 新手入門 –  Vol.2 佈景主題的架構與用途

Ok, 只要你曾經使用或是安裝過WordPress,一定多少都會遇到以下的困擾:

  1. 看別人的佈景主題都超美的,為什麼我直接裝上去卻長的不一樣?
  2. 我想設計某個特定位置的樣子,可是根本不知道怎麼弄
  3. 前一個佈景主題跟這次下載的怎麼設定的位置都不同?
  4. 換了佈景主題以後,怎麼網站的讀取速度變超慢?
  5. 有沒有更簡單方便以及好用的佈景主題?

不管你是否遇過以上的問題或是還有更多疑問,都先請你暫停一下,我們先從最根本以及基礎的地方開始了解吧,一旦你理解了WordPress的基礎架構,相信未來絕對可以更快地上手。

1. 快速了解WordPress網站的基礎樣貌

首先我們先了解一下整個網站的樣貌,透過以下的圖,希望能夠讓你快速的對網站有概念,不論你今天使用的是不是WordPress,只要是在網頁設計的領域裡,所有的架構都差異不大。

網站架構簡單說明 -1

網站架構簡單說明 -2

舉凡網頁內的架構、頁首、內容、頁尾、Menu、文字大小等大方向的框架,大多都可以在佈景主題設定裡面找到,也是在蓋房子以前要先準備好的藍圖。

網站架構簡單說明 -3

網頁內的文字、排版、圖片以及其他工具的設定,則需要透過html & css 或是相關的外掛程式來輔助你完成,這部分留待下一篇文章再詳細說明。

網站架構簡單說明 -4

網站的網址 = 你家的門牌號碼。

舉例來說,當我們搬新家時,都會到相關單位註冊,告知相關單位說這裏是我們家的地址,這樣才能讓其他人找得到你家對吧?新網站上線前也一樣,首先選擇好我們要的網址名稱,例如 controlfreak.life是我們的網址(門牌),然後再到一些專門管理網域的第三方單位去申請你想要的網址,更多資訊可以到:https://www.gandi.net/zh-hant 去了解更多。

網站架構簡單說明 -4

蓋房子以前要先決定房子蓋在哪兒,相同邏輯,網站也是,只是順序可以是相反的。

通常在蓋房子前,我們會先選擇地段,再決定要購買土地或是租賃土地,而網站也一樣,你可以選擇自己架設伺服器或是找專業的單位租賃伺服器。很多初學者可能不理解伺服器究竟是什麼,簡單來說,伺服器就是一台電腦,只是不一定在你家中,也可以由專業的機構來管理,差別在於自己買地你就得面臨例如:管理的問題,安全性的問題,而交給別人則可以大幅降低管理的時間成本與學習成本,因此非必要我們一般不推薦自己架設伺服器來自找麻煩。

2. WordPress的佈景主題 ( Theme ) 具體能做什麼?

WordPress Theme

如同上述所提到,房屋的格局與佈局等於網站的框架。以房子來說,通常就是多大坪數、幾間房間、幾間廁所、幾間浴室、進出的位置怎麼安排還有坐北朝南等等的問題。而換成網站則是網頁的頁首、內容、頁尾、網頁的最大寬度以及要做幾頁,瀏覽的順序怎麼安排 (俗稱UX也就是使用者體驗)。要了解佈景主題具體能做什麼,首先要先從網站的最基本框架來看:

WordPress網站的基礎架構圖

網站架構簡單說明 -4

從上圖我們能大概看出來,網站內的整個框架,都是由佈景主題來決定的,也是在製作網站以前首要考慮的元素。如同我們之前的文章所提到WordPress的優點在於他是100%開放的工具,因此隨時都有人為了這個工具而製作出更好用,或是更美觀的佈景主題供我們選擇與使用。但也因為如此,每個作者所寫出來的佈景主題,在設定上都會有些許的不同,這也是新手剛入門時第一個會遇到的問題:找不到某個特定區塊該去哪裏設定。在這裡我們列出了大多佈景主題所能控制的項目以及範圍。

WordPress Theme setting
佈景主題設定頁面

 

佈景主題 ( Theme ) 能控制的區域如下:

  1. 網站說明與網站名稱設定
  2. Logo
  3. Menu 選單設定以及它的背景等特效
  4. 整個網站的文字大小、字體等設定
  5. 側邊欄位小工具
  6. 頁尾的設計與內容
  7. 額外的CSS或是JS設定
  8. 部落格頁面的設定
  9. Woocommerce ( 商城 ) 的外觀設定 ( 如果你有安裝這個外掛的話 )

這部分依照佈景主題的不同還會有些許差異,但整體來說,佈景主題所控制的項目就大約是上方的幾個項目了,另外還有一件事就是WordPress由於是來自國外的工具,因此大多數的佈景主題以及外掛程式都是以英文為主,因此如果你對於閱讀英文有些許困難,我們就建議你盡量選擇有熱心網友幫忙翻譯的佈景主題或是程式,或是加入我們的Facebook社群,我們都將會不定期提供翻譯檔案或是好用的工具資訊分享給你。

下一段,我們將實際進入到WordPress的佈景主題安裝以及相關基礎設定教學。

想要獲得更多的資訊?

餵食案子給我們?

1 thought on “WordPress 新手入門 –  Vol.2 佈景主題的架構與用途”

  1. Pingback: 如何選擇WordPress的伺服器?其實你該思考的是這件事... - Control Freak

Leave a Comment

Your email address will not be published. Required fields are marked *