Divi WordPress Theme

页面的粘性区域有时被称为浮动区域或固定区域。 效果是相同的,它导致元素的外观被卡在适当位置或 与其他网站无关地浮动

当用户向下滚动页面时,粘性元素将固定在适当位置并继续保留在显示中。

此效果的一种流行用法是使 导航菜单粘滞。 这意味着当用户向下滚动页面时,菜单仍然可见。 然后,用户可以在任何时候单击菜单项,而不必滚动回到页面顶部。

由于用户无需执行任何操作即可找到菜单,因此导航变得更快,更容易。 它已经在屏幕上了。 使用此效果意味着像点击后退按钮一样轻松地浏览到站点的另一部分,否则,这将是他们唯一的选择(不滚动)。

对网站所有者有利 就是跳出率降低了,而每位访问者浏览的页面数却增加了。 这是Google用来帮助确定其排名算法的网站质量的两个指标,因此您可以采取任何改进措施来进行研究。

粘页线

使用这种做法的一些示例包括使用粘性水平菜单的PageLines网站和使用固定垂直导航菜单的Web Designer Wall网站。

要了解如何将此功能添加到您的网站,请阅读我们对一些 最好的粘性菜单和页面元素插件 适用于WordPress:

这是一个免费的插件,使您可以将一个或多个侧边栏小部件转换为 浮动小部件。 启用后,您的窗口小部件将具有一个新选项,可让您将其设置为浮动窗口或粘性窗口小部件。

粘性小工具

这意味着当您的读者向下滚动页面时,已启用的小部件将在屏幕上保持可见。

如果您选择侧边栏上较高位置的小部件为粘性,则在向下滚动页面时,该小部件将覆盖页面下方的小部件。 尽管这不是问题,但对于那些不习惯看到这种效果的读者来说,它看起来可能有些混乱,并且可能使他们感到困惑。 为了达到最佳效果 我发现使最底部的小部件保持粘性可以避免此问题。

总体而言,如果您希望始终显示特定的小部件,则可以使用这种效果。 制作一个包含时事通讯注册表单的小部件是此插件的不错选择,因为它应有助于增加您的邮件列表的选择率。

下载此插件

WP Sticky Menu插件是Code Canyon售价15美元的高级插件。 该插件可以让您 添加粘性水平菜单 到您的网站。 您创建的菜单在读者上下滚动页面时始终可见。

粘性-WP-粘性

谈到此布局的位置时,可以将其部署在 上面或者下面 页面的最大可见度。 菜单还支持多个级别,这些级别使用下拉列表显示。 下拉子菜单可以是多列的,使您可以放入大量分为不同类别的链接。 您甚至可以在菜单中添加文本字段,使其成为显示信息和链接的理想选择。

WP Sticky也随附 编辑外观的20种样式,使其非常适合您网站的当前设计和使用的主题。

要真正了解这个令人印象深刻的插件可以做什么,请在此处查看演示。

下载此插件

这是一个免费的插件,可让您 创建即时贴 在WordPress网站的顶部或底部。

粘性媒体

设置非常容易掌握,但没有选择将菜单插入粘性区域的选项。 但是你 可以插入HTML 因此您可以在此区域中放置链接。

您可以自定义横幅广告的宽度,字体和颜色,但遗憾的是无法将其设置为全角,必须输入像素值。 尽管您可以输入一个大于站点宽度的值,但要填满整个屏幕宽度。

其他缺点是您不能 改变高度 区域或对齐文本。 这意味着最终效果并不像安装插件时所希望的那样令人印象深刻。

Sticky-Nmedia-02

下载此插件

GC消息栏是一个免费插件, 添加一个粘性消息栏 到页面顶部或底部,就像上面的插件一样,但是方式要复杂得多。

粘性GC-01

该插件的工作方式类似于Hello Bar服务,并添加了一个通知栏,其中可以包含文本或链接或两者的组合。

GC Message Bar插件具有令人惊讶的功能 大量的选择 和设置可让您对浮动通知在访问者面前的显示方式进行大量控制。

