开始自定义您的布局和排版 网站Web,您必须首先通过单击链接访问主题定制器 Divi>主题定制器 在您的WordPress仪表板上。 这将启动定制程序。 然后查找“常规设置”面板。 单击面板上的以打开适当的设置并开始自定义。 在“常规设置”面板中,您会注意到三个部分:版式设置,版式和背景。

一般参数divi.png

版面设置

布局面板允许您调整各种大小和间距选项 网站Web. 在这里,您可以增加或减少列、行和部分之间的间距,并调整侧边栏的大小。 您还可以从此面板启用盒装布局模式。

layout parameter.png

启用嵌套布局

在这里,您可以将网站编辑为盒式格式,以框式显示网站内容并显示可自定义的背景。

网站内容的宽度

您可以在此处设置内容部分的最大宽度。 由于您的内容位于自适应布局上,因此它将调整为较小的尺寸,但扩展范围不会超过此处设置的最大宽度。
默认值为1080px。 对于大多数标准笔记本电脑和台式机来说,这是一个不错的宽度。

网站上的列间距

装订线的宽度是每一行中各列之间的水平间距(边距)。

装订线宽度的可选值在1和4之间。

1表示列之间的零边距。
2表示各列之间的3%的边距。
3表示各列之间的5,5%的边距。
4表示各列之间的8%的边距。

divi.png配置

使用自定义边栏宽度

这将设置主题的默认边栏宽度。 这适用于主题中所有具有侧栏且未使用Divi Builder创建的页面。

剖面线高度

这些选项调整每个节和行的垂直间距(顶部和底部填充)的量。

主题强调色

在开始更改其他元素的颜色之前,需要先进行更改。 更改后,保存并发布设置并刷新页面。 现在,更新的“强调颜色”主题应该已经自动填充了其他元素。

活版印刷

您可以在版式面板中调整整个文本的默认外观。 网站Web。 您可以调整字体和标题的大小,这将按比例反映在网站的所有区域中。 您可以调整它们的颜色以及行高、字母间距和字体样式。 最后,您还可以从数十种字体中进行选择以应用于每种字体。

divi.png上的排版

正文文字大小

这将更改主题的默认正文。 默认大小为14像素。

身体线的高度

每行文本的行高。

标题文字大小

Divi允许您在此处设置标题的默认文本大小。 这会影响Divi元素,例如Fullwidth标头模块标题。

标头字母空间

字母间距可调整字母之间的水平间距。 标头字母间距值会影响所有标头级别(h1,h2,h3,h4,h5,h6),引号和幻灯片标题。

标题行高度

就像字母间距值一样,标题行高度值会影响所有标题级别(h1,h2,h3,h4,h5,h6),引号和标题幻灯片。

警察风格

使用这些选项可以更改标题的字体样式。

正文和标题字体

Divi中的默认字体是Open Sans,但Divi几乎有一百种字体可供选择! 利用这些内置字体并测试哪种字体最适合您的主题。

身体链接的颜色

正文链接的颜色继承自主题的强调色。 但是您可以随时在此处更改它。

正文文字颜色

在这里,您可以更改正文文本的颜色。

标题文字颜色

在这里,您可以更改标题的颜色。

通过背景面板,您可以调整主题的背景色,以及上传自定义背景图像并调整其在页面上的位置。 与前面提到的“布局”面板中的“盒装格式”设置配对时,背景图像和颜色可以很好地工作。

做divi.png

这就是本教程的全部内容,希望它能让你更好地调整字体和布局 Divi主题.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]下载DIVI主题[/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family =下载 TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

其他Divi教程