如何重新设计 WordPress 网站：终极清单

啊，WordPress网站的重新设计……

当您考虑此任务涉及的不同问题时，您通常会感到有些压力。

谁不梦想，在这个关键时刻，在他们的服务器上执行一个简单的Command + Option + Escape或Ctlr + Alt + Del ，然后轻松地重新开始？

不幸的是，重新设计您的网站总是比这更复杂一些。 一个疏忽、一个错误、一个失误，发生得如此之快……

WPMarmite 想与您分享它的最佳实践，让您安心地处理这个大型项目。

你准备好了吗？ 在这篇文章中，我详细介绍了重新设计 WordPress 网站需要考虑的所有元素，从上游策略到在线发布。

您最好的 WordPress 项目需要最好的主机！

WPMarmite 推荐 Bluehost：出色的性能，出色的支持。 所有你需要一个好的开始。

试试 Bluehost

要了解如何从头开始创建 WordPress 网站，请查看我们的完整指南。

重新设计 WordPress 网站之前的 4 个步骤

在您使用 WordPress 重新设计您的网站之前，您需要处理各种结构元素。

没错：你不知道自己会进入什么领域就不会开始吗？

1. 设定重新设计的目标

像任何项目一样，要重新设计 WordPress 网站，您需要有目标，并且需要精确定义（无论您是自由职业者、网络代理还是非专业网站管理员）。
正是这些清晰简洁的目标将指导您接下来的步骤。

归结为问自己以下问题：为什么要重新设计网站？ 这可能有很多原因：

• 通过选择新主题或选择页面构建器来更改站点的设计。
• 更新站点的管理。 如果您的插件或您的 WordPress CMS 版本从未更新过，如果不同插件之间存在冲突，或者您的主题被不规则地修改，则可能会出现这种情况。 这些都是可能影响您网站的性能及其日常管理的问题。
• 优化您的搜索引擎优化。 问问自己的目标，特别是如果您的流量下降或没有起飞，您的用户体验目前是否不稳定，或者您的 HTML 代码是否未针对 Google 的机器人进行优化。
• 向您的网站添加当前设计无法提供的新功能。 您可能还希望使其更直观，更易于访问者使用。
• 改进您的网站（或电子商务）的技术结构以加强其安全性、提高其加载速度并修改其树形结构。
• 将您的站点迁移到另一个网络托管服务器。
• 增加销售额，特别是如果您有 WooCommerce 商店。
• 让您的网站与竞赛保持同步，该竞赛提供更多最新的网站。 您将利用它来提高您的品牌形象和声誉。

在结构良好的文档中写下这些不同的目标。 您将看到它们将构成结构化元素，以组织您的网站重新设计。

2. 构建您的重新设计项目

现在您已经清楚地了解了重新设计的目的，让我们来谈谈确定项目主线的不同步骤。

创建你的线框

线框一词是否敲响了警钟？

有必要对主题进行快速回顾，因为这一步至关重要。

线框是结构模型，可帮助您将网页的不同元素排列在单个文档上。

这个想法实际上是为您网站的不同页面奠定框架，以清楚地了解您将要创建的用户体验。

我在这篇文章中给了你一个例子，这里再次说明我的观点：

如果千禧纸+铅笔的方法足以进行轻量级的重新设计，我仍然建议您使用数字工具来设计您的线框。

这不仅可以让您在需要时轻松修改它们，还可以与您的团队（或与您从事网络营销工作的表亲）共享这些线框图。

我只能推荐几种工具来做到这一点：

• Balsamiq Wireframes ：这是一款付费软件，但 30 天免费试用版让您有足够的时间来设计精心制作的线框。
• MockFlow ：这是一个方便的免费增值在线工具。 它的免费版本允许您创建最多 3 个页面来开始。
• Sketch ：一个非常强大的协作网页设计平台，只要你知道如何正确使用它。 它提供 30 天免费试用版，然后提供每月 9 美元起的付费优惠。
• Canva ：它不是专门用于线框图的工具，但由于其众多功能，它可以让您更接近它。 而且，最重要的是，它有一个具有许多功能的免费版本。

在这一点上，您对重新设计 WordPress 网站的期望有了更清晰的了解。

设计你的模型

线框可以让您了解重新设计的页面的结构，而模型将整合设计本身。

通过页面布局软件（例如 InDesign）创建的网页布局可能需要一定的技术性，并且是一个相当耗时的步骤。

所以问题是：你真的需要为你的重新设计创建图形模型吗？ 答案很简单：

• 是的，如果您想创建自己的主题。 在这种情况下，您必须从头开始设计重新设计的网站，从而能够轻松地可视化所有图形元素。
• 不，如果您只想使用现有主题并重新设计它。 一个更简单的解决方案。 但在这种情况下，请务必根据您的目标选择新主题。
  为了帮助您，WPMarmite 拥有您需要的资源：最佳免费主题列表。 享受！
  

加入 WPMarmite 订阅者

获取最新的 WPMarmite 帖子（以及独家资源）。

现在订阅

想想你的新树结构

