开始自定义您的布局和排版 网站Web,您必须首先通过单击链接访问主题定制器 Divi>主题定制器 在您的WordPress仪表板上。 这将启动定制程序。 然后查找“常规设置”面板。 单击面板上的以打开适当的设置并开始自定义。 在“常规设置”面板中,您会注意到三个部分:版式设置,版式和背景。
版面设置
布局面板允许您调整各种大小和间距选项 网站Web. 在这里,您可以增加或减少列、行和部分之间的间距,并调整侧边栏的大小。 您还可以从此面板启用盒装布局模式。
启用嵌套布局
在这里,您可以将网站编辑为盒式格式,以框式显示网站内容并显示可自定义的背景。
网站内容的宽度
您可以在此处设置内容部分的最大宽度。 由于您的内容位于自适应布局上,因此它将调整为较小的尺寸,但扩展范围不会超过此处设置的最大宽度。
默认值为1080px。 对于大多数标准笔记本电脑和台式机来说,这是一个不错的宽度。
网站上的列间距
装订线的宽度是每一行中各列之间的水平间距(边距)。
装订线宽度的可选值在1和4之间。
1表示列之间的零边距。
2表示各列之间的3%的边距。
3表示各列之间的5,5%的边距。
4表示各列之间的8%的边距。
使用自定义边栏宽度
这将设置主题的默认边栏宽度。 这适用于主题中所有具有侧栏且未使用Divi Builder创建的页面。
剖面线高度
这些选项调整每个节和行的垂直间距(顶部和底部填充)的量。
主题强调色
在开始更改其他元素的颜色之前,需要先进行更改。 更改后,保存并发布设置并刷新页面。 现在,更新的“强调颜色”主题应该已经自动填充了其他元素。
活版印刷
您可以在版式面板中调整整个文本的默认外观。 网站Web。 您可以调整字体和标题的大小,这将按比例反映在网站的所有区域中。 您可以调整它们的颜色以及行高、字母间距和字体样式。 最后,您还可以从数十种字体中进行选择以应用于每种字体。
正文文字大小
这将更改主题的默认正文。 默认大小为14像素。
身体线的高度
每行文本的行高。
标题文字大小
Divi允许您在此处设置标题的默认文本大小。 这会影响Divi元素,例如Fullwidth标头模块标题。
标头字母空间
字母间距可调整字母之间的水平间距。 标头字母间距值会影响所有标头级别(h1,h2,h3,h4,h5,h6),引号和幻灯片标题。
标题行高度
就像字母间距值一样,标题行高度值会影响所有标题级别(h1,h2,h3,h4,h5,h6),引号和标题幻灯片。
警察风格
使用这些选项可以更改标题的字体样式。
正文和标题字体
Divi中的默认字体是Open Sans,但Divi几乎有一百种字体可供选择! 利用这些内置字体并测试哪种字体最适合您的主题。
身体链接的颜色
正文链接的颜色继承自主题的强调色。 但是您可以随时在此处更改它。
正文文字颜色
在这里,您可以更改正文文本的颜色。
标题文字颜色
在这里,您可以更改标题的颜色。
丰
通过背景面板,您可以调整主题的背景色,以及上传自定义背景图像并调整其在页面上的位置。 与前面提到的“布局”面板中的“盒装格式”设置配对时,背景图像和颜色可以很好地工作。
这就是本教程的全部内容,希望它能让你更好地调整字体和布局 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教程
- 5网站对餐厅使用迪维主题
- 如何在Divi WooCommerce产品上添加文字
- 如何更改Divi页面之间的菜单颜色
- 如何使用Divi个性化博客的网格
- 如何使用WordPress的作用迪维编辑
- 如何创建全屏Divi滑块
- 如何更改Divi页面之间菜单的颜色
- 您可能不了解Divi的功能
- 如何在WordPress上使用Divi Builder
- 如何使用Divi视频滚动模块
- 如何使用Divi Builder Flip模块
- 如何在Divi Builder上添加推荐模块
- 如何使用Divi文本模块
- 如何在Divi上创建滑块
- 如何编辑Divi用户角色
- 如何使用Divi社交媒体模块
- 如何在主题WordPress Divi上使用shop模块
- 如何使用Divi侧边栏模块
- 如何使用Divi Price表模块
- 如何使用Divi出版物的标题模块
- 如何添加Divi的视频模块
- 如何使用文章导航模块
- 如何使用Divi搜索模块
- 如何使用Divi钱包模块
- 如何在Divi Builder上使用person模块
- 如何使用带有Divi过滤器的钱包模块
- 如何使用全宽滑块模块
- 如何使用Divi Builder图像模块
- 如何使用Divi Builder的全宽导航模块
- 如何使用图库模块
- 如何使用Divi Builder全宽模块
- 如何使用Divi全宽度组合模块
- 如何使用Divi全角标题模块
- 如何使用Divi计数器模块
- 如何在Divi Builder上使用文章滑块
- 如何使用Divi Email Optin模块