店面主題：如何安裝和配置它

已發表: 2018-01-12

在使用 WordPress 啟動 WooCommerce 商店時，店面是最靈活和可擴展的主題之一。

由於其簡潔的代碼架構，它在用戶中廣受歡迎，目前有超過 100,000 家在線商店使用 Storefront 作為其 WordPress 主題。

安裝 WooCommerce 店面主題

有兩種方法可以安裝 Storefront 主題，通過從 WP 儀表板搜索主題或手動上傳主題。

使用 WordPress 儀表板安裝

安裝 Storefront 的最快方法是通過 WordPress 儀表板。 按照以下步驟通過 WordPress 儀表板安裝 Storefront。

  1. 轉到外觀>主題>添加新
  2. 在搜索框中輸入“店面”，然後按 Enter。
  3. 將鼠標懸停在 Storefront 屏幕截圖上。
  4. 選擇“安裝”按鈕。
  5. 點擊激活

手動安裝店面

  1. 從 wordpress.org 下載最新版本的 Storefront
  2. 轉到外觀>主題>添加新
  3. 單擊上傳主題並選擇先前下載的 zip 文件。
  4. 點擊立即安裝
  5. 點擊激活

設置主頁

Storefront 有一個經過深思熟慮的內置主頁模板。 其簡潔的結構將幫助您的受眾輕鬆找到您銷售的產品。

默認店面主頁模板中有 6 個部分。 但是您可以根據需要添加或刪除該部分。

默認主頁部分：

  • 頁面內容
  • 產品類別
  • 最近的產品
  • 特色產品
  • 熱門產品
  • 特價商品
  • 暢銷產品

分配主頁模板

要設置主頁模板，請執行以下步驟：

  1. 轉到儀表板 -> 頁面並創建一個標題為“主頁”或任何您喜歡的頁面。
  2. 添加您喜歡的任何歡迎內容，這些內容將顯示在產品上方。
  3. 在右側，您會找到一個標題為“頁面屬性”的框
  4. 從“模板”下拉菜單中選擇“主頁”。
  5. 單擊發布或更新以保存更改。

顯示主頁模板

發布頁面後，現在您必須將此主頁顯示為您網站的首頁。 因此，任何登陸您網站的人都會首先看到此頁面。 要進行此設置，請執行以下步驟：

  1. 轉到儀表板 > 設置 > 閱讀
  2. 在您的主頁顯示下選擇一個靜態頁面（在下面選擇）
  3. 在主頁下拉菜單中選擇以前的主頁模板分配頁面。
  4. 點擊保存更改

重新排序店面主頁部分

您可以使用掛鉤或使用名為 Homepage Control 的插件來更改 Storefront Homepage 部分的順序。 請按照以下步驟重新排序您的主頁部分：

  1. 下載並安裝主頁控件
  2. 轉到外觀 -> 自定義 -> 主頁控制
  3. 根據您的需要拖動和重新排序部分。
  4. 單擊保存並發布以保存更改。

配置導航菜單

在店面主題中，您可以在 3 個位置顯示菜單。

  1. 主菜單 – 出現在站點徽標的正下方。
  2. 二級菜單 - 在搜索框附近的徽標旁邊。
  3. 手持菜單 - 移動設備的菜單。

設置菜單

默認情況下，如果未設置特定的主菜單，WordPress 會將所有頁面顯示為主菜單。 有時它會讓用戶感到困惑，讓他們很難弄清楚這些頁面是如何出現在菜單上的。

創建新菜單並向其中添加頁面

  1. 然後轉到管理面板，外觀 > 菜單
  2. 在頂部，您將找到菜單名稱字段。 在這裡寫下您的菜單名稱。
  3. 從左側單擊頁面（假設您要將頁面添加到菜單）
  4. 單擊查看全部以獲取所有已發布頁面的列表。
  5. 勾選您希望出現在菜單上的頁面。
  6. 選擇頁面後，單擊添加到菜單按鈕。
  7. 拖放菜單項以根據您的喜好重新排列它們。
  8. 點擊保存菜單

分配菜單

創建菜單後，將菜單分配到您希望它顯示的位置。 導航到外觀 > 菜單 > 菜單設置，然後從顯示位置複選框中檢查位置。

將產品類別添加到您的菜單

  1. 然後轉到管理面板，外觀 > 菜單
  2. 單擊左上角的屏幕選項並檢查產品類別
  3. 現在在左側窗格中將顯示一個產品類別選項卡。
  4. 單擊產品類別選項卡展開，選擇類別
  5. 選擇後單擊添加到菜單按鈕。
  6. 拖放菜單項以根據您的喜好重新排列它們。
  7. 點擊保存菜單

小部件設置

Storefront 允許您在 3 個不同的區域中顯示六個小部件區域。

  1. 側邊欄 - 主站點內容的左側或右側，
  2. 標題下方 - 就在網站標題下方和內容上方。
  3. 頁腳欄 1 - 頁腳區域
  4. 頁腳欄 2 - 頁腳區域
  5. 頁腳欄 3 - 頁腳區域
  6. 頁腳欄 4 - 頁腳區域

