建站 & 优化
广...
400 0082 880
专业建网站 排名效果看得见
联系我们 获取专业方案

自适应网站 | 滚屏栏目设置教程

2021-06-05 00:39:49 阅读:18 来源:网络营销 作者:智唯小编
导语一、什么是滚屏栏目?滚屏栏目主要由全屏通栏组合,鼠标滚动,网页随滚动切换上下全屏内容效果:二、如何制作滚屏栏目?1、可以通过复制滚屏模板:选择有滚屏栏目模板可直接使用滚屏功能。2、可以通过新增栏目制作:1-添加滚屏栏目入口:【管理栏目】-【添加栏目】-选择滚屏类型栏目:2-编辑滚屏栏目:以滚屏全屏纵向为例:2.1:添加栏目成功后,编辑栏目,在【样式】-【全屏】可以对全屏的导航、顶部、底部做样式更改:3-如何添加全屏通栏:3.1-可以通过点击面板的添加全屏:...
本文共有385个文字,预计阅读时间1分钟

一、什么是滚屏栏目?

滚屏栏目主要由全屏通栏组合,鼠标滚动,网页随滚动切换上下全屏内容效果:

自适应网站 | 滚屏栏目设置教程

二、如何制作滚屏栏目?

1、可以通过复制滚屏模板:

选择有滚屏栏目模板可直接使用滚屏功能。

2、可以通过新增栏目制作:

1-添加滚屏栏目入口:

【管理栏目】-【添加栏目】-选择滚屏类型栏目:

自适应网站 | 滚屏栏目设置教程

自适应网站 | 滚屏栏目设置教程

2-编辑滚屏栏目:

以滚屏全屏纵向为例:

2.1:添加栏目成功后,编辑栏目,在【样式】-【全屏】可以对全屏的导航、顶部、底部做样式更改:

自适应网站 | 滚屏栏目设置教程

3-如何添加全屏通栏:

3.1-可以通过点击面板的添加全屏:

自适应网站 | 滚屏栏目设置教程

3.2-通过当前全屏的工具栏添加:

自适应网站 | 滚屏栏目设置教程

3.3-通过导航快捷添加:

自适应网站 | 滚屏栏目设置教程

3-4上述入口点击后,可以看到添加弹窗,选择保存后,通过添加素材去搭建网站:

点击素材可实时预览到素材效果,点击保存后才添加生效。

自适应网站 | 滚屏栏目设置教程

全屏通栏同常规通栏设置一致,仅高度默认全屏。

4-全屏通栏的顶部底部设置:

顶部设置是否固定、切换为悬浮或占位效果:

自适应网站 | 滚屏栏目设置教程

4.1顶部可以制作固定或不固定顶部效果:

1)顶部固定:

自适应网站 | 滚屏栏目设置教程

2) 顶部不固定:

自适应网站 | 滚屏栏目设置教程

4.2顶部可以制作悬浮、占位效果:

1)顶部占位:

自适应网站 | 滚屏栏目设置教程

2)顶部悬浮:

自适应网站 | 滚屏栏目设置教程

4.3底部可以选择单独高度、与通栏全屏或者隐藏:

自适应网站 | 滚屏栏目设置教程

5-记得设计好栏目要点击保存,保存后才可生效哦。(快捷键ctrl+s也可以保存网站)

自适应网站 | 滚屏栏目设置教程

三、其他

1、如果制作好滚动屏栏目,想设置为当前站点首页怎么做呢?

【管理栏目】-【编辑栏目】勾选设置为首页,保存即可:

自适应网站 | 滚屏栏目设置教程

自适应网站 | 滚屏栏目设置教程

2、手机视图怎么调整?

手机视图由于手机屏幕较小,且没有鼠标交互,目前是常规滚动,没有全屏翻页效果。

获取SEO体验方案

如何优化:
1.如何对目标关键词进行优化 2.怎样让关键词排名提升呢 3.关键词定位了访问者 4.没有指数的关键词可以做吗? 5.关键词优化效果等同于整站优化吗 6.关键词密度多少比较好 7.选择长尾关键词应具备的技巧 8.长尾关键词在网站优化中的作用
相关文章