首页 » 博文 » wpbeginner » 初学指南 » 如何正确更改 WordPress 主题(终极指南)

如何正确更改 WordPress 主题(终极指南)

最近,我们的一位读者问我们如何在不破坏任何内容的情况下正确更改他们网站上的 WordPress 主题。

WordPress 使更改和管理主题变得非常容易。但是,您需要记住,更改实时网站的外观是一件大事。在更改主题之前和之后,您需要牢记某些事项,以免丢失任何数据和网站流量。

在本文中,我们将通过分步清单向您展示如何更改 WordPress 主题。

正确更改 WordPress 主题(终极指南)

为什么要更改 WordPress 主题?

您可能想要更改WordPress 网站上的主题,以使其更好地匹配您的利基市场。

例如,如果您经营一个时尚博客,那么您可能想切换到具有专业时尚网站风格的主题。

切换到不同的主题还可以使您的网站焕然一新,增强用户体验,甚至可以通过使搜索引擎更轻松地抓取和索引您的内容来改善您网站的搜索引擎优化。

另外,一些 WordPress 主题还带有您网站上可能需要的内置功能。例如,某些主题包括电子商务、会员网站和作品集的功能。

话虽如此,让我们看看如何正确更改网站上的 WordPress 主题。以下是您将在本文中学到的内容的快速概述:

更改 WordPress 主题之前要做的事情

虽然只需单击几下即可轻松更改主题,但在开始此过程之前必须采取一些预防措施。

我们建议您仔细阅读以下清单,以确保更改WordPress 主题的过程顺利进行,并且不会丢失重要数据。

1.从当前主题复制片段

一些 WordPress 中级用户喜欢通过直接向主题的functions.php 文件添加代码片段来自定义他们的网站。

由于这些更改只进行过一次,人们通常会忘记它们。

如果您或您的 Web 开发人员进行了这些更改,请务必检查当前主题的文件并记下您之前添加的所有附加代码。这将允许您稍后将这些片段添加到新主题的functions.php 文件或特定于站点的WordPress 插件中。

专家提示:我们建议始终使用WPCode添加代码到您的网站,这是市场上最好的 WordPress 代码片段插件。这样,当您切换到不同的主题时,您不必担心复制和添加代码片段。

有关更多详细信息,请参阅我们有关如何在 WordPress 中正确添加自定义代码的指南。

2. 测试加载时间

在更改主题之前,您应该检查网站的加载时间。这可以帮助您轻松比较对网站进行更改后页面加载时间的差异。

请记住,WordPress 速度是用户体验和 SEO 的重要因素,因此您需要确保新主题比以前的主题更快。

您可以使用WordPress 速度测试工具检查您的网站速度。有关更多说明,请参阅我们有关如何运行站点速度测试的指南。

确保测试主页以及一些内部页面的加载时间。

3. 不要丢失任何跟踪代码

一些用户将其分析跟踪代码直接添加到其主题文件中。此外,某些 WordPress 主题允许您在其设置面板中添加 AdSense 或 Analytics 代码。

初学者最常犯的错误之一就是忽略这些代码片段。

您需要确保复制所有跟踪代码,以便在更改主题后将其添加到新网站。

为了面向未来,我们始终建议用户使用MonsterInsights等插件安装 Google Analytics。该插件可让您直接从 WordPress 仪表板查看分析和报告,而无需向主题文件添加任何跟踪代码。

另一方面,对于广告等其他跟踪代码,我们建议使用WPCode有关详细说明,请参阅有关如何正确将 Google AdSense 添加到 WordPress 的教程。

4. 进行完整备份

始终建议在更改主题之前备份您的帖子、图像、插件和数据库。

您可以使用像Duplicator这样的WordPress 备份插件来创建整个网站的备份。请确保在继续之前将此备份下载到您的计算机上。

此步骤将确保您在出现问题时可以轻松恢复您的网站。

有关更多信息,您可以参阅我们关于如何备份 WordPress 网站的初学者指南。

5. 侧边栏内容

侧边栏用于添加不同的小部件,包括社交链接、广告、订阅表格或联系表格

记下这些更改。如果小部件中添加了任何自定义代码,请确保将此代码复制并粘贴到您的计算机上,以便您可以在新主题中重用它。

6.让你的网站处于维护模式

当您对网站进行更改时,最好将网站置于维护模式。这可以防止用户看到不完整的网站并确保顺利过渡到不同的主题。

我们建议使用SeedProd来实现此目的。

它是市场上最好的 WordPress 页面构建器,可让您轻松为您的网站创建即将推出和维护模式的页面。

种子产品

首先,您需要安装并激活SeedProd插件。如果您需要帮助,请按照我们有关如何安装 WordPress 插件的分步指南进行操作。

