Divi 產品亮點:Avanti – Divi 多用途兒童主題

已發表: 2023-05-15

Avanti 是 Divi 的第三方子主題,在 9 個壁龕中有超過 60 頁,可幫助您構建您需要的任何類型的網站。 使用 Avanti 可以幫助您更快地構建網站。 還有以 WooCommerce 為中心的設計,可幫助您輕鬆設置在線商店。 在這篇文章中,我們將介紹這個 Divi 子主題提供的一些佈局,以幫助您確定它是否適合您!

讓我們開始吧。

目錄
  • 1安裝阿凡提
  • 2 Avanti 頁面、佈局和模板
  • 3 Avanti 主頁
    • 3.1阿凡提餐廳首頁
    • 3.2阿凡提攝影首頁
  • 4其他 Avanti 頁面
    • 4.1首頁商舖V1
    • 4.2首頁商舖V3
    • 4.3購物車 V2
    • 4.4購物車 V3
    • 4.5結帳 V3
    • 4.6關於我們 V4
    • 4.7關於我們 V5
    • 4.8服務 V3
    • 4.9單一服務V3
    • 4.10聯繫我們V4
    • 4.11聯繫我們V5
    • 4.12客戶評價 V2
    • 4.13定價 V2
  • 5 個阿凡提元素
    • 5.1標題
    • 5.2服務箱
    • 5.3評價
  • 6阿凡提文檔
  • 7哪裡可以買到 Avanti
  • 8結束的想法

安裝阿凡提

安裝 Avanti 很簡單。 它的工作方式與安裝常規 WordPress 主題相同,但多了幾個步驟。 建議在新的 WordPress 站點上安裝 Avanti。 由於這是 Divi 子主題,因此需要 Divi。 我發現安裝過程很直觀。

  1. 前往外觀
  2. 選擇主題
  3. 選擇新增

安裝阿凡提

  1. 點擊上傳主題
  2. 單擊選擇文件
  3. 導航到計算機上的壓縮文件,選擇它,然後單擊立即安裝

安裝阿凡提

  1. 點擊激活

安裝阿凡提

  1. 轉到 Avanti 演示導入
  2. 單擊 Easy Demo 導入
  3. 選擇導入演示內容

安裝阿凡提

  1. 單擊刪除演示內容並導入函數

安裝阿凡提

Avanti 頁面、佈局和模板

通過頁面和模板的組合,Avanti 提供了超過 60 個頁面,其中包含 9 個壁龕中的 30 多個元素。 這包括完整的網站、多個頁眉和頁腳設計、商店頁面等。我將展示一些佈局的佔位符圖像佈局和銷售演示中的圖像的屏幕截圖,以便更好地了解成品。 這是其中的一些頁面。

Avanti 頁面、佈局和模板

以下是添加到 Divi 庫中的一些佈局。

Avanti 頁面、佈局和模板

它還包括 11 個預製和預分配模板。

Avanti 頁面、佈局和模板

阿凡提主頁

Avanti 包括 11 個不同類型企業的主頁。 他們包括:

  1. 商業
  2. 餐廳
  3. 攝影
  4. 諮詢
  5. 網頁設計
  6. 牙科
  7. 裝修
  8. 管道工
  9. 店鋪V1
  10. 店鋪 V2
  11. 店鋪 V3

Avanti 頁面、佈局和模板

每個都包含許多樣式元素、懸停動畫、滾動動畫,甚至還有背景圖像的 Ken Burns 效果。 它們包括具有圖像大小的虛擬圖像。 企業主頁是默認主頁。 這個 Divi 兒童主題會定期更新。 我們將查看兩個最新的主頁,Restaurant 和 Photography,我們還將查看其最新的 WooCommerce 更新。

阿凡提餐廳主頁

餐廳佈局有 5 個頁面,包括主頁、關於、食物菜單、推薦和聯繫頁面。 這是帶有虛擬圖像的主頁的英雄部分。

阿凡提餐廳主頁

下面是帶有子主題演示頁面圖像的主頁。 這包括自定義標頭。

阿凡提餐廳主頁

這是演示頁面的一部分。 如您所見,這是一個包含許多元素的大頁面。 所有全屏圖像都是靜止的。 它包括一個帶有菜單鏈接的全屏英雄部分,一個帶有圖像懸停效果的關於部分,帶有鏈接到食物類別的懸停效果的圖像,一個食物菜單的 CTA,一個預訂的 CTA,兩個- 用宣傳語、自定義推薦卡、聯繫表等創建的列式食物菜單。

阿凡提餐廳主頁

阿凡提攝影主頁

照片包括 10 頁,包括主頁、關於、服務、單一服務、照片庫、單一畫廊、推薦、定價、常見問題和聯繫方式。 這是攝影主頁。 它還包括一個透明的標題。 這是帶有來自子主題演示頁面的圖像的英雄部分。

阿凡提攝影主頁

這是演示主頁。 此圖像是使用視差滾動效果拍攝的。 它包括一個帶有畫廊鏈接的全屏英雄部分、鏈接至類別的圖像、一個帶有完整故事鏈接的關於部分、帶有自定義設計的風格推薦、帶有自定義博客卡片的博客、聯繫表雙面帶有圖像,自定義頁腳包含聯繫信息和電子郵件表單。

阿凡提攝影主頁

其他阿凡提頁面

除了主頁,Avanti 還包括 3 個 WooCommerce 商店主頁、5 個關於我們、3 個服務、3 個服務頁面、5 個聯繫我們、4 個投資組合頁面等等。 其他頁麵包括博客、感謝、推薦、常見問題解答、定價、404 等。其中許多還包括多個版本。

