延續上一篇的教學,在這篇文章中,我會詳述如何初始化你的 WordPress 網站以及套用正確的模版來讓你的網站看起來更專業。
網站初始化
在安裝完 WordPress 後,登入後台管理介面 (https://[你的網域名稱]/wp-admin) 我們會發現有很多彈出式的通知訊息。這主要是因為網路託管服務商會在安裝 WordPress 到你的網站上時預先安裝一些他們推薦的插件 (plugins) 或主題 (theme)。大部分的時候我們其實並不會全部用到這些東西,所以我會強烈建議讀者在安裝完 WordPress 後,先把網站初始化並使其回到最乾淨的狀態。這樣一來可以讓網站在無論是視覺上或是在系統架構上更加乾淨,二來也可以避免這些預載插件與未來真正要用到的功能產生衝突。
移除預載插件
在後台,從左側側邊欄中選取 Plugins,我們可以看到所有預載的插件都列在此處。將其全選並套用 Deactivate 後 Delete。
移除預設頁面
接著,一樣從後台左側側邊欄中選取 Pages,這裡也有一些 WordPress 預先產生的頁面。一樣將其全部選取後套用 Move to Trash。注意,因為我是使用目前我的網站的狀態作為範例,可能會與你看到的畫面有些許不同,但這並不影響操作。
移除預設貼文
最後,一樣從後台左側側邊欄中選取 Posts,你也會發現有一些系統預先產生的貼文在這裡。一樣全選後 Move to Trash。
安裝模版插件及主題
至此,網站初始化就完成了。如果是喜歡自己手刻網站的人,就可以從這邊開始自己設計每個網站的元素並套用。然而,既然使用了 WordPress,我們其實更多的時候可以從大量的網路素材中尋找一個適合自己網站的風格並以此更改,這樣也能事半功倍。在過去,通常我們會在網路上尋找適合自己的主題後套用在自己的網站上,然而往往很難找到一個可以完全涵蓋我們需求的主題,以至於有很高的機率還是需要額外付費或是自己花大量時間跟客製化,其中甚至還有可能要修改程式碼。因此,以下我將介紹如何使用 Astra 與 Starter Templates 的互相搭配來達到高度彈性及客製化的網站設計。
安裝 Astra
Astra 是一個快速且非常輕量的 WordPress 主題。它主要的特點是能夠與 Elementor 及 Beaver Builder 等 WordPress 主流視覺化編輯器高度相容。因此要維護使用 Astra 建造的網站的技術成本是相對低的,即便是不會寫程式的人也可以透過 Web UI 輕易地對網站設計進行調整。另外 Astra 也提供相當多的模版可以使用(包含接下來會介紹的 Starter Templates)。即便是免費版 Astra,功能也足夠強大到適用大部分的狀況。無論是電商平台、部落格系統,或是個人品牌網站,我們都可以在裡面找到適合的模版。
- 回到網站後台,在左邊側邊欄中找到 Appearance 後點擊下方的 Themes。接著在右邊 Add Themes 內搜尋 Astra 並點擊 Install 後 Activate。
安裝完成後,會到網站首頁會發現頁面雖然稍微變得不一樣了,但畫面依舊相當陽春。不要緊張,接下來我們要使用 Starter Templates 來挑選一個適合自己網站風格的主題。
安裝 Starter Templates
Starter Templates 是一款由 Astra 的開發團隊 (Brainstrom Force) 開發的插件。其中提供大量免費及付費版模版供不同類型的網站使用,並完全與 Astra 相容。
- 回到網站後台,在左邊側邊欄中點擊 Plugins 後並在右方 Add Plugins 中搜尋 Starter Templates。點擊 Install Now 並 Activate。
- 安裝完成並啟用後,在左邊 Appearance 列表下我們會看到有 Starter Templates 的選項出現了。
- 點擊後會被導向到 Start Templates 的網站。點擊下方的 Build Your Website Now。這時候會出現下面幾個選項:
這邊可以自由選擇自己偏好的頁面建構器 (page builder)。由於這系列的教學文將會以 Elementor 作為主要的編輯選項,所以這邊選擇 Elementor 後繼續。 - 最後會被導向至選擇模版的頁面。在這個頁面中挑選適合你網站風格的模版後套用。這邊以 Love Nature 的模版為例,我們會先被詢問有沒有網站 Logo。目前沒有或還沒決定的話也沒關係,未來都還是可以在網站內修改,點擊 Skip & Continue 後下一步。
接著是偏好字體及網站的顏色風格。這在未來一樣可以從網站後台中修改。選擇好後點擊 Continue 繼續。
最後會詢問一些基本資料,填完後點擊 Submit & Build My Website 就會開始安裝模版了。 - 待安裝完成後,你會發現在你的 Pages 新增了一些模版頁面。另外 Plugins 中也安裝了一些這個模版需要的插件,通常會是 Elementor 及 WPForms Lite。
至此網站的初步雛形已經建立,接下來在未來章節中我們會介紹如何使用 Elementor 來編輯並設計頁面,以及有哪些優秀的插件可以使用。