Hostinger教程：如何重新设计WordPress网站

WordPress网站重新设计是指彻底改变网站的外观、功能和整体性能，以改善用户体验和易用性的做法。为了实现这些目标，需要采用清晰且结构化的方法，本文就以美国主机商Hostinger为例，为大家介绍Hostinger是如何重新设计WordPress网站的，有需要的用户可以参考一下。

点击进入：Hostinger官网

一、购买Hostinger主机并部署WordPress

如果用户还没有购买Hostinger主机并部署WordPress网站可以参考以下内容进行操作：

《Hostinger怎么注册 Hostinger主机购买教程》

《Hostinger主机一键部署WordPress网站图文教程》

二、前期准备工作

为了确保流程顺利，重新设计WordPress网站需要周密的计划和准备，就像第一次设计网站时一样。

1、评估网站性能

评估网站性能可以帮助用户了解网站哪些部分运行良好且应该保留，以及哪些部分需要改进。这样，用户就可以专注于这些方面，而不是对整个网站进行彻底改造。

网站性能在这里指的是加载速度和用户体验，毕竟这两者密切相关。要量化网站性能，可以使用跳出率、页面停留时间和页面加载时间等指标。这些量化数据可以帮助用户轻松客观地确定网站重新设计目标的基准线。

用户可以使用GTMetrix等工具来测量加载速度。同时进行网站可用性测试，以衡量用户体验和满意度。

2、设定重新设计目标

在重新设计现有网站时设定目标非常重要，因为这可以让用户更容易评估改版是否成功并符合标准。

最简单的方法是根据基线值设定数值。以下是一些示例：

• 将网站总加载速度降低到2.5秒以内。
• 将跳出率降低25%。
• 将用户会话时长增加30%。
• 将表单提交错误率降低到2%以下。

用户还可以设定非量化目标，例如：

• 将网站中的所有图片比例更改为1:1。
• 为网站添加夜间模式。
• 使用新配色方案更新网站颜色方案。

3、规划新网站结构

为了最终确定方案，请根据目标来设计网站。与上一步一样，此阶段的流程将根据用户的重新设计目标而有所不同。

4、备份网站

详见：《Hostinger主机备份WordPress网站的三种方法》

三、Hostinger重新设计WordPress网站流程

1、使用测试环境

创建WordPress测试站点的常用方法有三种：

• 使用网站主机提供的功能是最简单可靠的方法，因为该功能通常内置于主机控制面板中。但是，并非所有主机提供商都提供此功能。
• 通过插件实现：适用于自托管WordPress或主机商不提供测试环境的用户。使用起来相对简单，但由于依赖第三方扩展程序，因此可能不太稳定。
• 手动使用子域名：这是最复杂、最耗时的方法。适合希望在测试站点上拥有完全灵活性和代码级自定义功能的开发人员。

本文将使用Hostinger的hPanel内置功能搭建一个测试环境。

注意：此功能仅适用于Hostinger WordPress主机Business和Cloud Startup方案。

Hostinger WordPress主机方案一览：

Hostinger优惠码：IDCSPY（虚拟主机高达87%折扣、云主机高达76%折扣，VPS主机高达70%折扣）

方案	存储	流量	建站个数	域名	优惠价
Premium	25GB SSD	不限	25个	赠送	$1.79/月
Business	50GB NVMe	不限	50个	赠送	$2.69/月
Cloud Startup	100GB NVMe	不限	100个	赠送	$6.29/月

《点击进入官网购买》

1）打开hPanel并导航至WordPress网站的控制面板。

2）导航至侧边栏>WordPress>测试环境。

3）点击“创建暂存环境”，然后输入暂存环境的子域名。

几分钟后，新测试站点应该会出现在列表中。

通过此菜单，用户可以访问测试环境的WordPress管理面板。以后需要在重新设计过程中对其进行调整，只需点击“管理测试环境”，然后点击“测试环境管理面板”即可。

2、备份所有内容和自定义主题配置

3、修改WordPress主题

在WordPress网站设计中，主题改版至关重要，因为它决定了网站的整体外观。用户可以通过自定义现有主题或安装新主题来实现这一点。

如果当前主题缺少最新功能、已经过时或需要修改的地方太多，那么安装一个新主题是最佳解决方案。

1）打开WordPress管理后台，然后导航到侧边栏>外观>主题。

2）点击“添加新主题”按钮。

3）在“添加主题”菜单中，将鼠标悬停在喜欢的主题上，然后单击“安装”。用户也可以先预览主题。

4）安装完成后，点击“激活”即可替换当前主题。

4、添加新内容

新主题安装完成后，您可以开始对其进行自定义，例如更改现有设计或添加新内容。此过程包括调整颜色、更改项目边距或重新排列页面布局。

如果用户不熟悉代码，页面构建器插件是更适合初学者的选择。但是，这些工具可能会出现兼容性问题，而且用户需要保持它们处于启用状态才能保留设计更改。如果停用或卸载它们，设计代码将会丢失，WordPress会将用户的网站恢复为基本的HTML页面。

此外，模块化主题提供了第三种便捷的选择，它使用WordPress内置的编辑器。您可以通过访问WordPress管理后台>外观>编辑器来找到它。

5、添加其他插件

网站外观改版完成后，需要调整其功能。根据重新设计方案，用户可能只需要修改现有功能，也可能需要添加新功能。

以下是如何查找和安装WordPress插件的方法：

1）在WordPress管理后台，转到侧边栏>插件>添加新插件。

2）在搜索栏中输入插件名称或标签，即可找到要安装的插件。

3）点击“立即安装”以设置插件。

4）安装完成后，点击激活。

6、测试网站

测试用户的新设计和功能，以确保网站的各个方面都能正常运行。

7、部署到正式网站

新网站设计已经定稿并通过测试，就可以将其部署到正式网站了。

(本文由美国主机侦探原创，转载请注明出处“美国主机侦探”和原文地址！)