标题设计组件(文档)

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

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

 

1,如何插入设计组件

只需从左侧的组件控制面板【基础组件】中 ,选中组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示

 

 

为了易于理解及操作,下面的操作我们只说明常用的内容和样式设置因为并不是每一个选项都是我们设计的时候需要用到的。

 

2,内容选项卡

 

2.1,内容选项卡设置如下图,您可以看到有多个设置选项来控制标题组件的显示属性。

(1)标题:输入你要的显示的标题内容,您可以直接在右边的编辑器内输入内容,也可以在左边的文本框内输入你的标题内容。

提示:如果你从别的网站上复制粘贴过来的内容可能会带有该网站的样式表,这个时候如果你需要复制纯文本,可以将复制的内容向黏贴到电脑“记事本”中,再从记事本复制/剪切 内容到左侧控制面板,这样就不会带任何样式内容了

(2)跳转链接: 可以设置点击标题后跳转到其他的页面或文章

(3)字体大小:快捷方式设置标题字体大小。可选项有“小号”,“中号”,“大号”,“超大号”等

(4)左右间距宽度:这个属性的应用场景是当标题内容比较长的时候,我们希望它可以以两行或多行来显示,以达到美观作用这个时候,我们会使用到这个属性选项进行编辑。

(5)对齐:这个好理解咯,就是文本靠左,居中,靠右对齐。

(6)标签(可选):这个主要提供有SEO或有HTML编程基础的人员使用。非技术人员可以忽略。标题的标签使用<h1>~ <h6>,<string> 来完成编码

 

详情操作步骤,请查看结尾的视频操作啦。

 

 

 

3,样式选项卡

样式选项卡设置如下图,您可以看到有多个设置选项来控制标题组件的显示属性。

3.1,标题“样式选项卡”操作就比较简单啦。

(1)文本颜色:设置当前标题的颜色

(2)鼠标悬停:当鼠标滑动到该文本显示的颜色

(3)字体设置:这里可以对标题设置对应的字体大小,如果你在“内容选项卡”(3)字体大小,处也设置了字体大小,它将被“字体设置”的设置属性所覆盖,另外字体设置支持“响应式字体设置”,你可以设置站点在“IPAD”,‘手机’端上需要适配的标题字体大小,来给访客更好的视觉体验

(4)文本阴影:比较好理解啦,如下图标题就设置了黑色的标题阴影

(5)叠加模式:可忽略该配置,该选项为专业的美工/技术人员提供,提供带有滤镜效果的颜色样式设置比如“正片叠底”,“变暗”,”变亮”,“发光”等属性

 

 

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

 

评论

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

产品标题

剩余 0

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

立刻分享给好友

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

知道了