首页 部落格经营 更换 WordPress 佈景主题的行前准备

更换 WordPress 佈景主题的行前准备

by 风吹草地
发布 最近更新

部落格刚开始时,因为预算有限,不熟悉后台操作与还没有弄请楚状况之下,所以一直都是使用免费主题。

一年多过去了,对于网站布置的要求渐渐提高,想说要为网站添加更多的元素,以丰富整个版面,升级主题的念头渐渐浮上心头。

对于Theme Forest 主题开发商我並陌生,不过一直以来並没有深入研究过该公司的产品, 直到现在要升级主题才想到要看看它家开发的东西。

Theme Forest 开发的产品有Soladed, Jannah, Flatsome Avada, 而我比较钟情于更适合个人部落格使用的Soledad

粗略的介绍Soledad的好处:

  • 2012 年推出的主題,销售量达60 万,相对来说是一个已经很成熟的产品
  • 容易负担的卖价 USD59, 与一次性付费并终身授权
  • 完整的外观设定, 无需再花钱购买外挂与升级
  • 200多个示范网站套板,个人部落格就占了70多个,只需一键套用,就能把整个模板套用在网站 ,无需费神花时间排版
  • Soledad本身的设计已经符合SEO优化的原則
  • 与提升网站SEO的外挂相容,包括 Yoast Seo, AIOSEO, Rank Math

》》》 点击查看 Soledad 模板 《《《

Envato Market网站销售页面
Envato Market 网站销售页面

更改 WordPress 主题之前该做什么

我是习惯在做每件重要的事情之前都会事先尋找相关的资料,好处是:

  • 了解自己要的是什么
  • 先熟悉每个步骤
  • 事先了解会遇到那些常见问题,才不至于手忙脚乱

换布景主题看似简单,手指头一键按下去就行了。不过它也是让人觉得有点可怕,如果有什么东西搞乱了,导致整个网站挂掉的话,所有之前辛辛苦苦建立的东西将随风飘去。

不过如果你问,“我可以在不丢失任何东西的情况下更改我的 WordPress 主题吗?” 答案是可以的。

在将旧的 WordPress 主题更改为新主题之前,请先完成以下的步骤,把一切的破坏減到最低,你就能在毫无顾虑的情况下轻松,并且顺利的进行。

1)复制并保存程式码片段 Code Snippets

如果旧的主题已经使用相当长的时间,你有可能有在使用程式码更改主题某些区域,一旦更换主题,这些更改也将随之消失。

我们最常见到的就是更改网站字体,H2标题。如果新主题也想要程现相同的效果,那么请务必把这些程式码复制并保存,稍后用以加入新主题的文件中。

在往后的日子,建议使用外挂Code Snippets,直接在此外挂加入程式码并编辑主题,而不是主题文件档,那么如果再想要更换主题,所有的程式码将不会受影响。

如何使用 Code Snippets, 这里有篇完整的教学

Code snippets 外挂
Code snippets 外挂

2)保存侧边栏内容

侧边栏是显示重要信息的好地方,例如:

  • 订阅表格
  • 社交媒体链接
  • 广告
  • 赠品

但是,在更改 WordPress 主题时,它们却很容易的被忽视。虽然 WordPress 会保存所有的小工具,但布局可能会根据新的主题而改变。

这就是为什么在切换之前记下侧边栏布局也是个好主意,包括任何自定义 HTML、CSS、特定于的短代码和广告代码。

切换到新主题后,你就可以轻松地重新添加代码,确保所有的小工具像以前一样显示。

3)复制网站数据跟踪

许多主题附带一个选项区域用于保存 Google Analytics 跟踪代码,有些人将这些代码直接添加到他们的主题文件档中, 当切换主题时,该代码将会丢失,这意味着你的网站将不再被 Google Analytics 跟踪。

在更改 WordPress 主题之前,请将这些代码复制,切换主题后,就可以将它们重新添加到新的 footer.php 文件夹中。

4)备份

在更改当前主题之前备份整个网站内容始终是一明智的选择,这样一来,如果新主题引发任何问题,你就可以很容易的一键恢复整个网站。

这只是一种预防措施,切换主题并不意味着您将丢失整个网站,但安全总比说声抱歉好。

我一直都是使用 Updraftplus 備份外挂,每两天自动为网站进行備份,为了保险起见,在更新前,我再一次的进行手动備份。

Updraftplus 外挂
Updraftplus 外挂

设计网站布局

一切准备就绪之后,就正式进入更换模式,以下是我个人进行网站布局的步骤。

