返回支援 設計你的網站 佈景主題 佈景主題

佈景主題

你在 WordPress 建立網站的前期,會遇到「佈景主題」這個設定。我們會在本指引中說明何謂佈景主題、對網站的作用,以及各類佈景主題的差異。

關於佈景主題

佈景主題是網站的視覺設計和整體版面配置,會控制訪客所看到的網站內容呈現方式。佈景主題包含各種設計組件,例如顏色配置、文字設計、頁面版面配置,以及讓網站整體外觀一致且連貫的其他元素。

你可以將佈景主題視為打造網站外觀和功能的起點。與其從頭開始打造網站設計,不如運用佈景主題的設計架構,滿足你快速推出網站的需求。有了佈景主題,你就能立即開始建立內容,不必花太多時間決定內容外觀。精心設計的佈景主題能為你包辦一切雜務!

你也可以變更為不同的佈景主題,這個動作不會導致遺失網站內容,系統會自動套用新的變更。

佈景主題:Twenty Twenty-Four

如何選擇佈景主題

既然選項如此之多,思考你想要的佈景主題會很有幫助。請記住,重點在於你可以完整控制網站版面配置。當你啟用 WordPress.com 佈景主題後,就能使用網站編輯器,變更網站上所有元素的文字、圖片、顏色、字型、版面配置和位置。

決定佈景主題時需要考量的因素包括:

  • 你喜歡頁首區域的外觀嗎?你通常會在此處看到網站標題、選單和標誌。
  • 你喜歡內容的安排和呈現方式嗎?雖然你可以變更外觀,但選擇你喜歡的版面配置後,就能減輕日後內容移動的工作量。
  • 你喜歡佈景主題在手機和平板電腦螢幕上顯示的樣子嗎?若想加以確認,不妨開啟即時示範,並使用頂端的選取器在桌面裝置、平板電腦和行動裝置之間切換。所有 WordPress.com 佈景主題的版面都能自動調整,以配合各種螢幕大小 (包括行動電話)。
佈景主題: Gourmetto

檢視佈景主題時,請將重點放在整體版面配置,而非示範中顯示的主題。佈景主題的示範網站可能會示範家具店、音樂作品集、時尚網站或美食網誌。不過,只要將示範文字和圖片換成你自己的內容,就能為任何想得到的主題自訂網站。

佈景主題:Iotix

瀏覽可用的佈景主題

若要瀏覽 WordPress.com 上可用的佈景主題系列,請造訪 WordPress.com 儀表板中的「外觀」→「佈景主題」。你不需要在網站上傳或安裝這些佈景主題,只要按一下按鈕即可啟用。

可用佈景主題的螢幕截圖,其中顯示幾個免費、進階版和合作夥伴佈景主題。

我們提供各種佈景主題供選擇,適合各種網站和預算,且持續增加新主題。你在瀏覽佈景主題時,會注意到佈景主題名稱正下方有下列其中一個標籤:

你也可以在任何啟用外掛程式的方案中,搜尋 WordPress 社群開發的佈景主題,例如 AstraOceanWP 等。搜尋你所喜愛的社群佈景主題,可在佈景主題縮圖下尋找「社群」標籤。

不同佈景主題

以下辭彙是指 WordPress 生態系統中的佈景主題類型:

區塊佈景主題是 WordPress 上可用的最新、最讚的佈景主題。這些佈景主題有時稱為「全站編輯」(也就是 FSE) 佈景主題,你可充分運用網站編輯器的強大功能,打造完全符合需求的版面配置,無須任何程式碼編寫經驗。

區塊佈景主題可提供更多網站設計彈性。你可用區塊佈景主題現成的起始版面配置,或將其作為實現構想的出發點。區塊佈景主題可讓你精確控制網站上的每個元素。

區塊佈景主題透過樣式來設定網站的顏色、文字設計和版面配置,進而擴大這些自訂功能的可能性,不再侷限於舊版佈景主題可用的自訂功能。區塊佈景主題可讓你編輯範本,藉此控制網站呈現內容的方式,以及建立可在網站的頁面、文章和其他內容中重複使用的自訂範本、範本組件版面配置,從而讓網站不再受限於單一外觀、調色盤或導覽選單。

