You are here:  Home » PHP » WPBeginner v5 – 新网站设计和下一步

如果您今天正在加载WPBeginner,那么您可能已经注意到我们有一个新的网站设计。考虑到我们的最后一个设计是从2012年开始,很多人会说我们给WPBeginner刷新了一段时间。我想与您分享我们重新设计过程中的一些见解,我们学到了什么,为什么花了这么长时间,最重要的是新设计中的新功能。

一点背景

我在2009年创办了WPBeginner。在前3年,WPBeginner经历了4次重新设计。这需要花费大量资源,而这些资源可以更好地用于我们的核心任务:

通过我们的工具,团队和培训帮助小型企业发展并与大公司竞争。

之后WPBv4,我强调了我们的核心使命,结果令人惊讶。

在过去四年中:

  • 我们在WPBeginner博客上创建了超过一千个免费的WordPress教程。
  • 我们在YouTube频道上添加了超过500多个新的视频教程。
  • 我们在WordPress词汇表中添加了100多个术语。
  • 我们推出了OptinMonster – 一种将弃用网站访问者转换为订阅者的工具。我们的optin表单每月被观看数十亿次。
  • 我们推出了最强大的WordPress图库解决方案Envira Gallery,以帮助我们的用户轻松创建照片和图片。视频画廊没有减慢他们的网站。
  • 我们推出了Soliloquy一个易于使用的响应式WordPress滑块插件,使性能和用户体验成为第一优先。
  • 我们根据您的反馈和建议推出了WPForms,这是最适合初学者的WordPress表单插件。
  • 今年早些时候,我们收购了Yoast Analytics并将其重新命名为MonsterInsights。我们正在重写整个插件,以便让初学者轻松使用Google Analytics。

我们的插件已被下载超过1300万次,并且正在200多万个网站上使用。

虽然所有这些都是很好的成就,但如果我们想要继续,我们还有一系列新的挑战需要解决改进并服务于我们的使命。

这让我想到了WPBeginner v5

Design with Data

在过去的几年中,移动设备的使用量大大增加对于大多数网站。这就是为什么我们总是建议每个人在创建博客时选择适合移动设备的响应式WordPress主题。

这有点讽刺,因为我们自己的网站没有响应。我们在社交媒体上得到了社交媒体的批评。

偶尔我们会得到读者的评论,询问为什么WPBeginner没有响应。

虽然我理解其重要性对于响应式设计,当您在业务中确定任务优先级时,制定数据驱动的决策更为重要。

2012年,当我们启动WPBv4设计时,小于2 %%%我们的观众的%%%%是在移动设备上。今天在2016年,这个数字已增加到约7%。

与我的其他网站相比,这仍然非常低50%的用户使用移动设备。

但这很有意义,因为大多数人不会通过移动设备在他们的WordPress网站上安装插件。大多数人不会在移动设备上进行代码更改。大多数人不会尝试在移动设备上修复常见的WordPress错误。

但这很有道理,因为大多数人不会通过移动设备在他们的WordPress网站上安装插件。大多数人不会在移动设备上进行代码更改。大多数人不会尝试在移动设备上修复常见的WordPress错误。

这就是为什么让WPBeginner响应不是我们的首要任务。然而,一旦移动使用率超过5%,我们就开始计划重新设计以解决其他挑战。

WPBeginnerv5 Responsive

我们面临的另一个挑战是现场可用性。随着我们添加更多内容,用户越来越难以找到他们想要的内容。例如,我们有8篇文章谈论加速WordPress,但没有全面的逐步解决方案。

我们查看WPBeginner搜索表单中的顶级类型搜索查询,以创建全面的一步一步的教程,现在迅速在设计中突出显示。

WPBv5 Comprehensive Guides

我们还通过标题中的全屏搜索覆盖以及侧栏中的附加搜索栏更轻松地搜索WPBeginner。

展望未来,我们将更轻松通过创建创造性地利用WordPress标签的内容门户网站,让用户找到他们想要的东西。

WPBv5中的新功能

该网站的核心功能保持不变。以下是网站上几个值得注意的变化:

New Start Here Page

如果你是WPBeginner的新用户,那么你会欣赏新的Start Here页面

Responsive Website设计

WPBeginner网站现在100%响应,因此它在所有设备上看起来都很棒。

我们选择坚持使用流行的Genesis框架来构建我们的自定义子主题。

综合指南

如果您查看每个页面的侧边栏,您将看到一个新的部分“我需要帮助…”,其中突出了如何加速WordPress,如何提高WordPress安全性等综合指南,如何优化WordPress SEO等等。

对我们的产品更好的可视性

在WPBeginner人口普查中,我提出的一个问题是命名我们拥有的产品。令人惊讶的是,有多少人不了解我们的产品。在新设计中,我们将更好地突出我们拥有的产品。

首先是一个新的优质WordPress插件页面。

我们还将在侧栏和我们的时事通讯广告中轮换产品。

FontAwesome和New Font

您可能会注意到在新设计器中使用图标字体。它被称为FontAwesome,我是Dave Gandy工作的忠实粉丝。

我们在所有产品上使用他的作品,并且是FontAwesome的骄傲支持者。

有趣的是,如果你使用FontAwesome以及我们的实际,你可以将WPBeginner徽标添加为字体其他属性。

在新设计中,我们现在通过Typekit使用Proxima Nova字体。

新共享插件

在过去,我们使用了一个变体浮动社交栏插件。

在Twitter,Facebook和其他人的变化之后 – 我觉得是时候为WPBeginner创建一个新的共享插件了。

它准确地提取了Twitter的数量,但更重要的是它现在有了总股数。

New Share Plugin

我选择停止浮动行为,而现在在每个帖子的开头和结尾都添加了共享按钮。这将有助于在较小的屏幕尺寸上获得更好的用户体验。

新电子书和选项表格

在每篇文章的底部,您将看到一个新的optin表单来下载我的WordPress工具包。这本电子书分享了我们在网站上使用的确切工具。

它与WPBeginner蓝图不同,因为它只显示我们在WPBeginner上使用的内容。

工具包电子书更全面。

我还用MonsterLinks替换了侧边栏optin表格,这是一个两步的optin流程。侧边栏optin形式没有以足够高的比率转换以证明房地产的合理性。现在,如果您想通过电子邮件订阅,可以通过单击侧栏中的电子邮件图标来完成。

WPBv5 Sidebar Optin

下一步是什么

除了前端的变化,我们进行了大量的后端更改,这将使WPBeginner团队在未来几个月内轻松创建更全面的指南。

WPBeginner视频会员网站将获得大修。目前它仍在使用旧主题。

我们将把它变成一个LMS系统,将初学者视频课程和我们的500多个YouTube视频集中在一起。

目标该网站将提供更有组织的课程,以方便用户快速学习WordPress。

Yours Truly,
Syed Balkhi
WPBeginner的创始人

评论被关闭。