推荐设备MORE

微信小程序为何而来—如何在

微信小程序为何而来—如何在

行业知识

Mall电商商城-企业网站建设底端浮层的妙用

日期:2021-04-17
我要分享

我们平常浏览网站,又会否发现一些网站的底部,会悬浮着一个模块元素呢?其实那是底部浮层,底部浮层可以帮助网站暂时性地展示重要信息或公告,但也可以关闭,不会妨碍用户正常浏览网站。那么下面就给大家分享在网站建设中如何妙用底部浮层。

 

一、在凡科建站中完成账号注册,进入管理中心创建网站,并选用合适的网站模板建站。接下来在网站建设的设计页面中,找到设计页面左方“设置”,在“基础设置”-“全部设置”下,选择“网站底部浮层”。

设置

网站底部浮层


二、添加底部浮层后,浮层就会显示在网站画面的底部。我们通过“设置”里,进行浮层样式设置。

设置浮层样式


三、在三种底部浮层样式中,①样式能让自由收起和显示,并暂时隐藏在左下角,适合用于尽可能地腾出更多浏览画面。②样式同样能让自由收起和显示,但是收起的时候有一半内容还能看到,适合提高浮层内容的被关注程度。③样式关闭后只能够在进入页面、加载页面、刷新页面,浮层才能显示,适合提醒关注浮层内容,关闭后不会造成任何打扰。

网站建设


四、选用好合适的样式后,那么就可以对样式进行自定义设置:

1、选择浮层出现的页面,可选择全部页面或是进首页出现。


2、设置底部浮层的高度,可选择默认或是自定义。如果是自定义,数值只能在80px-500px之间。

设置底部浮层的高度


而②样式的高度则可以分别设置收起高度和展开高度,收起高度只能输入80px;展开高度可以在80px-500px之间。

网站底部浮层


3、①样式能够收起在左下角,收起时会显示图案作为图标,那么我们在自己建设网站时,可以通过自定义图片更改收起时的图标。


 自定义图片更改收起时的图标


4、设置底部浮层的背景,可以使用图片作为背景,或是只使用颜色作为背景。如果是使用颜色,则可以调整半透明效果,而图片就不能。

 

设置网站底部浮层的背景

自己建设网站


五、底部浮层中有显示添加模块,那么就可以通过页面左侧的“模块”功能,给浮层添加上合适的模块元素。

模块

网站底部浮层添加模块元素

添加模块

 

相信大家都对底部浮层有所了解。在网站建设中,底部浮层虽然不是必要元素,但是如果作为网站广告,并含有关键词,那么在一定程度上,也可以为浮层所在的页面带来权重,同时也不会给用户造成太大影响。