注意:您可以使用SeedProd 的免费计划来启用维护模式。但是,升级到高级版本将解锁更多功能,例如预构建模板、高级自定义功能和电子邮件营销工具集成。

接下来,从 WordPress 仪表板转到SeedProd » 登陆页面屏幕,然后单击“设置维护模式页面”按钮。

单击设置维护模式页面按钮

之后,您必须为维护模式页面选择一个模板。您还可以使用空白模板并从头开始创建页面。

要选择模板,只需将鼠标悬停在缩略图上,然后单击复选图标即可。

SeedProd 的现成维护模板

您现在可以使用 SeedProd 拖放页面构建器来自定义页面。只需从左侧菜单中拖动新块即可添加它们。

SeedProd 允许您添加文本、图像、按钮和标题的标准块。它还提供高级块,包括联系表格、赠品、社交共享选项等等。

维护页面添加按钮块

不要忘记单击右上角的“保存”按钮来保存更改。

之后,转到“页面设置”选项卡,并将其切换为“发布”来更改页面状态。

切换页面状态以发布并单击 X 图标退出

完成此操作后,单击屏幕左上角的“X”图标即可退出拖放构建器。这将在屏幕上打开提示,要求您激活维护模式。

从这里,只需单击“是,激活”按钮即可向访问您网站的用户显示维护模式。

单击提示中的“是,激活”按钮

如果您需要更多灵感来创建维护模式页面,那么您可以查看我们可以在 WordPress 网站上使用的维护页面创意列表。

如何安装 WordPress 主题

遵循上述预防措施后,下一步是安装您想要在站点上使用的主题。

选择主题后,您需要将其安装到您的 WordPress 网站上。您可以使用以下 3 种方法中的任意一种来安装 WordPress 主题:

  • 使用 WordPress 主题搜索选项
  • 从 WordPress 仪表板上传主题
  • 使用 FTP 安装主题

有关更多信息,您可以查看我们关于如何安装 WordPress 主题的初学者指南

有数以千计的免费和付费 WordPress 主题可供您选择。您正在阅读本文的事实意味着您可能已经找到了适合您需求的好主题。

但是,如果您尚未选择主题,那么我们强烈推荐以下 WordPress 主题:

1. 阿斯特拉

阿斯特拉 WordPress 主题

Astra是一个轻量级且速度优化的 WordPress 主题,与流行的页面构建器插件(如 SeedProd、 Beaver Builder、Divi 和Visual Composer)兼容。

这是一个翻译和 RTL 就绪的主题。它允许您以任何语言启动您的网站,甚至创建一个多语言网站。

Astra 还可以与 WooCommerce 插件集成,因此您可以轻松创建在线商店,无需太多麻烦。您甚至可以使用 WordPress 主题定制器自定义页眉、页脚、布局等。

关于 Astra,我们最喜欢的一点是它附带的所有入门网站模板。它为各种利基市场提供了 250 多个选项,包括商业网站、在线商店和个人博客。

2.迪维

优雅主题迪维

Divi是市场上最受欢迎的 WordPress 主题之一。它由拖放式 Divi Builder 提供支持,可让您轻松构建任何类型的网站。

它配备了 2000 多个预构建布局和 200 个不同的内容元素。您可以轻松自定义网站的每个元素并实时查看更改。

另外,Divi 还对 SEO 非常友好,可以帮助您的网站在 Google 和其他搜索引擎中排名更高。

3. 种子产品

种子产品

SeedProd是市场上最好的 WordPress 主题构建器,拥有超过 100 万活跃用户。

我们已经提到您可以使用它来创建维护模式页面。但您也可以使用它来创建自定义 WordPress 主题,而无需编写任何代码。

SeedProd 附带拖放构建器和 300 多个专业设计的模板,可帮助您入门。您可以使用现成的块、智能部分和 WordPress 模板标签轻松自定义主题。

它还会在屏幕右侧显示所有更改的实时预览,因此您可以在网站发布之前查看您的网站将如何呈现给用户。

4.StudioPress创世纪

工作室出版社

Genesis是 StudioPress 团队构建的最受欢迎的 WordPress 主题框架。您可以使用Genesis 框架和其他 StudioPress 主题创建令人惊叹的网站。

如果您不知道,StudioPress 是WP Engine的一部分,WP Engine 是最受欢迎的托管 WordPress 托管公司

最好的部分是,如果您注册任何WP Engine托管计划,您将免费获得 35 个以上的StudioPress主题。

5.海洋湿地

海洋湿地

OceanWP是一个响应式、多用途的 WordPress 主题。它提供了多个针对不同职业和业务而构建的演示模板。

它与主要的页面构建器插件兼容。您还可以使用不同的扩展将您的网站提升到一个新的水平。

如何在不上线的情况下更改 WordPress 主题

安装新主题后,您就可以切换主题了。

但是,始终建议您先测试主题,然后再在实时网站上切换到该主题。