設置 WooCommerce

安裝 WooCommerce

  1. 轉到儀表板 > 插件 > 添加新> 搜索插件
  2. 搜索“WooCommerce”。
  3. 點擊立即安裝。
  4. 點擊激活。

配置 WooCommerce

激活 WooCommerce 後，系統會提示您使用嚮導安裝 WooCommerce。 它將處理所有初始設置。 它分為6個部分。

  • 頁面設置- 自動配置基本頁面（商店、購物車、結帳、我的帳戶）。
  • 商店位置- 配置商店位置、貨幣和銷售稅
  • 運輸- 配置重量單位和尺寸單位
  • 支付– 設置支付網關。
  • 主題– 安裝 WooCommerce 兼容主題。
  • 就緒-（可選）允許 WooCommerce 收集使用信息。

您可以隨時從 WooCommerce 儀表板中進行所有這些設置。

將產品添加到 WooCommerce

  1. 轉到 WordPress 儀表板
  2. 點擊產品 > 添加新的
  3. 在產品名稱字段中寫下您的產品名稱或標題。
  4. 在下面的編輯器中寫下您的產品描述。
  5. 現在，您必須將產品的一張特色圖片和其他圖片上傳到產品庫。
  6. 您會在右側找到標題為“產品圖片和產品庫”的框
  7. 將特色圖片上傳到產品圖片，將其他圖片上傳到產品圖庫
  8. 點擊發布。

設置產品價格和屬性

設置產品價格 轉到儀表板 > 產品並選擇任何產品。 然後向下滾動到產品數據部分。 以下是所有產品數據部分設置的簡短說明：

產品類別

  • 簡單產品：簡單的單品。
  • 分組產品：作為集合的一部分的產品。
  • 外部/附屬產品：在您的商店中列出但實際產品在其他地方出售的產品。
  • 可變產品：具有變化（尺寸、顏色）的產品
  • 虛擬產品：不需要運輸的產品。
  • 可下載產品：您必須提供可下載文件的產品。

一般的

  • 常規價格：常規產品價格。
  • 銷售價格：折扣產品價格。

存貨

  • SKU ：庫存單位 (SKU) 跟踪產品
  • 管理庫存：啟用庫存管理
  • 庫存狀態：產品是否有庫存或缺貨。
  • 單獨出售：可單次出售。

船運

  • 重量：產品的重量。
  • 尺寸：產品的長度、寬度和高度。
  • 運輸類別：將同類產品分組到某種運輸方式。

鏈接產品

  • 追加銷售：在產品詳細信息頁面下方顯示相關產品。
  • 交叉銷售：在購物車頁面顯示相關產品。
  • 屬性：選擇您的產品全局屬性。

先進的

  • 購買說明：完成購買後發送給客戶的說明。
  • 菜單順序：此產品的自定義訂購位置。
  • 啟用評論：啟用或禁用產品評論。

自定義店面

如何添加徽標

請按照以下步驟向您的網站添加和顯示徽標：
1. 轉到 WordPress 管理員然後外觀 > 自定義
2.然後轉到站點標識>徽標
3. 單擊選擇徽標以上傳您的徽標圖像。 （推薦圖片尺寸：470px X 110px）
4. 單擊發布。

在哪裡上傳網站圖標

請按照以下步驟向您的網站添加和顯示網站圖標：
1. 轉到 WordPress 管理員然後外觀 > 自定義
2.然後轉到站點標識>站點圖標
3. 點擊選擇圖片上傳您的徽標圖片。 （推薦圖片尺寸：512px X 512px）
4. 單擊發布。

如何更改帖子存檔或博客佈局

  1. 轉到外觀 > 自定義 > 博客定制器 > 發布檔案
  2. 從發布存檔佈局中選擇佈局
  3. 點擊發布

如何更改帖子存檔或博客專欄

  1. 轉到外觀 > 自定義 > 博客定制器 > 發布檔案
  2. 從Post Archive Column中選擇列號（全寬、2 列、3 列和 4 列）
  3. 點擊發布

如何更改單個帖子或文章佈局

  1. 轉到外觀 > 自定義 > 博客定制器 > 單個帖子
  2. 從單個帖子佈局中選擇佈局
  3. 點擊發布

如何更改字體

  1. 轉到外觀>自定義>常規樣式>排版
  2. 從字體配對中選擇字體
  3. 點擊發布

WooCommerce 定制

如何更改商店頁面佈局

  1. 轉到外觀 > 自定義 > WooCommerce > 商店頁面 - 產品列表
  2. 從產品存檔佈局中選擇佈局
  3. 點擊發布

如何更改產品詳細信息頁面佈局

  1. 轉到外觀 > 自定義 > WooCommerce > 商店頁面 - 產品列表
  2. 從產品存檔佈局中選擇佈局
  3. 點擊發布