Divi 抹茶店兒童主題概覽
已發表: 2021-04-15Divi Matcha Shop 子主題是一個極簡主題,可幫助您專注於銷售產品。 它包括樣式與子主題相匹配的 WooCommerce 頁面。 它還添加了簡化的頁面,例如博客、聯繫人等。 在本文中,我們將研究 Divi Matcha Shop 子主題,以幫助您確定它是否適合您的需求。
安裝 Divi Matcha Shop 兒童主題

所有的安裝和設置都是手動的。 幸運的是,這並不困難。 任何有 Divi 經驗的人都不會遇到麻煩。 設置過程很簡單,只需幾分鐘。 該信息包含在銷售頁面上。
首先,激活 Divi 後,像任何 WordPress 主題一樣上傳和激活子主題。 其次,激活兒童主題。 子主題添加了 CSS 樣式表。 它帶有主題選項、定制器設置和佈局的文件。 這些文件根據它們的使用位置命名。

要導入的文件中包含一個補充 zip 文件。 它還包括要上傳到 Divi 庫的佈局。 第三,現在您的子主題已激活,您需要手動創建頁面。 最後,您還需要創建菜單並刪除默認的側邊欄和頁腳小部件。 在這個例子中,我在 Divi 主題選項屏幕中導入主題選項。

一鍵上傳所有佈局。 這是佈局。 它有 6 頁的設計。 您需要使用佈局創建頁面,然後創建菜單。 您的網站將看起來像 Divi Matcha Shop 兒童主題演示。 您只需要添加您的內容。
Divi 抹茶店兒童主題頁面

演示頁麵包括圖像和圖標。 由於法律原因,圖像和圖標不包含在佈局文件中(這是可以理解的)。 因此,我使用演示中的圖像(它們看起來更好,並且更好地了解如何使用子主題)。 這很常見,但我想提一下,這樣您就會知道為什麼您的網站看起來與本文中的網站不同。
Divi抹茶店兒童主題主頁

主頁包括許多文本模塊、圖像、按鈕、數字計數器、視頻模塊和聯繫表格。 這是線框視圖。 讓我們來看看前端的每個部分。

主頁顯示帶有超大文本的全寬背景,該文本會隨著頁面加載而旋轉到位。 一幅圖像與此部分和下一部分重疊。 它在頁面加載時放大到位。 我喜歡整個主頁的重點是產品。

第二部分顯示全寬背景,其中包含用作簡介的信息集。 它們包括帶有標題、描述和鏈接的圖像(或圖標),以閱讀有關每個圖像的更多信息。 這些提供有關產品的信息。 圖像從屏幕兩側滑入到位。

下一節為嵌入視頻提供了空間。 視頻重疊了兩個部分。 視頻下方出現了推薦信。 推薦書的彩色背景和圖形不包括在內,但它們確實很好地說明瞭如何使用推薦書。

全寬 CTA 顯示在視差背景上。 數字計數器提供信息。 當您滾動到此部分時,CTA 的文本會向上滑動到位,並且計數器計數。

頁腳顯示樣式化的全寬時事通訊註冊表單,然後是徽標部分。 這些對於客戶、認證、您附屬或提供的品牌等非常有用。當您滾動到此部分時,聯繫表旁邊的圖像會滑入到位。

關於頁面

關於頁面顯示具有視差背景的標題部分。 它還使用主頁上的產品信息和徽標部分。 如果您提供多個產品,則此佈局可用於為每個產品創建一個頁面。
福利頁面

優勢頁面使用主頁的視頻和推薦部分顯示產品的優勢。 視頻與視差英雄部分重疊。 此佈局可用於為每個產品創建一個頁面。 您還可以創建多個部分來關注每個好處。
博客頁面

博客頁面設計簡潔,分 3 列顯示博客文章。 這些卡片包括邊框、頂部的圖像、標題、元數據、摘錄和用於閱讀更多內容的樣式鏈接。 它還包括視差標題部分和頁腳的徽標。
商店頁面

Shop 頁面添加了一個帶有 4 列的商店模塊。 標題和頁腳也包含在此頁面中。 當您將鼠標懸停在產品圖片上時,會顯示一個綠色圖標。
產品頁面

產品頁面遵循標準的 WooCommerce 佈局,並包含與站點匹配的樣式。 它包括價格的綠色樣式、添加到購物車按鈕、類別、評論部分的星級以及相關產品的懸停圖標。

購物車和其他 WooCommerce 頁面也包括綠色樣式。 此示例顯示帶有綠色樣式的產品名稱、優惠券按鈕和結帳按鈕的購物車。
聯繫頁面

聯繫頁面還包括頁眉和頁腳,並在背景圖像上添加樣式化的聯繫表單。
Divi Matcha Shop 子主題 CSS

所有樣式都添加到子主題的樣式表中。 如果您熟悉 CSS,則可以輕鬆自定義樣式表中的顏色。 幸運的是,您不必深入研究主題文件來進行 CSS 更改。

CSS 也被添加到 Divi 主題選項中。 或者,您可以在主題選項中進行更改。 這使您不必更改子主題的文件。 此處添加的 CSS 優先於添加到樣式表的 CSS。
購買地點

Divi Matcha Shop 子主題可在 Divi Marketplace 購買,價格為 29 美元。 它包括無限使用和一年的支持和更新。
結束的想法
這就是我們對 Paper Temple 的 Divi Matcha Shop 兒童主題的看法。 這是一個簡單的兒童主題,看起來乾淨優雅。 簡單是專注於產品的好方法。 我特別喜歡主頁設計。 福利頁面是通過視頻提供產品信息的好方法。 關於頁面很好地利用了簡介式卡片,幫助買家更多地了解產品和流程。 總之,如果您正在尋找簡單易用的電子商務Divi兒童主題,Divi Matcha Shop值得一看。
我們希望聽到您的意見。 您是否嘗試過 Divi Matcha Shop 兒童主題? 請在評論中告訴我們您對此的看法。
精選圖片來自 Letters-Shmetters / shutterstock.com
