Divi 插件亮點：Divi Next Texts

Divi Next Texts 是 Divi 的第三方插件，它添加了許多具有排版設計功能的模塊。 這些模塊添加了動畫、突出顯示、漸變、蒙版、顏色效果甚至故障，以幫助您創建文本效果。 這些模塊使您可以在 Divi 設計中以獨特的方式輕鬆使用排版。 在本文中，我們將看看 Divi Next Texts，看看它可以做什麼，看看它是多麼容易使用。

Divi Next 文本模塊

Divi Builder 中添加了 12 個新模塊。 每個模塊都包含預期的 Divi 模塊內容、設計和高級選項卡，因此您可以像任何 Divi 模塊一樣設置它們的樣式。 讓我們看看每個模塊。 我在示例中使用了 Divi Tutor 佈局包。

Divi Next Texts 文本動畫

文本動畫的工作原理類似於句子中特定文本的滑塊。 添加前後文本，然後在子模塊中添加動畫文本。

從 10 個動畫中選擇。 此示例顯示打字動畫。

加載欄有顏色和高度選項。 與許多這些模塊一樣，您可以從“內容”選項卡中選擇 h 標籤。 您還可以堆疊文本。 堆疊文本將前文本置於頂部，動畫文本置於中間，後文本置於底部。 我在這個例子中堆疊了文本。

下面是 Spiral 動畫。

Divi Next Texts 文本顏色運動

文本顏色運動緩慢地改變文本的顏色。

“設計”選項卡有兩種運動樣式，您可以設置運動持續時間。

選擇四種不同的顏色來創建漸變。

將漸變設置為線性或徑向。 徑向包括8個方向。 我選擇了徑向和中心。 您還可以設置四種顏色中每種顏色的起始位置。

這是我的動態示例。 我選擇了樣式 2，將持續時間設置為 4 秒，更改其中一種顏色，並將其設置為線性。

Divi Next Texts 文本分隔符

文本分隔線在文本的兩側放置一條分隔線。 此示例顯示了 h 標籤選擇。

設計選項卡包括分隔線設置，您可以在其中選擇分隔線樣式。 從 8 種樣式中選擇或選擇不顯示分隔線。

您還可以選擇分隔線的顏色、粗細和文本間距。

文本選項可讓您更改文本對齊方式並選擇文本陰影。 我已將文本放在分隔線的右側。

字體設置控製文本樣式，因此您可以完全控製字體系列、顏色、大小等。

Divi Next Texts 文本故障

Text Glitch 使用動畫對文本進行故障處理。

設計選項卡包括故障樣式、顏色和位置的設置。 有 7 種故障樣式可供選擇。 有些比其他的更生動。

選擇文本顏色和兩種不同的故障顏色。

使用左、右和頂部的單獨設置來設置毛刺位置。

這是故障 4。它是更動畫的故障之一。

Divi Next Texts 文本漸變

文本漸變使用漸變為文本著色。

設計選項卡包括漸變顏色設置。 選擇兩種顏色，漸變類型（線性或徑向），並設置方向和開始和結束位置。

顯示效果是一個在屏幕上快速移動的條。 您可以啟用效果並選擇顏色。

它還包括懸停效果。 從 29 種動畫中進行選擇。

下面來看看文本漸變動畫。 我已經包含了 Reveal 效果和 Wobble Bottom 懸停效果。

Divi Next Texts 文本突出顯示

文本突出顯示在文本上突出顯示。 它還包括前後文本，允許您僅突出顯示短語的一部分。 您還可以將文本顯示為堆棧。

從 14 個選項中選擇突出顯示樣式。 突出顯示樣式繪製到文本上。 動畫在設定的時間後重複。 此示例使用 Double。

“設計”選項卡包括高亮設置，您可以在其中選擇顏色、筆觸寬度和動畫延遲。 本示例使用之字形。

這個使用刪除。 我已將筆觸寬度調整為最大設置並降低不透明度，以便文本顯示出來。

您可以分別調整標題文本和突出顯示文本的字體。 我將標題文本保留為默認值，並將突出顯示的文本加粗並增加了大小。

您還可以啟用懸停效果。 這會影響所有文本。

此示例使用 Wave 高亮樣式。 我已將寬度設置為 26px，選擇紅色並降低不透明度，使其看起來像熒光筆，並選擇 Wobble Skew 作為懸停效果。

Divi Next Texts 文本懸停突出顯示

文本懸停突出顯示僅包括懸停時的突出顯示。 這個允許您禁用文本之前和之後。

它有 59 種懸停效果可供選擇。

您可以調整高光高度。 默認值為 3px。 在本例中，我選擇了 Overline Left 懸停效果並將高光高度設置為 10px。

