Divi App 子主題概覽

已發表: 2021-03-04

Divi App 是 Divi 的子主題,專為移動應用程序開發人員設計。 它採用單頁設計,菜單固定在各個部分。 圖像、簡介和 CTA 非常適合展示應用程序的各種功能並通過銷售渠道推動流量。 在本文中,我們將研究 Divi App 子主題的功能,以幫助您確定它是否適合您的需求。

安裝 Divi App 子主題

安裝 Divi App 子主題

安裝 Divi App 子主題很簡單。 它像任何 WordPress 主題一樣工作,只需單擊一下即可導入內容。 激活 Divi 後,在 WordPress 主題菜單中上傳並激活 Divi 應用程序。

激活子主題後,您將看到一個名為Import Demo的新菜單項添加到儀表板。 單擊此菜單中的Easy Import Demo並選擇您要導入的項目。 這包括帖子、媒體、菜單、主頁、小部件和 Divi 主題選項。 默認情況下選擇所有內容。 但是,它沒有要導入的任何帖子或小部件。 我建議檢查所有內容。 單擊導入演示內容並等待導入完成。 不要離開這個屏幕。

您將看到一條消息,表明您的導入已完成。 您的網站現在看起來像演示,但使用佔位符圖像而不是演示中的圖像。 主頁和菜單已經設置和分配。 您只需要添加您的內容。 這是我最喜歡的安裝子主題的方式。 一鍵導入簡單流暢。

Divi App 子主題主頁

Divi App 子主題主頁

Divi App 子主題是單頁設計,帶有主頁和主頁上八個部分的導航。 我們將在每個部分查看它,一次一個。 這些元素包括滑入動畫和一些有趣的樣式。 我會在我們走的時候指出他們。

許多模塊都包含 CSS 類來為它們設置樣式並確保它在移動設備上運行良好。 這些類在 CSS 樣式表中定義。 樣式表中的 CSS 註釋很好,甚至還包含一個目錄,因此如果您熟悉 CSS,則可以輕鬆自定義。

英雄部分

英雄部分

英雄部分包括帶有佔位符圖像的漸變背景。 左側是標題、描述和創建 CTA 的兩個按鈕。 右側是一個佔位符圖像,您可以在其中放置應用程序的屏幕截圖以引起對 CTA 的注意。

特徵

特徵

Divi App 子主題功能部分以標題、簡短說明和大圖開始向您的受眾介紹您的應用程序。 樣式化的簡介顯示圖標並且非常適合描述特定功能。 每個元素都從屏幕的兩側和底部獨立地滑入到位。

交替佈局中的三行提供更多細節,一側是圖像,另一側是描述。 描述包括圖標和項目符號。 前兩張圖片是縱向模式,而第三張是橫向佈局。 第一個和最後一個顯示粉紅色背景,而中間行是白色。 這有助於在它們之間創建一些視覺差異。 最後一個為圖像設計了圓角,使其設計更加獨特。

畫廊

畫廊

圖庫提供了一種顯示應用程序屏幕截圖的方法。 當您滾動到此部分時,四張圖像會作為一行翻轉到位。 它們又高又窄,形狀與縱向模式下的智能手機相匹配,非常適合應用程序的屏幕截圖。 周圍的背景清晰,讓眼睛專注於圖像而不會分心。

價錢

價錢

Divi App 子主題的定價部分包括多行,以不同方式提供信息。

定價表以三種不同的尺寸顯示,最流行的在中間。 尺寸與建議相符,最大的是最推薦的。 它們與傾斜的分隔線重疊漸變背景,並包含一個框陰影,因此它們從背景中脫穎而出。 字體和按鈕的顏色在外面的兩張桌子上相匹配,而中間的桌子很突出。 將鼠標懸停在桌子上會將其帶到前面。

CTA 在一側顯示帶有信息的小圖像,在另一側顯示兩個按鈕。 這些按鈕是各種應用商店圖像的佔位符。

應用統計信息顯示在全寬背景圖像上的數字計數器。

感言

感言

Divi App 子主題推薦部分將三個用戶評論顯示為帶有樣式引用圖標、圓圈圖像、文本、名稱和標題的卡片。 標題使用來自子主題其他部分的顏色,例如下一部分中的背景。 當您滾動到此部分時,卡片會彈出到位。

常問問題

常問問題

常見問題解答從側面滑入並在樣式切換中顯示答案,背景比該部分略淺。 背景顏色與子主題中其他元素的一些亮點相匹配。 它還包括一個佔位符圖像,您可以在其中使用您想要引起讀者註意的任何類型的圖像。

客戶

客戶

客戶部分提供了一個全寬區域來顯示您客戶的徽標。 徽標是圖像模塊。 當您滾動到此部分時,它們一次出現一個。

接觸

接觸

Divi App 子主題的聯繫部分在與常見問題部分匹配的紅色背景上顯示了幾個元素。 第一部分介紹聯繫人信息,包括樣式化的聯繫人表單和兩列行中的聯繫人信息。 該信息顯示樣式圖標和文本。 每個元素從底部翻轉到位。

時事通訊部分顯示標題和簡短描述,帶有樣式的電子郵件表單,後跟社交媒體關注圖標。 這些元素淡入淡出(或者,我想不淡化)到位。

Divi App 子主題菜單

Divi App 子主題菜單

菜單包括主頁的每個主要部分。 它們包括不同部分的錨點作為它們的 URL,因此每個菜單鏈接在單擊時都會滾動到該部分。

Divi App 子主題菜單

錨點已添加到主頁上的 CSS ID 字段中。 如果您更改菜單鏈接的名稱,您還需要更改該部分的“高級”選項卡中的 CSS ID 以進行匹配。

在哪裡購買 Divi 應用程序

在哪裡購買 Divi 應用程序

您可以在 Divi Marketplace 中以 19 美元的價格購買 Divi App 子主題。 它包括無限使用和一年的支持和更新。

結束的想法

這就是我們對 Divi App 子主題的看法。 這個一頁子主題有很多元素來展示您的應用程序的功能,並提供了幾個 CTA,訪問者可以在其中進行購買。 許多元素都包含 CSS 類來設置它們的樣式並控制它在移動設備上的外觀,確保它在任何類型的設備上都能很好地工作。 這是一個簡單的兒童主題,價格實惠。 如果您對簡單的一頁子主題感興趣以突出您的應用程序的功能,Divi App 值得一看。

我們希望聽到您的意見。 您是否嘗試過 Divi App 兒童主題? 在下面的評論中讓我們知道您的體驗。

精選圖片來自 Julia Tim/shutterstock.com