是的，我向您保证，我们仍在谈论网站重新设计，而不是园艺！

设计你的树状结构意味着想象不同页面之间存在的链接，并考虑访问者在网站上找到自己的方式的所有方式。

简而言之，通过创建树形结构，您可以考虑用户的不同导航路径。

那么该怎么做呢？

设计一个树形结构并记住包括：

• 您的主导航菜单以及潜在的二级菜单。
• 您的页脚，以及它可能包含的链接。
• 您可能的侧边栏，尤其是在您的博客上。
• 您博客的不同类别等。

有了这样的图表，您就不会忘记在不同页面之间创建精心设计的网格，这将确保流畅的用户体验。

就像线框一样，您可以在一张纸上创建此图表，或使用 GlooMaps 或 Octopus 等在线工具。

设计您的规格

好吧，在这个阶段，你已经很好地提供了结构化元素。 现在是时候将所有这些都收集到一个关键文档中：规范。

您的网站重新设计规范是一个非常广泛的文档，它允许您针对重新设计网站的不同期望。

您会在网上找到许多规格模板。 但是，您的必须包含：

• 对您的 Web 项目和公司的描述，以及您的网站在该项目中所扮演的角色。
• 您的新网站的目标受众，尽可能精确地描述。
• 您重新设计的目标，尽可能用数字说明。 例如，如果您的目标之一是增加流量，请记住指定当前网站的流量。
• 要从您当前网站恢复的元素：您的页面内容、可能的图像等。
• 您希望遵循的图形路径。 为此，请将您的线框和模型集成到您的规范以及样式指南（定义您的视觉识别）中。
• 重新设计的网站的新功能元素，例如添加电子商务商店、博客、选择加入模块、新管理（后台）等。
• 您重新设计项目的主要里程碑：您希望什么时候预览您的网站？ 您希望它何时上线？

现在清楚多了，不是吗？

3. 想想你可以支配的资源

现在是开始做生意的时候了。

如果您接受，您的挑战是现在列出您可以使用的资源：

• 预算：您想在重新设计上投资多少？
• 时间：您有多少时间可以重新设计您的 WordPress 网站？
• 技能：你有能力自己实现所有目标吗？
• 工具：插件、主题、页面构建器……即使您的网络技术技能有限，这些类型的工具能否帮助您实现目标？

此列表将让您知道您是否需要求助于外部供应商，或者您是否认为您可以独立工作、与您的团队成员一起工作或通过自己的方式工作。

寻找最好的 WordPress 专家

Codeable 致力于为您匹配专家，他们可以帮助您完成从 WordPress 主题设计或安装到自定义插件开发的任何事情。

尝试可编码

4.制定重定向计划

“好，我们走，就是这样！”

简单！ 在重新设计网站的过程中，最后一步经常被忽视：创建重定向计划。

让我解释。

通常，在重新设计网站时，URL 会发生变化。 如果您创建新页面，情况尤其如此。

但是，如果您将新网站上线而不考虑进行重定向，会发生什么？ 大量 404 错误，这将影响您的 SEO 和访问者的导航。

要设计您的重定向计划，没有什么比这更容易的了。 打开 Excel 或 Google 表格，然后创建一个表格，如下所示：

一旦您的网站上线，您可以设置重定向插件，并直接导入此表。

聪明，不是吗？

好吧：深呼吸，让我们谈谈重新设计本身。

使用 WP Rocket 加速您的网站

使用 WordPress 专家认可的最强大的缓存插件将您的网站变成火箭。

试试 WP 火箭

启动重新设计的 3 个步骤

那么，既然您的项目结构和组织良好，您将如何着手呢？ 这 3 个基本步骤将指导您。

1.选择在本地或直接在您当前的站点上工作

在进入技术方面之前，首先选择工作：

• 直接在您当前的站点上，并“实时”集成更改。
• 或者在开发和预生产服务器上，在将新站点提供给受众之前对其进行测试。

这两个选项意味着什么？

直接在您的网站上在线工作是野蛮的。

在这种情况下，您的所有访问者都可以实时看到更改，并充当您的新功能的“豚鼠”……这可能会引发所有错误。

另请注意，如果在修改过程中发生错误，它将影响网站，直到您检测并解决问题为止。 网站不可用，功能不工作……

为避免所有这些问题，您可以在本地重新设计您的网站。

在本地工作的好处很多：

• 安全地进行修改。
• 无风险地测试您的插件。
• 上线前预览最终效果图。

如果您想保持当前配置的 WP 管理，它也是理想的解决方案。 换句话说，您将能够在不删除现有网站的情况下修改 WordPress 网站。

但是，如果你想从头开始，在一个全新的管理中，看看你应该如何继续在本地安装 WordPress。

WPMarmite 的提示：“当然，您可以从旧网站中检索元素，这要归功于 UpdraftPlus 或 Duplicator 之类的插件。 这些插件允许你在你的管理员上导入你想要的东西：你的内容、你的主题、你的插件、你的媒体等等。”

2. 获得重新设计所需的工具

