2020年WordPress网页设计趋势

正如你所知道的,随着越来越多的企业竞相在网上建立自己的品牌,并从越来越多的基于模板的网站中脱颖而出,网页设计也在不断发展。

近几年来,我们看到并撰写了许多网页设计趋势,这些趋势吸引了网页设计师和有品牌意识的企业的集体想象力。突然之间,你点击的每个网站似乎都受到了一些网页设计风格的影响,比如狂野、极简主义、现代复古、模块化或安全设计。

我们甚至讨论了使用单页网页设计的优点,并与你分享了这项研究对在网站中使用侧边栏的看法。

虽然一些网页设计趋势侧重于帮助网站脱颖而出,但另一些趋势则是出于功能或经济上的需要,甚至是合规。例如,考虑基于移动的设计或包容性网页设计。很难想象在没有移动友好的设计或没有考虑到可访问性的情况下,今天建造网站会是什么样子。

网站所有者希望有好看的网站来提供结果。因此,下面列出的趋势将美学设计与基本功能相结合也就不足为奇了。

2020年WordPress网页设计趋势

让我们从我认为将主导WordPress网页设计世界的趋势开始,不仅是在2020年,而且是在未来的许多年里。

最好的WordPress设计从积木开始

毫无疑问,基于WordPress 古腾堡块的网页设计是2020年及以后你需要关注的最重要的WordPress设计趋势。

2019年11月,在密苏里州圣路易斯市的WordPress Camp US(WCUS)发表的最新一次现状演讲中,WordPress联合创始人马特·穆伦韦格(Matt Mullenweg)明确表示,古腾堡是WordPress网页设计和网页开发的未来。

要理解马特演讲的意义,你需要知道古腾堡是WordPress成立16年来做出的最大改变。

自2018年12月6日WordPress 5.0发布以来,古腾堡已经有了20个新版本,贡献者数量大幅增长(一年内从200人增长到480多人),古腾堡编辑器在WordPress网站上的采用率几乎增加了两倍。

今天,任何设计或建设WordPress网站的人都不能忽视WordPress对古腾堡采用推广的认真态度。

在过去的一年里,古腾堡开发人员对编辑器进行了重大改进(下面我将介绍其中一些),并缩短了古腾堡的平均加载时间和平均输入时间。虽然还不是每个人都离开了WordPress经典编辑器,但越来越多的用户通过切换到新的编辑器来回应古腾堡后期加载速度的提高。马特在他的演讲中宣布,目前每天使用古腾堡发布的文章超过27万篇。

那么,古腾堡在2020年会对WordPress的网页设计产生怎样的影响呢?

首先,古腾堡将允许更多的用户开始定制自己的网站。

古腾堡的许多新功能已经在WordPress 5.3版中可用。这些功能包括用户增强功能,如:

  • 使用运动设置在页面上拖动元素时,块移动更加流畅,以提高辅助功能。
  • 一种“打字机”模式,在你打字时保持垂直位置,以获得更愉快的写作体验。
  • 块预览,允许用户在选择之前查看块的外观。
  • 支持从你的智能手机上传大图片,如高分辨率图片。
  • 更快的块导航模式,提高了可用性和可访问性(用户可以使用键盘在块菜单中导航)。
  • 使用内联导航菜单块使用背景和文本颜色等元素自定义导航菜单的功能。

古腾堡还提供了新的块,允许你将块分组在一起(分组块),在块之间添加空白(空格块),并在页面和文章上使用自定义渐变和多按钮。

在他的演讲中,马特还提到,用户想要从古腾堡区块获得的最受欢迎的功能之一是添加社交图标的能力。古腾堡的社交图标区块将允许用户在其文章和页面的任何位置添加社交图标和按钮。我预计将提供不同类型的社交媒体块供用户选择。

随着越来越多的贡献者和开发者将古腾堡作为未来的发展方向,WordPress还宣布将推出一个Block Directory,允许用户使用内联Block目录搜索Block并将其安装到他们的网站中。这包括将向你的站点添加整个集合的块,例如模式库。