这样,您将能够检查新主题与现有插件的兼容性,并确保一切正常工作。

您可以通过三种方式在不上线的情况下更改 WordPress 主题。

1. 实时预览选项

默认情况下,WordPress 允许您在网站上预览主题而不更改它。

为此,请从 WordPress 管理侧边栏转到外观»主题页面。

在此页面上,您将看到站点上所有已安装的主题。继续将鼠标悬停在要预览的主题上,然后单击“实时预览”按钮。

查看主题实时预览

这将在 WordPress 主题定制器中打开您的新主题。

您现在可以测试新主题并确保一切正常。

2. 主题切换插件

另一种选择是使用Theme Switcha插件。它允许您预览新主题而无需激活它。

首先,您需要安装并激活这个免费插件。有关详细说明,请参阅我们有关如何安装 WordPress 插件的分步指南。

激活后,从 WordPress 仪表板访问设置»主题切换页面,然后选中“启用主题切换”选项旁边的框。

勾选启用主题切换

完成此操作后,滚动到页面底部以单击“保存更改”按钮。

该插件现在将在此页面底部显示所有已安装的主题。

显示可用主题

从这里,只需单击您的新主题即可在新的网络浏览器选项卡中预览它。

3. 在暂存站点上测试您的主题

您还可以通过创建暂存站点来测试您的 WordPress 主题,而无需使其上线。该网站是您的实时网站的克隆,用于测试任何类型的更改。

您可以使用托管提供商的内置暂存站点功能轻松完成此操作。在本教程中,我们将使用Bluehost

首先,您必须访问 Bluehost cPanel 并单击“我的网站”按钮。完成此操作后,切换到“插件”选项卡并激活 Bluehost 插件。

打开 Bluehost 插件

接下来,访问您的 WordPress 仪表板并前往Bluehost » Staging 页面。

从这里,单击“创建暂存站点”按钮继续。

单击创建暂存站点按钮

Bluehost现在将为您准备暂存环境。

之后,它将显示“暂存站点”部分,您必须在其中选中“当前未编辑”框。

单击当前未编辑按钮

这将在屏幕上打开一个提示,要求您切换到暂存站点。

从这里,单击“切换”按钮。

点击切换按钮

完成此操作后,您可以从仪表板前往外观»主题页面并激活您想要测试的任何主题,而不必担心它会影响您的实时站点。

然后,一旦您对主题感到满意,您就可以实时推送更改。

有关更多详细信息,您可以参阅我们的初学者指南,了解如何轻松地为 WordPress 网站创建临时环境

在暂存站点上激活主题

如何在实时网站上更改 WordPress 主题

测试新主题后,就可以开始在 WordPress 网站上切换主题了。

为此,请从 WordPress 管理侧边栏访问外观»主题页面。

到达那里后,只需将鼠标光标悬停在要使用的主题上,然后单击“激活”按钮即可更改 WordPress 主题。

激活主题

现在,您可以访问网站的主页来查看新主题的实际效果。

如何手动更改 WordPress 主题

有时,错误可能会导致您的WordPress 管理区域无法访问。在这种情况下,您将无法使用上述方法更改主题。

要恢复您的网站,您需要 从备份中恢复它或解决导致问题的WordPress 错误。

但是,如果您没有备份,则可以在 phpMyAdmin 的帮助下手动更改主题。

此方法允许您通过更改数据库中的信息来告诉 WordPress 使用哪个主题。

首先,您需要使用 FTP 客户端连接到您的网站 并转到该/wp-content/themes/文件夹​​。

使用 FTP 上传主题

在这里,您将能够查看网站上当前安装的所有主题。如果您没有看到WordPress 主题,也可以通过 FTP 安装它。

接下来,您需要记下要使用的主题的文件夹名称,因为稍后会需要它。

之后,前往您的WordPress 托管帐户的cPanel。在本教程中,我们将使用 Bluehost。但是,您的 cPanel 可能看起来有所不同,具体取决于您使用的托管服务。

在此页面上,向下滚动到 phpMyAdmin 部分,然后单击旁边的“管理”按钮。

单击 phpMyAdmin 选项旁边的管理按钮

进入 phpMyAdmin 后,您将在屏幕左侧看到数据库列表。从这里,单击您用于 WordPress 网站的数据库。

这将在屏幕右栏中打开所有数据库表。现在,继续单击wp_options表格将其打开。

注意:默认情况下,WordPress 使用wp_作为表名称的前缀。但是,可以有不同的数据库前缀,如图所示。

从表列表中选择 wp_options

这将打开存储在表中的其他文件的列表wp_options

从这里,您必须在右侧面板中找到template和行。stylesheet

完成此操作后,单击该template行中的“编辑”链接以打开编辑器。

找到模板和样式表行