注意:通用佈景主題 (如下所述) 也會顯示在區塊佈景主題篩選頁面中。

通用佈景主題

通用佈景主題是我們為區塊編輯器建立的第一個佈景主題版本。雖然通用佈景主題與區塊佈景主題大同小異,但主要區別在於前者仍會使用自訂工具來編輯「選單」等元素。

混合型佈景主題

混合式佈景主題是專為使用區塊 (而非網站編輯器) 而打造的基本佈景主題。與區塊佈景主題相比,混合型佈景主題僅提供最基本的自訂選項。

傳統佈景主題

傳統佈景主題是指在 WordPress (區塊) 編輯器推出前開發的佈景主題。設計的編輯方式主要是透過「外觀」→「自訂」,但整體結構和版面配置通常是由佈景主題所訂定,無法調整為與區塊佈景主題相同的控制層級。傳統佈景主題無法使用大部分區塊編輯選項 (例如全寬內容)。

第三方佈景主題

本節指引適用於 WordPress.com Creator 或 Entrepreneur 方案,以及舊有專業版方案的網站。若是採用免費、Starter 和 Explorer 方案的網站,只要升級方案,即可存取此功能。

第三方佈景主題是由眾多第三方開發人員所開發用於 WordPress 平台的佈景主題。佈景主題上傳指引會逐步說明如何將第三方佈景主題新增到網站。

不論你對網站有何想法,都能找到適合的佈景主題。若你想使用 WordPress.org 或 Themeforest 等市集的佈景主題,選擇佈景主題時請留意以下其他因素:

雖然我們不提供第三方佈景主題的支援,但會在取得外掛程式和佈景主題的協助支援指引中提供建議,說明如何取得與這些佈景主題有關的協助。

深入了解佈景主題

我們的專屬佈景主題指引可協助你在網站上啟用、設定和自訂佈景主題:

啟用佈景主題

選擇佈景主題是打造網站之初重要的一環。本指南將說明如何尋找佈景主題,並協助你選擇符合網站願景的佈景主題。

新增示範內容

「示範內容」的用處是展示佈景主題所有的功能。你可以將示範內容加入網站,之後再換成自己的文字和圖片。利用示範內容加以修改,會比從空白網站開始容易得多。

上傳佈景主題

本指南將說明如何將佈景主題上傳到 WordPress.com 網站。

建立子佈景主題

如果你具備 HTML 和 PHP 知識,可藉由建立子佈景主題來變更佈景主題的程式碼。

佈景主題檔案編輯器 (進階)

此功能適用於 WordPress.com Creator 或 Entrepreneur 方案。如果你的網站選用我們任一舊版方案,則可於專業版方案使用。

佈景主題檔案編輯器是一項 WordPress 工具,可讓你直接編輯網站所安裝佈景主題的程式碼。此工具的適用對象為具備進階程式設計知識的網站擁有者。如果你並非上述適用對象,我們建議你不要使用此功能,因為這會有損毀網站的風險。只要使用這些替代方案,就可以在不使用佈景主題檔案編輯器的情況下完成大多數工作。

佈景主題檔案編輯器的螢幕截圖,其中顯示 Twenty Twenty-One 佈景主題的 style.css 檔案。
佈景主題檔案編輯器

若要存取佈景主題檔案編輯器:

  1. 前往網站的儀表板。
  2. 前往側邊欄中的「外觀」。
  3. 按一下「佈景主題檔案編輯器」。如果此處未列出,即表示你的佈景主題不提供佈景主題檔案編輯器
  4. 在右上角,從標示為「選取要編輯的佈景主題」的下拉式選單中選擇要編輯的佈景主題,然後按一下「選取」按鈕。
  5. 在右側按一下要編輯的特定佈景主題檔案。此佈景主題檔案會載入於左側程式碼視窗。
  6. 進行變更後,按一下底部的「更新檔案」按鈕,即可儲存變更。

佈景主題檔案編輯器的替代方案

不必使用佈景主題檔案編輯器,就能對佈景主題進行重大變更。不妨考慮下列選項:

Copied to clipboard!