现在是时候列出并获取重新设计 WordPress 网站所需的一切了。

请记住：您在规格中列出了它们。

这可能包括：

• 一个新主题，如果官方目录中的众多主题之一引起了您的注意（例如非常流行的 Astra）。
• 页面构建器，如 Elementor 或 Beaver Builder，如果您想避免接触代码。
• 新插件，集成惊人的功能。

不确定要使用哪些插件？ 也许您会在我们的必备清单中找到您想要的东西。

你的工具箱准备好了吗？ 让我们完成所有设置并继续进行重新设计的最后一个关键步骤：内容。

3. 准备新网站的内容

首先，不要忘记一个关键点。

在网站重新设计过程中，不可避免地存在可以恢复以前网站的内容。

图片、文字、插件配置：想想吧！

因此，请备份您当前的 WordPress 网站，并将您想要在重新设计中放入的内容保密。

但是，我想，如果您进行重新设计，也是为了修改您网站的内容，使其更相关，对您的目标更具吸引力……当然还有搜索引擎！

所以想想你的 SEO 策略，对你的新（真棒）网站进行排名非常重要。

如果总结要遵循的步骤很复杂，我可以在这里给你主要的内容：

• 一方面，定义你想要排名的关键词。 这些是您的目标自发在 Google 上输入的表达方式，以查找他们正在寻找的信息。
• 另一方面，确定需要在每个页面上集成它们的位置。 您的标题标签 (hn) ，或图像的替代文本，例如必须针对 SEO 进行优化：谷歌喜欢它们，这就是它首先尝试了解您的网站的地方！
• 一旦将这些新内容整合到重新设计的网站中，您就可以检查一切是否到位。 特别考虑图像的名称、标题和页面的元描述，这些往往被忽视。

为了帮助您进行网站的页面 SEO（内容优化），请依靠专用的 SEO 插件。

WPMarmite 使用其中最著名的 Yoast SEO，但它并不是市场上唯一有效的。 在本文中发现我们对其竞争对手的详细比较。

一件事导致另一件事，在您的本地开发服务器上，并使用所有必要的 WordPress 工具，您可以看到您的项目正在进行......并且您的在线发布即将到来。

成功启动网站的 3 个步骤

我能感觉到您对向全世界展示您的新 WordPress 网站感到兴奋。

花点时间看看这 3 个步骤，并仔细遵循它们：我保证，你会很高兴你做到了。

1.选择直接生产或预生产服务器

“预生产服务器”这个词对您来说毫无意义吗？ 不用担心，让我们快速休息一下来定义一下。

预生产服务器与您的网站上线后将使用的服务器共享同一台服务器。 如果 WPMarmite 要重新设计它，Alex 可以选择将他的预生产放在preprod.wpmarmite.com ：这将是与wpmarmite.com相同的环境。

那么为什么要使用这个 preprod 服务器呢？

• 如果您是 WordPress 开发人员，请与您的客户验证您的重新设计。
• 在网站上线之前测试错误。
• 要调整您的 SEO 策略，请确保您的所有关键字都包含在每个页面上。

一旦所有这些都得到验证，只有这样您才能上线并部署您的新网站。 如果你有信心，当然可以选择直接投产。

2. 测试您的新网站是否存在潜在问题

从您的预生产服务器（或现场，如果您是 WordPress 冒险家），您需要测试您的新网站。

成功测试问题的关键是设身处地为普通访客着想，四处点击，并记下您遇到的任何问题……

您可能会看到设计和结构问题。 但不要忘记检查：

• 未完成的重定向，并生成死链接或白页。
• 网站的性能，通过在 GTMetrix、Pingdom 或 Google 的 PageSpeed Insights 测试上进行测试。
• 选择加入点，通过检查它们是否运行良好。
• 联系表格、报价单……
• 付款，如果您有电子商务网站（包括确认电子邮件、访问会员网站……）。

一切都很漂亮，功能齐全，连接良好且组合良好？ 恭喜！ 最后一步将增强我从这里看到的你脸上的灿烂笑容。

3.重新激活并重新连接所有第三方服务

来吧，你快到了！

您现在可以重新激活链接到您的 WordPress 网站的所有服务和插件。 特别想一想：

• 你的缓存插件。
• 使用 Google Analytics 的插件，例如 MonsterInsights。
• 使用社交网络的插件，例如 Facebook 或 Instagram。
• 您的插件和主题的各种许可证密钥。

由于安全是每个人的事（尤其是您的事），请记住重新启用保护您网站的所有元素。

准备好出发？ 然后开始在 Google Search Console 中为您的新网站编制索引。 这种操作迫使谷歌的机器人去拜访你的新宝宝，从而在新版本中更快地索引它。

塔达姆！ 重新设计，性能更好，更引人注目，结构更好，您的新网站已准备好接收应得的流量。 这是一项艰苦的工作，但值得，不是吗？

你呢，你最近有没有重新设计一个 WordPress 网站？

你遇到了什么问题，或者你对此感到自豪吗？

在评论中告诉我们所有相关信息：WPMarmite 团队会仔细阅读它们。