单页(也称为单页或长滚动)网站已成为现代设计的主要内容。并且,当正确实现时,它们可以与 WordPress 形成一个伟大的组合。让我们来看看 WordPress 单页网站是什么,以及使用它的一些优势。 然后,我们将向您介绍一些成功实现该技术的 WordPress 主题。本文将讨论线上 WordPress 网站设计中的单页 WordPress 网站设计。

  什么是 WordPress 单页网站?

  传统上,一个网站由几页组成。 例如,想想无处不在的 “关于我们” 或 “联络我们” 页面。 虽然他们可能遵循与网站首页相同的设计模板和样式,但它们本身是单独的实体。 在静态 HTML 网站的时代,这意味著它们是 WooCommerce 服务器上完全独立的档案。 通过使用诸如 WordPress 的内容管理系统(CMS),页面被单独储存在资料库表中。 当多用户导航到该特定页面时,它由 CMS 即时生成。

  一个 WordPress 单页网站,但是,正是它的声音。它不是完全独立的页面,而是设计为在一个长页面上显示。当多用户向下滚动或使用导航时,新内容的部分被看到。

  离开它自己,一些单页面的网站可能相当大,载入缓慢。这就是为什么您会经常在这些类型的网站上看到 “延迟负载” 效应。当多用户滚动或导航到新内容部分时,会动态载入新内容部分。使用此技术,只有当时在多用户浏览器中检视的内容已载入。这不仅减轻了 WooCommerce 服务器的负担,而且提供了更好的多用户体验。这在移动装置上尤其重要,以限制资料频宽的使用。

  优点和最佳实践

  WordPress 单页网站可以有几个优点。一方面,在单个页面上呈现一切内容,方便多用户浏览,没有限制多用户必须单独载入每个页面。如果多用户只是滚动浏览新内容,他们可能会比如果需要多次点选更深一点。

  单页 WordPress 主题

  现在我们知道 WordPress 单页网站是什么,它在哪里最好使用,让我们看看一些主题,正在大量使用这种技术。

  1.Invisio

  清洁和现代,Invisio 功能平滑滚动和一些可爱的内容动画。 这是一个小商业网站的完美。 还包括 Visual Composer 的副本,一键汇入示例内容和一些主题选项,以帮助您自定义您的网站。

  2.Layer

  图层是一个单页的主题,相当灵活。 事实上,有 15 个演示布局可供选择,涵盖广泛的用途。 功能包括页面构建器,粘性选单,视差滚动效果,时间轴,定价表和滑块革命的副本。

  3.Lily

  餐厅和咖啡馆的设计,Lily 带来了一个独特的选单(餐馆选单,即)折叠。 例如,点选沙拉,开启一个漂亮的动画模态视窗,其中包含有关该选择的更多详细信息。 该主题包括六个不同的主页布局,两种导航样式,互动式时间轴,滑块革命和 Visual Composer 。

  4.Amaze

  Amaze 是一个非常优雅的 WordPress 主题,突出了其使用粘性侧边栏导航。 有六种主页布局可用的光明和黑暗的变化(一些包括顶部导航)。 您会注意到一些不错的视差滚动效果,礼貌的 DZS Parallaxer 外挂。 您还可以建立包含 Cube Portfolio 的投资组合。

  5.Jordan

  WordPress 单页网站的另一个很好的用途是简历/投资组合。 Jordan 特别适合创意专业人士,因为它拥有一个可过滤的组合,时间表和一个非常酷的 “设计过程” 领域。 还有一个推荐滑块,定价表和光滑的动画。

  从外部,您可以看到 WordPress 单页网站是在一个有限的市场。 但正如我们所看到的,这种类型的设置有更多的独特用途,比人们想象的更多。与所有网站一样,内容和可用性将最终决定您的网站是否成功。上面的主题当然优于事物的可用性部分。从那里,它只是一个问题,创造的内容,将使一个引人注目的网站。