Divi是一个流行的WordPress主题，它具有一个名为Divi Builder的内置页面构建器（可作为组成部分而不是单独的插件可用）。就像其他页面构建器一样，例如Elementor，Divi Builder也可以使您更轻松地使用Visual Editor在WordPress网站上创建核心页面。在创建带有Divi Builder的页面时，您可以使用许多设计元素（称为模块）。其中之一是文字。

顾名思义，文本模块旨在将文本元素添加到您的页面中。该模块提供了许多内置样式选项，以使您的文本看起来引人注目，包括创建渐变标题而无需添加自定义CSS的能力。

但是，由于某些原因，您可能更喜欢使用自定义CSS创建梯度标题。特别是如果您习惯了Gradienta和CSS Gradient等梯度工具。

使用CSS在Divi中创建梯度标题

要使用自定义CSS在Divi中创建一个梯度标题，首先，您可以先准备CSS梯度。为了简化工作，您可以使用上述在线CSS梯度发电机。这是用Gradienta生成的CSS梯度的示例：

background: linear-gradient(157.92deg, #b1b9f1 0%, #288cbd 51.59%, #2c2cf0 100%);

您的CSS梯度准备就绪后，打开Divi Builder编辑器并添加代码模块。将以下代码添加到编辑器中。

代码：

<style>
.gdrnt{
    background-image: linear-gradient(to left, #feac5e, #c779d0,#4bc0c8);
    -webkit-background-clip: text;
    display: inline-block;
    -webkit-text-fill-color: #00000000;
}
</style>

您可以将梯度替换为您的喜好。请注意，以上代码具有gdrnt的类选择器名称。

接下来，添加一个文本模块，然后在文本编辑器上替换默认文本。确保指定标题级别。

接下来，切换到文本模式并添加类。

就是这样。您可以享受结果。