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

word-image-109-1080x472

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

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

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

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

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

什么是文本模块

Divi主题里的文本模块,

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

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

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

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

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

真实案例分析

在使用WordPress为客户建站时。

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

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

模块编辑步骤

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

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

word-image-93-800x327

再按灰色的按钮添加模块,在插入模块中找到文本模块并添加完成word-image-94-800x328 添加完在【文本】正文处添加需要的内容

word-image-95-800x341

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

word-image-96-800x332

空格,添置正文内容

word-image-97-800x343

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

word-image-98-800x347

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

word-image-99-800x346

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

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

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

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

word-image-100-800x339

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

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

word-image-101-800x332

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

word-image-102-800x336

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

word-image-103-800x333

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

word-image-104-800x339

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

word-image-105-800x341

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

word-image-106-800x328

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

word-image-107-800x341

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

word-image-108-800x332

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

word-image-109-800x298

结语

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

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

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

本文由 8源码吧 作者:liaolong 发表,其版权均为 8源码吧 所有,文章内容系作者个人观点,不代表 8源码吧 对观点赞同或支持。如需转载,请注明文章来源。

发表评论