具有固定粘性导航的最佳 WordPress 主题
已发表: 2018-03-26固定导航趋势在桌面和移动用户中都非常流行。 由于网站的导航始终可以访问,它可以帮助用户更快地浏览网站和浏览内容。
但是自己创建这个固定导航可能很麻烦。 值得庆幸的是,您可以在默认情况下获取带有此功能的 WordPress 主题! 我组织了一些具有固定导航的最佳 WP 主题,混合了多种样式可供选择。
韦斯顿
Weston 主题涵盖了数十种风格和许多不同的网站主题,从作品集到登陆页面和极简主义的电子商务商店。 但是每种样式在每个页面上都有相同的固定导航技术。
最顶部的导航栏随用户滚动,因此它固定在屏幕顶部。 这甚至适用于屏幕小得多的移动设备,但导航栏也不占用太多空间。
这个响应式导航菜单还使用了三栏汉堡图标。 它是移动菜单的主要内容,它鼓励用户点击进入更多页面。
Weston 提供了丰富的多样性并具有许多高级功能,但对于典型的博客设计来说可能太多了。 如果您喜欢固定的粘性导航样式,请记住它仍然是一个很好的主题。
贝克特
如果您喜欢专注的设计,那么贝克特可能更适合您。 这个主题在摄影和全屏图像方面发挥了很大作用,以吸引访问者的注意力。
主页的样式可以随心所欲,但它主要面向创意作品集。 顶部导航栏随着用户滚动并在打开时占据整个屏幕。 这种导航技术在只有 3-5 个导航项的网站上非常常见。
贝克特通过将注意力集中在内容上而没有分散注意力的顶部栏来做到这一点。 颜色也会发生变化,与页面的简单配色方案形成对比。
悉尼
悉尼是一个广泛的主题,对商业和代理网站具有很大的价值。 真正令人惊叹的设计具有一些独特的功能,如推荐、技能计算器和投资组合条目。
如果您向下滚动页面,您会注意到粘性导航实际上缩小了一点。 这在试图节省屏幕空间而不危及用户体验的主题中非常常见。 在这个较小的导航栏中,所有链接仍然很容易交互。
然而,移动用户没有得到固定的导航栏,所以它只能跟随在更大的屏幕上滚动。 物理屏幕空间在移动设备上很有价值,因此如果您想要一个带有可变固定导航栏的更简单的响应式设计,那么使用这样的主题真的很有意义。
创建
这是另一个具有许多不同风格的灵活主题,您可以从中挑选并快速启动。 Create 有 5 个不同的主页,它们都具有顶部固定导航栏设计。
它使用滑动效果,导航从屏幕顶部向下滑动。 它为设计增添了一点生命,这在其他主题中很少见。 但 Create 主题并非适用于每种类型的网站。
它主要适用于使用自定义投资组合以及详细的多层下拉菜单的数字机构。 这使得它非常适合任何拥有大量页面的网站,并且对于任何不精通技术的个人来说都是一个不错的选择。
无穷
一些现代 WP 主题使用垂直导航来吸引对侧边链接的注意。 这有点混淆了用户体验,并创建了一种非常不同类型的固定粘性导航。
Infinity 是一个投资组合主题,这就是垂直侧边栏导航效果如此出色的原因。 它仅依赖于内部页面和社交帐户的链接,所有这些都在用户向下滚动页面时保持定位。
这限制了桌面上的整体页面样式,因为侧边栏始终可见。 但是移动用户获得了非常不同的体验,其中导航重新排列到顶部并且不跟随用户向下页面。

这是另一种古怪的设计,它在有意义时使用固定导航功能,但在空间非常宝贵的较小屏幕上将其删除。
黑白精简版
对于杂志风格的博客,您可以查看 BlackWhite Lite 主题。 这附带了现代在线杂志的所有花里胡哨,并提供了完全免费的主题替代品。
使用导航栏上方的徽标,它在标题中增加了一点高度。 但是当您向下滚动页面时,此导航栏仍固定在最顶部。
它也支持下拉导航,这对于大型博客来说是巨大的。 这些下拉菜单甚至可以在带有滑动汉堡菜单的移动设备上使用。 它是现代杂志风格网站和响应速度最快的布局的主要内容。
BlackWhite 远非唯一的杂志主题。 但它是为数不多的具有简洁设计和与布局相得益彰的固定顶栏的产品之一。
港口
对于代理主题,关于 Port 有很多话要说。 它使用了立即引起注意的大标题照片,再加上强大的排版和干净的水平页面部分。
这种水平节奏非常适合固定导航栏。 Port 的顶部导航非常轻薄且超级易于使用,尤其是在用户用指尖轻敲的移动设备上。
我确实认为滑动菜单有点小,但可以通过一些代码调整来编辑。
Port 确实是为网站上没有很多页面的代理机构和小型公司而设计的。 这是一个具有质量设计的可靠主题,绝对可以用于几乎任何公司主页。
齿轮
除了 WordPress,电子商务还有很多替代品,但 WooCommerce 系统仍然是许多人的最爱。 使用 Gear 主题,您可以使用简洁的设计和强大的固定导航来启动杀手级电子商务商店。
左上角的徽标固定在导航链接旁边,因此您可以在整个网站上获得一致的品牌。 但是这个顶部栏也允许访问用户的购物车和搜索功能。
总而言之,这是一个非常简单的布局。 但这正是您想要的电子商务商店。
踪迹
Trail 为垂直侧导航提供了一个更暗的替代方案。 这是另一个投资组合主题,重点直接回到主要内容。
然而,通过这个较暗的侧边栏,您可以将黑暗和光明混合在一起。 主要网站内容使用白色背景,因此这种对比增加了网站导航和作品集内容之间的区别。
通过固定导航位置,它还允许用户快速访问所有内容。 当然,响应式布局将这个导航隐藏在一个汉堡图标后面,这使得它在智能手机上更容易使用。
博客精简版
我最后的建议是遵循传统博客设计的 Blog Lite。 这还附带了许多附加功能,例如特色图像支持和自定义主页。
在浏览网站时,您会注意到固定顶部导航栏缩小了一点并调整了字体大小。 这些链接仍然可以访问,但整个菜单中的数十个链接没有那么多空间。
值得庆幸的是,这个主题还支持博客作者很常见的下拉菜单。
如果你想要一个干净的设计和一个完全响应的固定导航,那么 Blog Lite 是一个很好的选择和测试的主题。
向前进
每种类型的网站对设计、美学和自定义功能都有不同的需求。 这篇文章通过固定滚动导航提供了整个范围内的最佳主题。
因此,无论您是要推出新的公司网站、个人投资组合、电子商务商店还是新博客,这些主题之一肯定会帮助您通过出色的设计快速上线。