1)选找到心目中完美的网站模板

Soledad主题 总共有200多个模板供选择,讲真的是有点眼花缭乱,到最后我是选择了以下这个套板,因为它的颜色与我原本的网站颜色是同一个色系。

Soledad 主题模板
Soledad 主题模板

2)排板

对于排版方面我並没有一个具体的概念,幸好平时我有个习惯就是把我喜欢的网站都收录起来,在设计排版时就一边参考,一边画下与写下我要的布局。

3)颜色

我套用的布景是我喜欢的颜色之一,所以我只需跟隨布景自带的色系再进行更改其它相关的颜色,比如链接,按钮。

有个很好用的工具 Eye Dropper, 让你能够轻易的查找到你喜欢的网站颜色 HTML code,然后跟随着该 HTML code 更改自己的主题颜色。

使用方法如下:

1)先把 Eye Dropper 下载到 Google Chrome,然后点击 Eye Dropper 图标。

Google Chrome eye dropper 使用方法步骤一
Google Chrome eye dropper 使用方法步骤一

2)点击 Pick color form web page。

Google Chrome eye dropper 使用方法步骤二
Google Chrome eye dropper 使用方法步骤二

3)把鼠标移去你要寻找的颜色范围。

Google Chrome eye dropper 使用方法步骤三
Google Chrome eye dropper 使用方法步骤三

4)再次点击 Eye Dropper 图标,代表你选择的颜色 HTML code 就会显示出来。

 Google Chrome eye dropper 使用方法步骤四
Google Chrome eye dropper 使用方法步骤四

4)开启维护模式

套用新主题后的网站页面一定是乱七八糟的,为了不让外人看到网站丑陋的一面,我选择外卦Seedprod把网站暂时关闭,然后再到 设置 – 阅读 – 点选不让 Google搜索我的网站

1)选择 Maintenance Mode。

Seedprod 外挂
Seedprod 外挂

2)更改你要的字句,之后按 SAVE,最后转回头点击 ACTIVE,正式开启维修模式页面。

Seedprod 外挂更改页面文字
Seedprod 外挂更改页面文字

常遇问题

我的文章内容会怎样?

Wordpress 的优点是网站文章内容都是储存在数据库中,所以换主题不会影响文章内容与任何形式的图片,这意味着你可以随时更换主题。

菜单很可能会在新主题中消失

导航菜单可能会变得凌乱,或者变换位置。因为WordPress 带有内置的导航菜单系统,而每个 WordPress 主题都定义了显示菜单的主题位置。

这就是为什么当您切换 WordPress 主题时,会有新的菜单位置。

而我的就发生了以下的状况,我需要到外观 – 菜单,删除原本的菜单,然后再创建新菜单才把这个问题给解决。

换主题后菜单凌乱的版面
换主题后菜单凌乱的版面

小工具设置将被更改

小工具可以轻松让我们地在WordPress 主题的侧边栏中放置不同的元素。当更改 WordPress 主题时,这些侧边栏将被新主题的侧边栏替换, 或只自动显示Wordpress默认的小工具。

但如果是自定义HTML功能的小工具都会被自动停用 ,在后台将显示为未使用的小工具

如果你还要再使用这些自定义的小工具,你仍然可以重新把它们添加回侧边栏。

原本的布局设计将消失

每个 WordPress 主题都带有不同的设定选项。事实上,有一些 WordPress 主题带有大量由他们自己的主题选项面板控制的自定义选项。

这些设置可能会影响网站的Logo, 标题,背景图片,布局等。当切换到新的 WordPress 主题时,所有这些设置都将消失, 这时候就要重新自订外观了。

前台没有显示更改后的模样

发布全新的网站时,不要忘记为网站进行快取,不然在Google 搜索网站时还是出现你设置的外挂Seedprod页面,而不是你的网站名。

这种情况不一定会发生,但几率还是会有。

网站快取的用处不止于此,每次为网站进行更改后,当捡查前台还是完全没有任何变动时,这时候就要为浏览器和伺服器进行快取。

为浏览器和伺服器进行快取
为浏览器和伺服器进行快取

结论

就是这样轻松的完成更换主题的工作。其实在下定决心要换主题后,我是上网查看了很多进行前的准备工作,看得最多也最重要的还是网站備份

更换主题带来的不仅是外观上的改变,更多的是网站整体的提升,让我们的有着更好网站体验。

想要换主题吗?那就敢敢去吧!

你可能会喜欢.....

请留言