新增、預覽和購買佈景主題

此頁面列印時間為 Apr 11, 2021。如須最新版本，請至 https://help.shopify.com/zh-TW/manual/online-store/themes/adding-themes。

為了協助您快速上手，當您開設 Shopify 帳號時，系統會在管理員介面的「佈景主題」頁面中設定預設佈景主題。若要為線上商店自訂不同的佈景主題，則您必須將其他佈景主題新增至管理員介面中。

您可以透過以下幾種方式新增佈景主題：

  • 如果您電腦的 .zip 檔中已經有佈景主題，您可以上傳佈景主題檔案。
  • 您可以在管理員中快速又輕鬆地新增免費佈景主題。
  • 您可以向 Shopify 佈景主題商店購買付費佈景主題。雖然您須先購買付費佈景主題，才能將其發佈到線上商店，但您可以在購買前試用付費佈景主題。

您可以在帳號新增多個佈景主題，以便試用任何新版佈景主題、保留已發佈的佈景主題的季節性版本，或是對已發佈的佈景主題副本進行變更測試。您可以預覽這些佈景主題，但任何時候都只能發佈一個佈景主題。在您切換至新版佈景主題後，仍可以在 Shopify 的「佈景主題」頁面上查看舊版佈景主題。

您可以新增的佈景主題數量視您的方案而定。您的 Shopify 帳戶 最多可以新增 20 個佈景主題。有關 Shopify Plus 佈景主題數量上限，請參閱「Shopify Plus」。如果您已達到方案的佈景主題數量上限，則需要先移除佈景主題，然後才能新增佈景主題。

新增佈景主題後，您可以建立連結，以便與其他人分享預覽。如果您希望在發佈新佈景主題或啟動線上商店前獲得回饋意見，這項功能就非常實用。

從您的電腦上傳佈景主題檔案

如果您電腦的 .zip 檔中已經有佈景主題，您可以上傳至管理員中的佈景主題頁面。

在上傳檔案前，請確保將佈景主題檔案壓縮為單一 .zip 檔。

步驟：

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在「佈景主題庫」區段中，按一下「上傳佈景主題」。
  2. 在「上傳佈景主題」視窗中按一下「選擇檔案」，以選擇要上傳的 .zip 檔。
  3. 按一下「上傳」。該佈景主題隨即會新增到管理員的「佈景主題」頁面。

從管理員新增免費佈景主題

Shopify 開發的免費佈景主題Shopify 支援免費佈景主題的自訂項目協助。

步驟：

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在靠近頁面底部的「免費佈景主題」區段中，按一下「探索免費佈景主題」。接著便會跳出一個顯示所有免費佈景主題的視窗。
  2. 按一下任何佈景主題，即可閱讀其功能說明，並預覽可用的佈景主題樣式。
  3. 按一下佈景主題的「新增」按鈕。該佈景主題隨即會新增到您管理員的「佈景主題」頁面上。

向 Shopify 佈景主題商店購買佈景主題

付費佈景主題是由第三方設計師開發。第三方佈景主題的一般支援服務和版本更新由佈景主題設計師提供。如果您需要進階自訂項目，但沒有使用 HTML，CSS 和 JavaScript 開發網站的經驗，請考慮聘請 Shopify 專家。

步驟：

  1. 造訪 Shopify 佈景主題商店 並選擇一個佈景主題。若您仍在試用期限內，請選擇免費佈景主題，以免需支費任何費用。
  2. 若您選擇了免費佈景主題，請按一下「新增佈景主題」或「開始使用此佈景主題」。若您選擇了付費佈景主題，請按一下「購買佈景主題」來購買該佈景主題。付費佈景主題無法退款。為確保佈景主題符合您的需求，您可以試用付費佈景主題後再購買。
  3. 若為付費佈景主題，請按一下「核准收費」來核准付款。該佈景主題隨即會新增到您管理員的「佈景主題」頁面上。

在您的商店中試用付費佈景主題

購買佈景主題之前，您可以試用付費佈景主題，確認其與產品、品牌顏色和風格的搭配效果。預覽佈景主題時，您可以使用佈景主題編輯器自訂佈景主題。購買佈景主題時，您所做的任何變更都會儲存下來。您最多可以預覽 19 個付費佈景主題，以便您在購買前比較不同的佈景主題。若要取得付費佈景主題的支援服務，請聯絡佈景主題開發人員。

