标题设计组件-是我们编辑站点的时候,最常用到的组件之一,它的使用功能非常简单,调整下字体大小,和颜色,文本对齐方式即可完成编辑。
1,如何插入设计组件
只需从左侧的组件控制面板【基础组件】中 ,选中组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
为了易于理解及操作,下面的操作我们只说明常用的内容和样式设置,因为并不是每一个选项都是我们设计的时候需要用到的。
2,内容选项卡
内容选项卡设置如下图,您可以看到有多个设置选项来控制标题组件的显示属性。
2.1,文本编辑 – 模块,如下图, 点击选项卡后进入设置界面,左侧的这个编辑器和我们平时编辑文章页面的编辑器功能基本类似。
(1)文本编辑:输入文本内容在内容区域,
(2)左右间距宽度: 这个属性的应用场景是当内容比较长的时候,我们希望它可以以两行或多行来显示,以达到美观作用这个时候,我们会使用到这个属性选项进行编辑。
左侧编辑器有个拓展按钮,点击最后一个类似“小键盘”的图标 如下图“h”处,编辑器下方会显示出,所有可用于编辑文本的功能图标。
下列根据图片坐标位置说明图标功能
(1)设置段落的字体 (2)文本缩进+ 增加 (3) 文本缩进- 减少
(4)设置链接 (5)字体斜体(6)字体下划线
(7)清除所选字体样式,还原文本
(8)开启文本模式,在复制黏贴的时候,不带样式,只粘贴纯文本
(9)字体颜色 (a)字体背景色 (b) 删除线
(c)与(d)都是分类列表 (e)分割线
(f)表格组件, 属于复杂的编辑模块组件,为开发人员保留此功能选项。在当前组件处不推荐使用表格功能
2.2,跳转链接- 模块,如下图,点击选项卡后进入设置界面
(1)跳转链接: 给内容设置默认的链接页面或文章
3,样式选项卡
样式选项卡设置如下图,您可以看到有多个设置选项来控制组件的显示属性。点击下图蓝色选项卡“样式”,进入样式配置页面
3.1 文本样式- 模块,如下图, 点击选项卡后进入设置界面
(1)字体设置:设置默认文本内容字体,可以设置字体大小,粗细。另外字体设置支持“响应式字体设置”,你可以设置站点在“IPAD”,‘手机’端上需要适配的标题字体大小,来给访客更好的视觉体验。如果文本内容,某些编辑区域在文本编辑器中设置了字体样式,则当前选项属性不会生效。
(2)对齐:设置文本对齐位置 。靠左,居中,靠右
(3)文本颜色 :文本内容颜色
(4)鼠标悬停 :鼠标悬停在文本内容之上,字体改变的颜色。
恭喜你已完成当前组件的学习,感谢阅读。
评论