有了古腾堡的区块目录,用户将能够动态地设计页面。这导致了我们2020年的下一个WordPress网页设计趋势。

一个主题征服所有主题

WordPress主题开发人员注意到:古腾堡基于块的功能将给用户更多自由来设计和定制他们自己的文章和页面。与其专注于开发仅适用于古腾堡模块的特定主题(例如电子商务或博客主题),WordPress主题开发人员应该重新思考如何通过提供各种网站功能的多用途主题来支持这种新的自由。

正如马特·穆伦韦格(WordPress联合创始人)最近在“世界新闻评论”(The State Of The Word WCUS)上所说的那样,

“我们真正想要实现的是,你可以浏览世界上任何一个网站,只需点击几下,就可以在WordPress内部创建它。”

这对WordPress主题设计师来说,既是挑战,也是机遇。你如何构建用户可以转换成他们想要的任何内容的主题?

让我们来看看一些试图做到这一点的主题设计:

Neve

Neve是一个快速加载、高度可定制、多功能的主题,可以用于所有类型的网站项目。虽然这个主题有一个极简主义的设计,但它具有高度的可扩展性,与古腾堡和大多数页面构建器都能完美地配合。

除了WooCommerce就绪、响应性强、支持RTL和翻译就绪之外,这个轻量级主题还完全针对AMP进行了优化(参见下面的网页设计趋势了解为什么这很重要)。

Genesis Framework

由StudioPress(现在是WP Engine的一部分)开发的Genesis框架旨在通过发布一系列主题来超越仅仅为古腾堡做好准备,这些主题经过了增强,特别针对古腾堡进行了优化。

例如,像Breakthrough Pro这样的主题包含了对块调色板、字体大小、编辑器宽度和图像大小等内容的古腾堡主题支持,可与所有可用编辑器宽度一起使用的自定义样式和默认古腾堡块样式,以及轻松的所见即所得(WYSIWYG)编辑,允许你使用具有匹配前端和管理样式的古腾堡块来构建页面和文章。

让快速站点速度更快

网站不仅需要看起来好看,而且还需要更快的加载速度。尤其是在移动网站上。

需要注意的两个增长趋势是加速移动页面(AMP)和渐进式Web应用(PWA)。

AMP(Accelerated Mobile Pages)本质上是现有网页的精简HTML版本,旨在提高加载速度。谷歌缓存并提供AMP内容,使页面在其搜索结果中即时加载给用户。

像我前面讨论的Neve这样的主题是AMP优化的,所以不需要特殊的配置。

WordPress的PWA插件允许用户从他们的主屏幕启动应用程序,并通过类似应用程序的界面与你的网站交互,从而返回到你的网站。

将你的WordPress网站转换为渐进式Web应用程序,允许用户通过手机启动应用程序来返回你的网站,并通过类似应用程序的界面与你的网站进行交互。

在这样一个世界里,几毫秒的时间可能会对访问者选择你的网站或点击别人的网站产生巨大的影响,一秒钟的延迟可能会降低高达7%的转换率,而加载速度甚至比竞争对手更快的WordPress网站将继续吸引用户的眼球,赢得点击量。

WordPress主题设计者和网页开发人员可以通过开发完全不需要AMP的移动友好的WordPress主题,并将网站转换为PWA,从而保持在这一趋势的领先地位。

创建你可以与之交流的网站

越来越多的用户正在使用他们的移动设备和语音搜索功能进行在线搜索。根据Backlinko的一项语音搜索研究,页面速度在语音搜索SEO中起着重要作用,语音搜索结果页面平均加载时间为4.6秒(比平均页面快52%)。

你可以使用插件向WordPress站点添加语音搜索功能。

WP Fastest Site Search 不仅可以让你在WordPress网站上添加语音搜索功能,而且它还取代了标准的WordPress搜索小工具,除了搜索过滤器和搜索结果页面之外,还增加了其他搜索增强功能,如自动完成、拼写更正、PDF搜索和图像搜索。