步驟：

  1. 造訪 Shopify 佈景主題商店 並選擇一個付費佈景主題。
  2. 按一下「試用佈景主題」。接著您的線上商店便會載入佈景主題預覽。
  3. 請從頁面底部的工具列中，執行以下其中一個選項： - 若要停止預覽佈景主題，請按一下「關閉預覽」
    • 若要購買佈景主題，請按一下「購買佈景主題」
    • 若要使用佈景主題編輯器修改佈景主題設定，請按一下「自訂佈景主題」。

即使您決定不購買佈景主題，該付費佈景主題也會新增到管理員介面的「佈景主題」頁面。您正在試用的付費佈景主題會加上「佈景主題試用」的標籤。

切換佈景主題

在您將新版佈景主題新增至商店後，這些佈景主題會顯示在 Shopify「佈景主題」頁面的「佈景主題庫」區段中。若要切換佈景主題，您可以將新版佈景主題發佈至線上商店。在您發佈新版佈景主題後，仍可從佈景主題庫中存取舊版佈景主題，而您也能隨時選擇切換回舊版佈景主題。

如果您是手動更新佈景主題，則更新版的佈景主題就會在佈景主題庫中顯示為另一個獨立版本。在您切換為更新版後，仍可以在佈景主題程式庫中存取舊版佈景主題。若要深入瞭解，請參閱「更新佈景主題」。

準備切換佈景主題

佈景主題新增至您的佈景主題庫後，您可以開始量身訂作然後再發佈。這是一個好機會，讓您在取代現有的佈景主題之前，先檢視新佈景主題、調整設定及內容，以反映您的商店特色。您也可以在先行準備好的多個佈景主題之間切換，而不必重新設定。

您變更新的佈景主題時，商店的產品、商品系列、導覽選單、頁面、部落格文章不會變更或刪除，這是因為它們在管理員中受到管理，和佈景主題分開。不過，使用佈景主題編輯器、佈景主題程式碼編輯器，以及語言編輯器管理的內容和設定，則專屬您上傳的每個佈景主題和佈景主題版本。

您的線上商店有以下項目與佈景主題相關聯。您必須為想要使用的每個佈景主題自訂線上商店的這些項目。

  • 套用到您商店中的 靜態區段 的設定。這些區段通常會控制以下頁面的外觀和功能，例如產品頁面或顯示在頁首和頁尾區段等多個頁面的區段。
  • 顯示在首頁的動態區段，與每個區段的內容。
  • 佈景主題設定，包括套用到您線上商店的顏色和字型。
  • 佈景主題的文字。
  • 自訂程式碼，包括由應用程式新增的自訂程式碼。
  • 可用的佈景主題範本。

並非所有的佈景主題都支援 Shopify 的所有功能。您應檢閱佈景主題的功能清單，以確保得到您所需的功能。

與他人分享佈景主題預覽

如果您即將發佈線上商店或計畫透過發佈新的佈景主題來變更外觀和風格，那麼您可以分享佈景主題預覽以取得其他人的回饋意見。您可以建立連結，讓其他人可以使用此連結來存取您在 Shopify 管理介面新增的佈景主題的預覽。佈景主題無需發佈即可與他人分享。

預覽連結可使其他人能瀏覽您的線上商店，但無法存取結帳頁面。預覽連結建立後 14 天內均為有效。您可以視需要隨時建立新連結，且不會影響舊的預覽連結。

步驟：

  1. 在 Shopify 管理介面，前往「線上商店」 > 「佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 在 Shopify 應用程式中，點一下「商店」。
  2. 在銷售管道畫面上，點一下「線上商店」。
  3. 點一下「管理佈景主題」。
  1. 針對要分享的佈景主題，按一下「操作」，然後選擇「預覽」。
  2. 在頁面底部的預覽列，按一下「分享預覽」。包含專屬分享連結的視窗隨即開啟。
  3. 按一下「複製連結」以將連結複製到剪貼簿中。
  4. 在電子郵件、線上聊天或社交媒體中貼上連結以進行分享。

準備好開始透過 Shopify 銷售商品了嗎？

免費試用