WordPress主题制作 之 添加自动检测更新和一键升级功能

不是别人逼你去优秀,是你自己为自己而奋斗。身体是自己的,健康是自己的,难受也是自己的,所以不要想吃什么就吃什么。

同学们都知道,提交到WordPress官方的主题可以自动检测更新,还支持在线一键更新。那对于WordPress主题开发者来说,如果主题没有提交到WordPress官方,是否也可以让主题拥有该功能呢?答案是肯定的,最近倡萌在w-shadow.com上看到了相关文章,并且已经在 Htwo_pro 主题测试成功,一起分享下。

本文针对WordPress主题制作者,如果你不弄主题,就没必要往下看了。

准备工作

下载自动检测更新并一键升级所需文件

设置远程检测和更新服务

1.在你的主机空间上创建一个文件夹,比如我在 www.xxx.com 的根目录下创建一个名为 themes 的文件夹。

2.将刚才下载的文件解压,打开里面的 details.txt ,填写新版主题的更新内容和升级方法等等信息,保存。

将新版主题的zip压缩包(比如 theme_aaa.zip)和 details.txt 一起上传到刚才创建目录中,那么它们对应的访问地址就分别为

http://www.xxx.com/themes/theme_aaa.zip

http://www.xxx.com/themes/details.txt

打开 info.json ,按照里面的提示填写信息,样例如下

1
2
3
4
5
{
	"version" : "1.1", //主题版本号
	"details_url" : "http://www.xxx.com/themes/details.txt",  //details.txt网址
	"download_url" : "http://www.xxx.com/themes/theme_aaa.zip"  //主题下载网址
}

{ "version" : "1.1", //主题版本号 "details_url" : "http://www.xxx.com/themes/details.txt", //details.txt网址 "download_url" : "http://www.xxx.com/themes/theme_aaa.zip" //主题下载网址 }

然后将 info.json 也上传到上面的 themes 文件夹中,它的访问地址为:

http://www.xxx.com/themes/info.json

为主题添加检测功能

1.把解压出来的 theme-updates 文件夹 连同里面的 theme-update-checker.php 一起复制到现用主题的根目录里,比如我的主题 Htwo 的根目录为 wp-content/themes/Htwo ,那么现在 theme-updates 的目录为 wp-content/themes/Htwo/theme-updates

2.打开主题的 functions.php 文件 在头部 <?php 的下面添加下面的代码:

1
2
3
4
5
6
//检测主题更新 wpdaxue.com
require_once(TEMPLATEPATH . '/theme-updates/theme-update-checker.php'); 
$wpdaxue_update_checker = new ThemeUpdateChecker(
	'theme_aaa', //主题名字
	'http://www.xxx.com/themes/info.json'  //info.json 的访问地址
);

//检测主题更新 wpdaxue.com require_once(TEMPLATEPATH . '/theme-updates/theme-update-checker.php'); $wpdaxue_update_checker = new ThemeUpdateChecker( 'theme_aaa', //主题名字 'http://www.xxx.com/themes/info.json' //info.json 的访问地址 );

注意看,第5行填写的是主题的名字(也就是你在主题的style.css注释的主题名字),第6行填写的是前面上传的 info.json 访问地址。

到这里,主题的自动检测功能已经添加好。

自动检测和更新演示

1.打开目前正在使用的 theme_aaa 主题的style.css 文件,一般都有主题信息:

1
2
3
4
5
6
7
8
/*
Theme Name:theme_aaa
Theme URI:https://www.wpdaxue.com
Description:这是<a rel="nofollow noopener noreferrer" href="https://www.wpdaxue.com" target="_blank">WordPress大学</a>制作的主题
Author:倡萌@WordPress大学
Author URI:http://www.cmhello.com
Version:1.0
*/

/* Theme Name:theme_aaa Theme URI:https://www.wpdaxue.com Description:这是<a rel="nofollow noopener noreferrer" href="https://www.wpdaxue.com" target="_blank">WordPress大学</a>制作的主题 Author:倡萌@WordPress大学 Author URI:http://www.cmhello.com Version:1.0 */

Theme Name 的 theme_aaa 和刚才在 functions.php 添加的一致,目前版本为 Version:1.0 ,而 info.json 中为 "version" : "1.1" ,高于正在使用的版本,就会触发升级提示,类似下图所示(图中主题是Htwo_pro,不是这里说的 theme_aaa ,但是效果是类似的):

在后台 - 外观 -主题 下可以看到提示:

点击顶部更新,可以看到提示:

在线升级成功提示:

以后主题更新所需的操作

1.更新主题的 style.css 的版本号Version ,将主题包压缩为.zip格式,上传到前面创建的 themes 文件夹中

2.更新 details.txt 里面的内容,然后上传到同目录

3.更新 info.json 中的 版本号 和 新版 主题下载网址 ,然后上传到同目录

到此,就可以看到升级提示啦!

本文WordPress主题制作 之 添加自动检测更新和一键升级功能到此结束。人不怕走在黑夜里,就怕心中没有阳光。小编再次感谢大家对我们的支持!

标签: 一键 WordPress