粘性气相色谱

最终结果很好, 令我印象深刻 带有自定义选项,尤其是因为它是一个免费插件。

粘性GC-02

类似于Hello Bar服务,此插件非常相似,它也具有可以通过“我的转换”网站激活和访问的功能。

我唯一的抱怨是仪表板内部的插件管理区域与WordPress的管理界面实际上并不相似,并且看起来已从其他系统添加到了您的网站上。 但是,考虑到此插件的功能和自由性,这次我可以忽略这一点。

下载此插件

这里的另一个免费选项是在WordPress网站上创建粘贴区域或浮动区域。 这个 插入单杠 进入页面顶部,只有在阅读器开始向下滚动页面后,该页面才会出现,然后一直保持可见状态,直到他们返回页面顶部为止。

即时贴01

虽然这听起来有点奇怪, 确实工作得很好。 通知栏可用于显示文本或您的WordPress菜单之一,使其成为一个很好的导航帮助。 您也可以将图像上载到栏中以进行额外的品牌塑造。

即时贴-02

你也可以 添加社交按钮 对于最受欢迎的网络,请为该插件提供浮动社交分享栏的附加功能。

即时贴-03

尽管它没有自定义外观的选项像GC消息栏插件那样多,但是能够在栏中显示WordPress菜单是一个好主意。 由您决定哪个对您更重要:显示菜单或对外观进行更多控制。

下载此插件

这是Code Canyon提供的$ 10加元选项,用于在您的网站上添加即时贴菜单。

Sticky-Stripe-01

插入WordPress网站标题的菜单是 随时可见 当您的读者向下滚动页面时。 通过使用条纹菜单显示一些重要链接,当传统菜单在页面上向下移动时不再可见时,您可以帮助读者轻松浏览网站。

Sticky-Stripe-02

菜单栏的外观是 美好而微妙 但一旦用户开始与它互动,它也将具有出色的动画效果。

构建菜单栏时,您可以从超过350个图标中进行选择,并且可以从多种颜色中进行选择。 由于它是一个两级菜单,因此支持下拉菜单。

下载此插件

这是Code Canyon提供的另一个高级选项,可为您的站点添加固定的水平菜单。

Sticky-Mash-01

与上面的Stripe插件不同,此选项不是轻量级的,具有 很多功能。 对于普通用户而言,其中某些功能可能会显得过高,在这种情况下,Stripe可能是更好的选择。

Sticky-Mash-02

但是,如果您想要 物有所值 那么这可能是一个不错的选择。 菜单下拉菜单可以显示帖子中的特色图像,使您可以为网站上的其他页面创建丰富的菜单。 当然,您也可以更改使用的配色方案,并且菜单上还有放置社交图标和链接的空间。

也有可能 拖动小部件 进入菜单的第二层,以显示几乎所有您想要的东西,否则这些东西会通过小部件进入您的侧边栏。

Sticky-Mash-03

下载此插件

结论

虽然某些粘性物品可能会引起访客的困惑和注意力分散,但精心使用且精心设计的固定菜单栏可以提供有用的服务。

无论读者在网站上的什么位置,他们都可以轻松地使他们跳到网站的另一部分或单击社交按钮,这确实有助于将用户保留在您的网站上并防止他们迷路。

有很多选项供您选择,免费和高级,您首先要考虑要实现的目标,然后选择一个插件,而不是安装一个看上去不错但功能与目标不匹配的插件。

发表意见: 4,616

【免费外贸推广营销视频培训教程】
https://school.yooopaaa.com

WordPress著名Avada主题官方优惠
https://1.envato.market/xxPav

WordPress可视化建站Elementor插件
https://elementor.com/?ref=19904

WordPress外贸独立站DIVI主题官方优惠
https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=59787

亚马逊选品工具Jungle Scout官方优惠
https://junglescout.grsm.io/jieqiu1568

独立站SEO优化工具Semrush免费7天试用
https://shareasale.com/r.cfm?b=1577772&u=2541755&m=97231&urllink=&afftrack=