如果您今天加载 WPBeginner，那么您可能已经注意到我们有一个新的网站设计。考虑到我们的上一次设计是 2012 年的，很多人会说我们是时候对 WPBeginner 进行更新了。我想与您分享我们重新设计过程中的一些见解、我们学到了什么、为什么花了这么长时间，以及最重要的是新设计中的新内容。
如果您今天加载 WPBeginner，您可能已经注意到我们有一个新的网站设计。考虑到我们的上一次设计是 2012 年的，许多人会说是时候更新 WPBeginner 了。我想与大家分享我们重新设计过程中的一些见解、我们学到了什么、为什么花了这么长时间以及最重要的是新设计中的新内容。
一点背景 （A Little Background）
我于 2009 年开始创建 WPBeginner。在最初的 3 年里，WPBeginner 经历了 4 次重新设计。这占用了大量资源，而这些资源本来可以更好地用于我们的核心使命：
我于 2009 年创立了 WPBeginner。在最初的三年里，WPBeginner 经历了 4 次重新设计。这将占用大量资源，而这些资源本可以更好地用于我们的核心任务：
通过我们的工具、团队和培训帮助小型企业发展并与大型企业竞争。
借助我们的工具、团队和培训，帮助小型企业发展并与大型企业竞争。
WPBv4 之后，我重点关注我们的核心使命，结果令人惊讶。
WPBv4 之后，我专注于我们的核心使命，结果令人惊叹。
过去四年：
过去四年：
- WP初学者博客.WP初学者博客上创建了上千个免费的WordPress教程。
- YouTube 频道.YouTube 频道上添加了500多个新的视频教程。
- We added over 100 terms in our WordPress 术语表.
- 我们在WordPress 术语表添加了100多个期限 。
- 选择怪物 – a tool that converts abandoning website visitors into subscribers. Our optin forms are viewed several billion times a month.选择怪物 ，该工具可将放弃的网站访问者转化为订阅者。 我们的optin表格每月被浏览数十亿次。
- 环境画廊, the most powerful WordPress gallery solution, to help our users easily create photo & video galleries without slowing down their websites.环境画廊 ，以帮助我们的用户轻松创建照片和视频画廊，而不会影响他们的网站。
- 独白 an easy to use responsive WordPress slider plugin that makes performance and user experience it’s #1 priority.独白一个易于使用的响应式WordPress滑块插件，使性能和用户体验成为第一要务。
- WP表格, the most beginner friendly WordPress form plugin based on your feedback and suggestions.WP表格 ，这是对初学者最友好的WordPress表单插件。
- 怪物洞察. We are in the process of rewriting the entire plugin to make Google Analytics easy for beginners.怪物洞察 。 我们正在重写整个插件，以使初学者更容易使用Google Analytics(分析)。
我们的插件总共被下载超过 1300 万次，并在超过 200 万个网站上积极使用。
我们的插件下载量已超过 1300 万次，并在超过 200 万个网站上积极使用。
尽管所有这些都是伟大的成就，但如果我们想继续改进并服务于我们的使命，我们就需要解决一系列新的挑战。
尽管所有这些都是伟大的成就，但如果我们要继续改进并服务于我们的使命，就必须应对一系列新的挑战。
这让我想到了 WPBeginner v5。
这让我想到了 WPBeginner v5。
数据设计 （Design with Data）
In the last few years, the usage of mobile devices has gone up quite significantly for most websites. That’s why we always recommended everyone to choose a mobile-friendly responsive WordPress theme when 开始写博客.
在过去的几年中，大多数网站上移动设备的使用量已大大增加。 这就是为什么我们始终建议每个人在创建博客时都选择适合移动设备的自适应WordPress主题。
这有点讽刺，因为我们自己的网站没有响应。我们在社交媒体上收到了社区中其他 WordPress 设计师和开发人员的很多批评。
有点讽刺的是，我们自己的网站没有响应。在社区中，其他 WordPress 设计师和开发人员对社交媒体提出了很多批评。
有时我们会收到读者的评论，询问为什么 WPBeginner 没有响应。
有时我们会收到读者的评论，询问为什么 WPBeginner 没有响应。
虽然我了解响应式设计的重要性，但在确定业务中的任务优先级时，做出数据驱动的决策更为重要。
虽然我了解了响应式设计的重要性，但更重要的是，在确定业务中的任务优先级时，您需要做出数据驱动的决策。
In 2012 when we launched WPBv4 design, 低于2% of our audience was on mobile.
2012年，当我们推出WPBv4设计时， 低于2%的受众使用移动设备。
2016 年的今天，这一数字已增至 7% 左右。
2016 年的今天，这一数字已增至约 7%。
This is still very low compared to my other websites like 列表25 where over 50% of users are on mobile.
与我的其他网站(如清单25)相比，这仍然非常低，其中超过50％的用户使用移动设备。
But it makes sense because most folks don’t install plugins on their WordPress websites via mobile device. Most folks don’t make code changes on mobile. Most folks don’t try to fix WordPress 常见错误 on mobile.
但这是有道理的，因为大多数人不会通过移动设备在其WordPress网站上安装插件。 大多数人不会在移动设备上进行代码更改。 大多数人不会尝试在移动设备上修复WordPress 常见错误 。
这就是为什么让 WPBeginner 响应式并不是我们的首要任务。然而，一旦移动使用率超过 5%，我们就开始计划重新设计，以解决其他挑战。
这就是为什么让 WPBeginner 响应式并不是我们的首要任务。然而，一旦移动使用率超过 5%，我们就开始计划重新设计以解决其他挑战。
我们面临的另一个挑战是现场可用性。随着我们添加更多内容，用户找到他们想要的内容变得越来越困难。例如，我们有 8 篇文章讨论加速 WordPress，但没有全面的分步解决方案。
我们面临的另一个挑战是现场可用性。随着我们添加更多内容，用户找到他们想要的内容变得越来越困难。例如，我们有 8 篇文章讨论如何加速 WordPress，但没有全面的分步解决方案。
我们查看了 WPBeginner 搜索表单中最常键入的搜索查询，以创建全面的分步教程，这些教程现在在设计中立即突出显示。
我们研究了 WPBeginner 搜索表单中最常用的搜索查询，以创建全面的分步教程，这些教程现在在设计中立即突出显示。
我们还通过标题中的全屏搜索覆盖和侧边栏中的附加搜索栏，使搜索 WPBeginner 变得更加容易。
我们还使搜索 WPBeginner 变得更加容易，在标题中提供了全屏搜索覆盖，并在侧边栏中添加了一个额外的搜索栏。
展望未来，我们将通过创建创造性地利用 WordPress 标签的内容门户，让用户更轻松地找到他们想要的内容。
展望未来，我们将通过创建创造性地利用 WordPress 标签的内容门户，让用户更轻松地找到所需的内容。
WPBv5的新增功能 （What’s New in WPBv5）
该网站的核心功能保持不变。以下是网站上的一些值得注意的变化：
网站的核心功能保持不变。以下是该网站的一些值得注意的变化：
新的从这里开始页面
在这里开始一个新页面
If you’re new to WPBeginner, then you would appreciate the new 从这里开始页面
如果您是WPBeginner的新手，那么您将不胜感激新的从这里开始页面
响应式网站设计
响应式网站设计
WPBeginner 网站现在 100% 响应，因此在所有设备上看起来都很棒。
WPBeginner 网站现在 100% 响应，因此它们在所有设备上看起来都很棒。
We’ve chosen to stick with the popular 创世框架 to build our custom child theme.
我们选择继续使用流行的创世框架来构建我们的自定义子主题。
综合指南
综合指南
If you look in the sidebar of every page, you will see a new section “I need help with…” which highlights comprehensive guides like 如何加快WordPress的速度, 如何提高WordPress的安全性, 如何优化 WordPress SEO, and more.
如果您在每个页面的侧边栏中查看，您将看到一个新的部分“我需要帮助...”，其中突出显示了全面的指南，例如如何加快 WordPress 速度 ， 如何提高 WordPress 安全性 ， 如何优化 WordPress SEO等。
更好地展示我们的产品
产品知名度更高
在 WPBeginner 普查中，我提出的问题之一是为我们拥有的产品命名。令人惊讶的是有这么多人不知道我们的产品。在新的设计中，我们将更好地突出我们拥有的产品。
我在 WPBeginner 人口普查中提出的问题之一是为我们拥有的产品命名。令人惊讶的是有这么多人不知道我们的产品。在新的设计中我们将更好地突出我们拥有的产品。
This starts with a new 高级 WordPress 插件 page.
这从一个新的高级 WordPress 插件页面开始。
我们还将在侧边栏以及时事通讯广告中轮换产品。
我们还将在侧边栏和新闻通讯中轮换产品。
FontAwesome 和新字体
FontAwesome 和新字体
You might notice the use of icon font in the new designer. It’s called 真棒字体, and I’m a huge fan of Dave Gandy’s work.
您可能会注意到新设计器中使用了图标字体。 它叫做真棒字体 ，我是Dave Gandy作品的忠实提倡 。
我们在所有产品中都使用了他的作品，并且非常自豪地成为 FontAwesome 的支持者。
我们在所有产品中都使用了他的作品，并且非常自豪地成为 FontAwesome 的支持者。
Fun fact, you can actually add the WP初学者标志 as a font if you use FontAwesome as well as our other properties.
有趣的是，如果您使用FontAwesome以及我们的其他属性，则实际上可以将WP初学者标志添加为字体。
在新设计中，我们现在通过 Typekit 使用 Proxima Nova 字体。
在新设计中，我们现在通过 Typekit 使用 Proxima Nova 字体。
新分享插件
新的分享插件
In the past, we used a variation of the 浮动社交栏 plugin.
过去，我们使用了浮动社交栏插件的变体。
在 Twitter、Facebook 和其他人做出改变之后，我觉得是时候为 WPBeginner 创建一个新的共享插件了。
在 Twitter、Facebook 和其他人做出改变之后，我觉得是时候为 WPBeginner 创建一个新的共享插件了。
它可以准确地获取 Twitter 计数，但更重要的是，它现在拥有总分享数。
它准确地拉动了 Twitter 的交易量，但更重要的是，它现在拥有总股份。
我选择停止浮动行为，而是在每个帖子的开头和结尾添加共享按钮。这将有助于在较小的屏幕尺寸上获得更好的用户体验。
我选择停止浮动行为，而是在每个帖子的开头和结尾添加共享按钮。这将有助于在较小的屏幕尺寸上提供更好的用户体验。
新电子书和选择表格
新的电子书和最佳格式
在每篇文章的底部，您都会看到一个新的选择表单来下载我的 WordPress 工具包。这本电子书分享了我们在网站上使用的确切工具。
在每篇文章的底部，您都会看到一个新的选择表单，用于下载我的 WordPress 工具包。这本电子书分享了我们在整个网站中使用的确切工具。
It is different from the WP初学者蓝图 because that only shows you what we use on WPBeginner.
它与WP初学者蓝图不同，因为它仅显示了我们在WPBeginner上使用的内容。
该工具包电子书更全面。
工具箱电子书更全面。
I also replaced the sidebar optin form with 怪物链接, a 2-step optin process. The sidebar optin form didn’t convert at a high enough rate to justify the real-estate. So now if you want to subscribe via email, you can do so by clicking on the email icon in the sidebar.
我还用2步选择流程怪物链接替换了侧边栏选择表单。 侧边栏optin表单的转换率不足以证明房地产的合理性。 因此，现在，如果您想通过电子邮件进行订阅，可以通过单击侧边栏中的电子邮件图标来进行订阅。
下一步是什么 （What’s Next）
除了前端更改之外，我们还进行了许多后端更改，这将使 WPBeginner 团队在未来几个月内可以轻松创建更全面的指南。
除了前端更改之外，我们还进行了许多后端更改，这将使 WPBeginner 团队在未来几个月内可以轻松创建更全面的指南。
The WPBeginner 视频会员网站 will be getting an overhaul. Currently it’s still using the old theme.
WPBeginner 视频会员网站将得到全面修订 。 目前，它仍在使用旧主题。
我们将把它变成一个 LMS 系统，将初学者视频课程和我们的 500 多个 YouTube 视频集中在一起。
我们将把它变成一个 LMS 系统，汇集初学者视频课程和我们的 500 多个 YouTube 视频。
该网站的目标是提供更有条理的课程，以便用户轻松快速地学习 WordPress。
该网站的目标是提供更有条理的课程，让用户轻松快速地学习WordPress。
我要感谢大家的支持和反馈。
我要感谢大家的支持和反馈。
Yours Truly,
Syed Balkhi
Founder of WPBeginner
敬上，
赛义德·巴尔基(Syed Balkhi)
WPBeginner的创始人
翻译自: https://www.wpbeginner.com/news/wpbeginner-v5-new-site-design-and-whats-next/