高光設置包括顏色和漸變。 我啟用了前後文本，為突出顯示選擇了右下劃線，並將高度設置為 16px。 高光顏色為紅色，不透明度降低。

這個包括一個漸變。 選擇兩種顏色，漸變類型、方向、開始位置和結束位置。

字體對文本和突出顯示文本具有獨立控制。 我已經對兩者進行了調整。

這是動畫。 我選擇了 Double Underling Right 作為懸停效果，將高度設置為 24px，並為懸停效果使用漸變。

Divi Next Texts 文本掩碼

文本蒙版有多種設置和選項，包括垂直旋轉和垂直翻轉選項。 我啟用了這兩個選項。

圖像蒙版可讓您選擇將顯示為文本顏色的圖像。 選擇背景大小、位置和圖像重複。

這種效果特別適用於超粗的大字體。

它們在背景圖像上的顏色也很棒。

文本掩碼還包括懸停動畫。

此示例顯示流行懸停效果。 我已經包含了一個棕褐色覆蓋並將字體設置為斜體和全大寫。

Divi Next Texts 文本多標題

文本多標題添加三組標題文本，並為每個標題包含不同的背景。

背景包括顏色和漸變。 本示例在第一個標題後面放置了一個藍色背景。

漸變有兩種顏色。 選擇漸變類型（線性或徑向）、方向、開始位置和結束位置。 我在第二個標題中添加了漸變。

三個標題可以獨立調整。 我已經調整了標題的顏色、大小和重量。 我還增加了字體的大小。 每個標題的大小不同。

每個標題都可以有一個漸變。 我在第二個標題中添加了漸變。

標題包括一個單獨的顯示效果，您可以為每個標題選擇不同的顏色。

懸停效果包括所有三個標題。

每個標題都有單獨的間距設置。 我在第二個標題的左右兩側添加了 30px。

標題也有獨立的邊界。 我在第二個標題中添加了一個邊框。

Divi Next Texts 文本描邊

文字描邊創建描邊動畫和大輪廓文字。

筆觸設置包括顏色、懸停效果、懸停方向和運動持續時間。 我已經調整了顏色並將筆觸寬度設置為 6px。 這會更改字體線條的粗細。 動畫包括描邊填充和填充描邊。 它有6個方向可供選擇。

懸停顏色會更改字體內部的顏色。 它有純色和漸變色。 這是純色。

這是一個漸變。 我已經調整了顏色，將其設置為徑向，並將方向設置為中心。

Divi Next Texts 文本描邊運動

Text Stroke Motion 添加了帶有動畫的筆觸效果。

顏色調整包括單色、多色和填充。 這是 Single，它只顯示一種顏色。

Multi 可讓您選擇 5 種不同的顏色。 顏色是動畫的。

填充可讓您選擇文本內的顏色。

描邊設置包括線條的寬度、虛線的長度、間隙的大小和虛線的偏移。 這些共同創造了一些有趣的設計。

這是動畫。 我改變了顏色、寬度和破折號的大小。

Divi Next Texts 文本傾斜

Text Tilt 提供帶有標題和內容區域的卡片。 使用編輯器添加您的內容。 卡片會根據您懸停的位置向不同方向傾斜。

背景內容包括純色和漸變。 這是卡片傾斜的示例。

眩光會根據卡片的傾斜方式添加看起來不同的眩光效果。

3D 傾斜使文本從卡片上彈出。

Tilt Reverse 使卡片向相反方向傾斜。 設置還包括透視、最大值、速度、x 和 y 的起點以及比例。

它還包括內容間距、內容邊框和內容框陰影的設置。

這是使用眩光的傾斜效果。 我已經包含了一個邊框和框陰影。

Divi Next Texts 價格和支持

Divi Next Texts 可從開發人員的網站獲得。 有 3 個許可證選項：

• 單一許可證 – $29.00
• 無限許可 – $49.00
• 終身許可證 – $129.00

通過票務系統提供支持。 支持頁麵包含指向常見問題解答的鏈接。 其中一些包括詳細的視頻和說明。

結束的想法

Divi Next Texts 是一個出色的插件，為 Divi 添加了許多排版功能。 我特別喜歡動畫、懸停效果、蒙版、筆觸，實際上，我喜歡所有這些。

這些模塊非常直觀。 某些設置（例如 h 標籤）似乎應該位於“設計”選項卡中。 一些動畫看起來很相似。 這些絕不是抱怨，但我想提一下。

如果您有興趣向 Divi 網站添加大量排版動畫功能，Divi Next Texts 是一個不錯的選擇。

我們希望聽到您的意見。 您是否嘗試過 Divi Next Texts？ 請在評論中告訴我們您對此的看法。

精選圖片來自 Mascha Tace/shutterstock.com