标题设计组件-是我们编辑站点的时候,最常用到的组件之一,它的使用功能非常简单,调整下字体大小,和颜色,文本对齐方式即可完成编辑。
1,如何插入设计组件
只需从左侧的组件控制面板【基础组件】中 ,选中组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
为了易于理解及操作,下面的操作我们只说明常用的内容和样式设置,因为并不是每一个选项都是我们设计的时候需要用到的。
2,内容选项卡
内容选项卡设置如下图,您可以看到有多个设置选项来控制标题组件的显示属性。
(1)动画样式:可选 “高亮显示”,”动画显示“。 动画区别见视频。
当动画样式选择 “高亮显示”,显示入下图。
(2a)形状: 可选择动态形状 。“圆形”,“波浪”,“下划线”,“上划线”等。
(3a)文本之前 : 动态文本之前显示的文本 如下图”易极赞是个“。
(4a)动态文本: 输入动画效果显示的标题内容。
(5a)文本之后 : 动态文本之后显示的文本 。
当动画样式选择 “高亮显示”,显示入下图
(2b)动画: 可选择“动画”形状 。“输入”,“回形针”,“翻动”,“波浪”等。
(3b)文本之前 : 动态文本之前显示的文本 如下图”易极赞是个“。
(4b)轮播的文本: 如下图所示,可输入多行文本,每行内容会轮回播放显示
(5b)文本之后 : 动态文本之后显示的文本。
(6)跳转链接:点击动态标题,跳转的页面或指定文章链接
(7)水平对齐:设置对齐方向 如“靠左”,“居中”,“靠右”
3,内容选项卡
样式选项卡设置如下图,您可以看到有多个设置选项来控制标题组件的显示属性。
3.1, “标题”样式模块设置,如下图
(1)文本颜色:如下图的黑色字体“易极赞是个 **** ,好开心”。
(2)字体设置:设置黑色字体的尺寸大小,粗细程度。 外字体设置支持“响应式字体设置”,你可以设置站点在“IPAD”,‘手机’端上需要适配的标题字体大小,来给访客更好的视觉体验。
(3)动态文本区域 – 设置动态文本颜色,如下红色文字
(4)字体设置:设置红色字体尺寸大小,粗细程度。外字体设置支持“响应式字体设置”
3.2,“形状”样式模块设置,如下图
(1)颜色:设置下图红色圈圈的形状颜色
(2)宽度:设置下图红色圈圈形状的宽度
(3)再标题前面:默认设置下,形状圈圈是再标题后面,如设置在前面可以遮挡文字。
恭喜你已完成当前组件的学习,感谢阅读。
评论