首頁商舖V1

主頁 Shop V1 顯示一個帶有 CTA 的全角滑塊。 這是帶有佔位符圖像的頁面。 這是原始佈局之一,但我想將其包括在內以查看新佈局的比較情況。

其他阿凡提頁面

這是演示中的頁面。 它包括一個商店部分,其中包含類別、暢銷書、CTA 和在售產品。 緊隨其後的是具有文本滾動效果的視差全屏 CTA、最新消息的博客部分和電子郵件訂閱 CTA。

其他阿凡提頁面

主頁商店V3

Home Page Shop V3 是一個全新的商店設計。 這是帶有佔位符圖像的英雄部分。

主頁商店V3

這是演示中的頁面。 它包括一個帶有 CTA 的滑塊、帶有信息的簡介、一個包含特色和最新產品的商店部分、一個真正視差的全屏 CTA、帶有風格圖像的銷售產品、帶有倒數計時器的當日特賣部分、CTA 、新產品、最新消息和品牌標識。

主頁商店V3

購物車 V2

Cart V2 是一個新的購物車頁面,它在頁面頂部顯示導航圖標,讓用戶知道他們在購物過程中的位置。 它還會顯示樣式化的購物車、銷售 CTA 和購物車總數。

購物車 V2

手推車 V3

Cart V3 也是新的。 它包括與 Cart V2 相同的樣式,但將購物車總數移到購物車旁邊,並且不包括銷售 CTA。

手推車 V3

結帳V3

Checkout V3 是一個新的結帳頁面。 它包括頁面頂部的導航圖標和一個兩欄部分,左側是結帳表格,右側是一個較小的欄,其中包含信息和推薦。

結帳V3

關於我們 V4

關於我們 V4 是專為新餐廳佈局設計的新頁面。

關於我們 V4

這是演示頁面的一部分。 它包括一個視差全角 CTA、一個帶有縮放效果的關於部分、一個菜單 CTA 和風格化的推薦。

關於我們 V4

關於我們 V5

關於我們 V5 專為新的攝影佈局而設計。

關於我們 V5

該頁麵包括一個帶有 CTA 的視差英雄部分、一個帶有聯繫頁面鏈接的關於部分、顯示信息的簡介、推薦、博客和样式化的聯繫表。 其中大部分都包含在主頁上。

關於我們 V5

服務 V3

服務 V3 是專為攝影佈局設計的新頁面。 它包括一個帶有有趣懸停效果服務圖像的部分。 圖像向上擺動,文字在卡片內向下擺動以顯示照片和查看更多內容的按鈕。 它還包括樣式化的定價表。

服務 V3

單一服務 V3

單一服務 V3 是攝影佈局的新頁面。 它包括一個大的文本部分和描述單個服務的圖像。 它還包括推薦書、聯繫表等。

單一服務 V3

聯繫我們 V4

聯繫我們 V4 是新餐廳佈局的聯繫頁面。 它包括一個包含聯繫信息、營業時間和左側表格的兩欄部分。 右側包括一張單色地圖。

聯繫我們 V4

聯繫我們 V5

聯繫我們 V5 是攝影佈局的聯繫頁面。 它包括一段帶有聯繫信息的簡介。 頁面的主要部分包含一個大的聯繫表。

聯繫我們 V5

客戶評價 V2

推薦 V2 是新餐廳佈局的推薦頁面。 它在帶有圖像背景的樣式卡中顯示推薦。

客戶評價 V2

定價 V2

定價 V2 是攝影佈局的新頁面。 它包括與其他頁面相同的英雄部分、推薦和聯繫部分,並添加了樣式化的定價表。 該表顯示具有不同高度和標題背景顏色的卡片。

定價 V2

阿凡提元素

Avanti 包括幾個僅包含元素的頁面,因此您可以輕鬆訪問它們。 它們包括頁眉、頁腳、滑入內容、翻轉框、服務框、定價表、選擇加入、團隊成員和推薦。 其中三個包含新元素。 我們會看看這三個。

標頭

Avanti 包含 5 個標題供您選擇。 它們包括下拉菜單,其背景與標題中的元素相匹配。 第一個標頭是默認標頭。 它在 Divi Theme Builder 中設置為全局標題。 所有標頭都添加到 Divi 庫中,因此您可以根據需要輕鬆更改為不同的標頭。

標頭

服務箱

Avanti 的服務箱包括六種不同的方式來展示您的服務。 大多數包括添加文本、更改圖像、縮放等的懸停效果,以創建有趣的卡片。

服務箱

感言

Avanti 包括 5 個推薦設計。 這些以風格化的卡片呈現您的推薦。 它們包括餐廳和攝影佈局的新設計。 第一個推薦包括懸停效果。

感言

阿凡提文檔

該文檔逐步介紹了設置子主題和執行特定任務,例如禁用 Ken Burns 效果、更改翻轉框的內容、重定向聯繫表單、更改滑入式、添加菜單徽章等。

在哪裡購買阿凡提

Avanti 在 Divi Marketplace 有售,售價 35 美元。 它包括無限制使用、30 天退款保證以及一年的支持和更新。

在哪裡購買阿凡提

結束的想法

這就是我們對 Avanti Divi 兒童主題的看法。 我發現它易於使用,而且頁數使其用途廣泛。 新的頁面和元素看起來很棒。 我特別喜歡新的餐廳、攝影和商店主頁。 Avanti 在許多領域都有很多頁面,使其成為幾乎任何類型網站的絕佳選擇。 我覺得它的價值遠遠超過它的價格。

我們希望收到你的來信。 您是否嘗試過 Avanti Divi 兒童主題? 在評論中讓我們知道您的想法。