在这里,您需要将字段中的值更改option_value为您要使用的主题名称。

/wp-content/themes/它通常与您之前复制的文件夹中的文件夹名称相同。

编辑模板文件

完成后,单击“执行”按钮保存更改。接下来,继续对该stylesheet行重复相同的过程。

对这两行进行更改后,您可以访问您的网站以查看新主题的实际效果。

编辑样式表文件

更改主题后要做的事情

更改网站上的主题后,您需要在关闭维护模式之前处理某些事情。

您可以查看以下更改 WordPress 主题后要做的事情清单。

1.测试您的网站

首先,您需要确保所有功能、插件和小部件在您的网站上正常运行。

您应该投入一些时间来测试您的网站并检查不同的内容,包括帖子、评论部分、图像和联系表格。

一旦您对网站的外观和工作方式感到满意,您就可以进入下一步。

2. 跨浏览器兼容性

浏览器倾向于以不同的方式显示某些内容。

为了确保您的网站在每个主要浏览器中都能正常显示,您应该在不同的网络浏览器中测试您的网站,包括 Google Chrome、Firefox、Safari 和 Internet Explorer。

3. 添加跟踪代码

测试完功能和跨浏览器兼容性后,您应该将分析和 AdSense 跟踪代码添加到您的网站。

您可以使用MonsterInsights插件添加 Google Analytics 跟踪代码。这将使您能够在 WordPress 仪表板内正确设置分析并查看详细的网站统计信息。

有关更多详细信息,请参阅有关如何在 WordPress 中安装 Google Analytics 的指南。

要添加 Google AdSense 跟踪代码,您可以阅读我们的指南,了解如何将 Google AdSense 正确添加到您的 WordPress 网站。

4. 关闭维护模式

您现在可以在站点上禁用维护模式以使其上线。

如果您使用 SeedProd 插件,只需从 WordPress 仪表板访问SeedProd » 登陆页面屏幕,然后单击切换至“非活动”即可关闭维护模式。

停用维护模式

5. 测试加载时间

更改主题后,我们建议再次使用IsItWP 网站速度测试工具来测试主页的加载时间。

接下来,将其与安装旧主题时的加载时间进行比较。如果您发现任何重大差异,那么您可以按照我们的指南来提高 WordPress 速度

6.监控跳出率

切换主题后,您应该监控网站的跳出率。

如果您的新主题不用户友好并且难以导航,那么它可能会增加跳出率并导致访问者离开您的网站。

您可以添加相关帖子、热门帖子小部件和面包屑,以降低跳出率并增加页面浏览量

7.寻求反馈

您还可以向用户询问有关如何改进网站设计的反馈和建议。您可以使用调查表或在线民意调查来收集用户意见。

例如,您可以使用用户反馈在您的网站上添加两个问题的调查提示。有关详细说明,请参阅有关如何在 WordPress 中创建调查的教程。

您可以使用电子邮件营销服务与订阅者分享新设计,并询问他们的建议。这将帮助您了解他们希望看到哪些改进的想法。

奖励:更新 WordPress 主题而不丢失自定义功能

一旦您切换到不同的主题并根据您的喜好对其进行自定义,您将希望将该主题定期更新到较新的版本。

但是,当您更新主题时,您可能会丢失一些自定义设置。例如,您将丢失添加到主题的functions.php 文件、样式表或模板中的所有代码。

但是,您可以通过创建子主题轻松更新 WordPress 主题,而不会丢失所有自定义内容。

该主题将继承父主题的功能、特性和风格。然后,您可以自定义子主题,而无需对原始主题进行任何更改。

接下来,您必须确定对主题所做的所有更改并将它们复制到子主题。最简单的方法是使用WinMergeKaleidscope等软件比较新旧主题文件。

Winmerge工具

进行更改后,只需从父主题导出定制器设置并将其导入子主题即可。

执行此操作后,您可以在定制器中预览更改,然后单击“保存并发布”按钮以使这些更改生效。

有关更详细的说明,请参阅有关如何在不丢失自定义的情况下更新 WordPress 主题的教程。

在不丢失任何自定义的情况下更新主题的另一种方法是始终使用WPCode添加自定义代码。它是市场上最好的 WordPress 代码片段插件,使向您的网站添加自定义代码变得超级简单且安全。

WPCode - 最佳 WordPress 代码片段插件

使用此插件时,您不必担心在更新主题时丢失functions.php 文件、样式表或模板中的自定义代码。

这是因为代码将保存在 WPCode 中,并将自动在您的网站上执行。有关详细信息,请参阅我们完整的WPCode 评论

我们希望本分步指南能够帮助您正确更改 WordPress 主题。您可能还想查看我们关于如何使用 WordPress 主题定制器的初学者指南以及我们精选的商业网站必备 WordPress 插件

发表评论

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

Scroll to Top