如何使用divi主题添加文本模块教程

如何使用divi主题添加文本模块教程在使用WordPress做外贸网站的时候,网页设计中会需要在各种地方结合各种模块添加文字介绍内容,在divi主题里的文字模块它就可以满足各种模块

大家好,欢迎来到IT知识分享网。

在使用WordPress做外贸网站的时候,

网页设计中会需要在各种地方结合各种模块添加文字介绍内容,

在divi主题里的文字模块它就可以满足各种模块的需求,

可以放置在任何列或者各种模块类型中,

满足您在网页设计中的各种需求,

是一个普通又实用的一个模块。

什么是文本模块

Divi主题里的文本模块,

是一个添加文字内容的模块,

在模块中可以自定义文字大小、颜色、粗细、行距,

可以放置在静态页面和动态页面,

无论安置在哪个模块中都可以自由编辑。

文本模块也可以在全宽列中使用,占据整个画面。

真实案例分析

在使用WordPress为客户建站时。

经常需要在网站页面中或者放置图片的模块处等添置文本模块,

灵活运用文字大小和颜色配比让内容设计得加醒目,提升视觉效果。

模块编辑步骤

首先请确认您收否安装了正版的Divi主题。

然后在模块中添加行,按绿色按钮选择新行

如何使用divi主题添加文本模块教程

再按灰色的按钮添加模块,在插入模块中找到文本模块并添加

如何使用divi主题添加文本模块教程

添加完成,在【文本】正文处添加需要的内容

如何使用divi主题添加文本模块教程

在【正文】下方标注处修改标题大小

如何使用divi主题添加文本模块教程

空格,添置正文内容

如何使用divi主题添加文本模块教程

在【正文】下方标注处修改正文大小

如何使用divi主题添加文本模块教程

标题正文添加完成后鼠标触碰文本,点击左上角处图标,修改文本样式

如何使用divi主题添加文本模块教程

点击修改文本样式跳转【设计】页面,在标题字体里修改文字字体,

在标题柔光里修改文字粗细,

在标题复制样式里如图标指示添加文字倾斜或者下划线等样式,

在文本对齐里对应的左中右对齐。

如何使用divi主题添加文本模块教程

鼠标向下滚动,在文本颜色里修改文字颜色,点击省略号可查看更多颜色设置,

往下是分别设计文字大小、行距、行高,根据需求自行调整。

如何使用divi主题添加文本模块教程

此处可添加文字阴影,如果遇上背景比较花俏的话,给文字加个阴影会明显许多

如何使用divi主题添加文本模块教程

鼠标往下滚动,此处是修改文字阴影颜色

如何使用divi主题添加文本模块教程

在【设计】的调整大小里,可以调整文字编辑框的大小

如何使用divi主题添加文本模块教程

在调整大小的文本对齐里,分别是左中右三种对齐方式

如何使用divi主题添加文本模块教程

在【边宽】里的边框样式里,可以根据自己的设计需求修改边框粗细和颜色

如何使用divi主题添加文本模块教程

若是需要改背景颜色,在进入【设置】背景,修改颜色内容

如何使用divi主题添加文本模块教程

【盒子阴影】是为文本编辑框加阴影,根据需求自行添加

如何使用divi主题添加文本模块教程

设置完成点击保存,就可以在前台预览了。

如何使用divi主题添加文本模块教程

WP花园结语

在使用WordPress的divi主题开发网站的时候,

文字介绍是不可缺少的一部分,

在这之中自定义的设置能更好协调整个页面哦。

如果您在使用divi主题的过程中,

遇到关于使用WordPress的divi主题建站的问题,

欢迎给我们留言!

(微信公众号 WordPress花园)

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/69640.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信