动态标题组件(文档)

标题设计组件-是我们编辑站点的时候,最常用到的组件之一,它的使用功能非常简单,调整下字体大小,和颜色,文本对齐方式即可完成编辑。

点击查看”示例和视频操作” >>

 

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)再标题前面:默认设置下,形状圈圈是再标题后面,如设置在前面可以遮挡文字。

 

 

恭喜你已完成当前组件的学习,感谢阅读。

 

评论

数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了