使网站从优秀到卓越的关键在于对细节的关注，尤其是在为您的文本区域添加一些有趣的收尾工作时。 许多人花了很长时间完善他们的主页，结果却在创建包含大量副本和较少图像的页面时耗尽了设计灵感。 添加一些简单的功能甚至可以提升文本最繁重的页面，帮助您增加兴趣并为读者分解内容。
在今天的文章中，我将向您展示我使用 WordPress 和 Divi 设置文本样式的五种不同方式。
订阅我们的 Youtube 频道
1. 添加首字下沉
我无法抗拒一个dropcap。 事实上，我几乎将它们添加到我设计的每个网站中。 首字母大写或首字母大写通常用于印刷杂志和报纸中，效果非常好，它们在 WordPress 中实现起来非常简单。 首字母大写给任何页面部分带来编辑感觉，如果您愿意，您可以使用对比色相当轻松地设置首字母大写样式。
有很多插件会自动为您的第一段添加首字下沉，但我希望有更多的控制权。 您知道吗？Elegant Themes 中的所有主题都有内置的 dropcap 短代码？ 更好的是，使用 CSS 设置样式真的很容易 .et-dropcap 班级。
要使用它，请在首字母大写的两侧添加以下代码，如下所示：
[dropcap]你的信[/dropcap]
如果您想设置与标准版本不同的 ET 首字下沉样式，您可以在主题选项 > 常规选项卡中添加到 Divi 自定义 CSS 框中的 CSS 行。
下面的代码片段将允许您更改字体大小、行高（即大写是否填充两行或三行）、更改字体系列以及更改颜色。 可能需要稍微摆弄一下字体大小和行高值才能得到你想要的。
.et-dropcap {
font-size: 95px;
line-height: 0.7;
color: #9ae5d3;
font-family: Times;
padding-top: 10px;
}
2. 在模块中混合和匹配文本样式
在单个文本模块中混合和匹配字体时，您可以轻松完成。 您不需要安装插件或任何外部文件。 您所要做的就是单击一个文本框，然后会弹出一个上下文菜单。 您可以从这里调整样式、格式，甚至您选择的任何字符的字体系列。 您甚至可以在此处添加新的 H 标签并调整颜色。 您突出显示的任何内容都可以与其周围的文本分开格式化。
另请注意，您可以使用任何可以在线编辑文本的模块来执行此操作，例如 Blurbs 或 Testimonials。
3. Divi 推荐模块
说到推荐模块，它恰好是我最喜欢的分解大量文本页面的方法之一。 它非常适合在您的页面上创建有吸引力的标注，如果您添加背景图像和偏移关键线边框，您的内容将真正脱颖而出。 要添加边框，只需将此代码粘贴到您的设置中。 在模块设置的高级选项卡下，将此代码段添加到自定义 CSS 区域的主元素框。 如果需要背景图像，可以在“内容”选项卡下进行设置。
outline: solid 1px #000; outline-offset: 10px;
下面的 CSS 代码将使偏移关键线显示在图像的外部。 偏移关键线代码的代码也适用于几乎所有 Divi 模块。 如果您不需要在您的网站上使用推荐信，请不要担心。 您可以根据需要为许多不同的突出显示选项设置模块样式。 例如，在这篇文章中，我们使用带有叠加层的推荐模块来突出显示员工。
4. 全角文本块
添加全角文本块可以为您的网站带来非常时尚的现代感，特别是如果您为行中的一列（或两者都添加纯色背景颜色！）并改变您正在使用的字体的样式或大小。
对于这个例子，我们只需要一行有两列，每列有一个文本框。 在“行设置”中，您需要将行设为全宽，将“自定义装订线宽度”设置为 1，然后打开“均衡列高”。 根据您的颜色选择，您可能需要在“间距”部分添加一些自定义填充。
完成所有这些后，添加您的文本并享受使用字体样式和大小的乐趣。
5. Divi 切换模块
Divi Toggle 模块是一个方便的工具，用于处理网站中可能有点乏味的部分，例如常见问题解答。 我喜欢混合使用具有不同样式效果的打开和关闭切换，以增加兴趣并分解页面。 每个模块都是为单个打开/关闭切换而设计的，因此您需要在显示中添加任意数量的模块。 对于这个，我使用了三个独立的 Toggle 模块。
首先，添加一个新部分并选择 1/3 和 2/3 列布局。 将图像模块和按钮添加到 1/3 列。 然后，将您需要的所有切换添加到 2/3 列中，并在每个模块的“设计”选项卡中设置文本和背景颜色的样式。 就个人而言，我认为交替使用文本和背景颜色看起来非常不错，并且当您的用户点击您的内容时，它会给您的网站带来一点活力。
包起来
使用文本获得创意并不意味着您必须坚持使用文本模块。 您不仅可以使用 Testimonial 和 Toggle 模块，还可以使用 Call To Action、Blurb 和 Accordion 模块更有吸引力地展示您的内容。 实施其中一些想法可能会使您免于设计无聊，并使您的读者免于下一个项目的文字墙。 哦，别忘了那些令人愉快的 Divi dropcaps！
请务必订阅我们的电子邮件通讯和 YouTube 频道，这样您就不会错过重大公告、有用的提示或 Divi 免费赠品！