然而,向WordPress添加语音搜索插件是不够的。你还需要学习如何优化你的WordPress站点以进行语音搜索。语音搜索优化可以帮助用户更快地找到他们想要的东西,这就需要快速加载、移动优化的站点。此外,将重点放在内容可读性等方面也很重要,以确保网站能够回答读者的问题。WPAstra写了一篇关于语音搜索SEO的很棒的文章。

创建可以反馈的网站

用户不仅希望更快地在网上找到并得到他们想要的东西,而且他们还希望得到对他们的查询的即时回复。

想想在线用户的“等待”是如何演变的吧我们已经从紧张地在桌子上敲击手指等待电子邮件回复,变成了焦急地看着手机屏幕上的动画圆点告诉我们有人在回复我们的短信。技术已经使用户习惯于期待即时的满足感,现在我们必须交付。

解决办法?AI聊天机器人。

Olark Live Chat

与人工智能技术集成的即时聊天允许企业做出响应,并立即与登录其网站的客户互动。如果有人无法现场响应,AI脚本可以接管,适当地指导用户,并提供即时支持的感觉。有时候,用户所需要的只是感觉到他们被爱了,即使只是被一个有爱心的机器人所爱。

WordPress,你打动了我

大多数用户在网站上停留的时间不到15秒。这就是你要吸引他们注意的时间。

将动画元素和过渡等运动UI功能集成到你的网页设计中,可以帮助在访问者进入或离开站点时吸引他们的注意力。这里的关键是在吸引他们的注意力和引导他们找到他们正在寻找的任何东西之间取得适当的平衡。

如果你不知道如何开始向你的网站添加动画,请从大多数wordpress用户开始的位置开始。安装一个插件!

Animate It!

Animate It!当访问者进入、退出、滚动或单击站点上的元素时,你可以将CSS3动画添加到文章、小部件和页面上的内容中。

视频背景
视频背景是向WordPress站点添加动感的另一种方式。你可以使用古腾堡封面块为页面添加视频背景。

用不同的语言问好

虽然企业的目标是在电子商务等领域进行全球扩张,互联网不断让世界变得更小,但世界各地更多的文化正在努力保持自己的独特性。

在2020年及以后,允许用户用自己的语言查看内容的多语言WordPress网站将变得更受欢迎。

虽然WordPress本身目前不支持开箱即用的双语或多语言网站,但它确实支持将WordPress翻译成所有语言。此外,还有一些插件可以让你轻松创建多语言站点。

WPML

WPML(WordPress多语言插件)允许你将WordPress网站翻译成多种不同的语言,并与WooCommerce集成,允许网站与100多个国家和语言的用户互动。其他流行的语言翻译插件包括Polylang、Weglot和TranslatePress。

值得一提的是,多年来,WordPress一直在支持帮助提高其多语言能力的开发人员。WordPress并不打算取代翻译插件,也不会将多语言WordPress作为核心服务。

每个人都有自己的观点要表达。

想象一下,能够使用实时协作设计和开发WordPress站点。当网站正在开发时,不同的部门将能够在网站的特定领域提供有价值的投入,从而为用户和开发团队提供更好的网站。

虽然WordPress中的实时协作还没有完全实现,但它已经在路上了。莱昂纳多·洛索维茨(Leonardo Losovitz)写了一篇很棒的文章,讲述了古腾堡如何重塑在WordPress中创建、编辑和管理内容的体验,并帮助网页设计师帮助用户。

古腾堡很快就可以与其他WordPress进行实时协作。

今天就开始设计未来的WordPress网站

正如你从上面看到的,古腾堡是影响WordPress的最重要的发展,并将影响所有未来WordPress的网页设计趋势和发展。忽略这一点,后果自负。

从2020年开始,WordPress的网页设计将专注于整合设计和功能,加载速度极快,并迎合全球不断增长的移动用户群的网站。了解这一点应该会帮助你建立更好的网站。

我们在过去已经报道了很多网页设计趋势,我们将继续预测未来的趋势。我们甚至会告诉你从哪里获得网页设计灵感,所以如果你是一名网页设计师或网页开发人员,请务必订阅以接收我们的最新更新并保持最新潮流。

发表评论

邮箱地址不会被公开。 必填项已用*标注