热搜
实名制

添加通栏模块并添加内容

2022-07-23

通栏是一个横贯左右两边的栏目,很多时候,通栏都会用于突显一些视觉效果并形成与页面背景或者站点背景形成鲜明的对比,以求达到网站吸引眼球的效果。常用的位置:网页顶部、中上部位、底部

 

1. 进入编辑页面点击左侧的添加按钮,然后会看到通栏模块:

1574750579925136.png

2.用鼠标把这个模块拖动到页面上然后会看到灰色部分就是通栏了,新添加的通栏是没有内容的,您可以直接在里面新增模块,或者将原有的模块拖入这个通栏中成为通栏中的元素并且可以一起拖动:



1578453991486409.png

3.上图的通栏是还没有添加任何模块的,用户可以自行将一些文字,或者图片模块添加到通栏(限内容区),如下图:通栏里面可以添加文本、图片模块或者其它模块,图示中已经添加一个模块。


如图,当拖动一个模块到通栏中,只要见到通栏的内容区有橙色虚线,意味着这个模块已经在通栏区域中,放手后,就可以直接拖动通栏来将整个通栏和内部的元素移动。

1569720665777941.png

4.通栏的大小可以通过拖动边框调整大小,点击属性功能 按钮可以更换通栏背景,背景和其它的任何模块的背景一样,可以是颜色的填充,也可以是一张水平或者垂直重复的图片。调整的方式也和文本模块、图片模块等的背景是完全一样的。

1569720646805089.png

 
5.使用背景视频,
   
 点击属性后勾选使用背景视频,然后录入视频地址即可

1574751223283306.png

自动播放:不勾选,视频将出现控件,需手动控制播放

循环播放:不勾选,视频只播放一次即自动停止

透明度:可以调整视频的透明度,并且可设置遮罩颜色

背景:设置通栏的背景,原本的设置项

在Chrome 66 版本及之后版本,谷歌已经将带声音的视频自动播放默认禁止。 如果勾选打开声音Chrome下将无法自动播放视频

FAQ

Q.背景视频透明度设置无效。

A .必须用背景视频后,透明度设置才有效,如果没有视频变通的方式是图片链接然后设置 透明度


6、固定显示 

一、在编辑界面点击添加-》选中通栏模块拖拽到需要的位置



二、选中模块,点击属性 设置固定显示 (勾选)

1578453971135194.png

三、选中模块拖拽到通栏中直到出现 橙色边框 然后保存即可



四、如果预览没有能固定的处理

把模块移出通栏,然后再移回通栏直至出现橙色边框 然后保存即可。

五、如果需要固定在底部需要把模块放在底板中,勾选时会显示底部。




六、如果需要悬停后更换通栏背景 ,在通栏中点击属性  设置 鼠标经过的颜色及透明度。


1629945550136860.png
不设置 透明度效果如下


1629946048142604.png


1629945963281652.png


如果设置了透明度效果如下

1629946029599418.png

1629946007133697.png


咨询

微信扫码添加客服进行查询

工作日添加

非工作日添加

电话

全国客服热线 400-00-18925

购物车

帮助

重要通知