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

同学们都知道,提交到WordPress官方的主题可以自动检测更新,还支持在线一键更新。那对于WordPress主题开发者来说,如果主题没有提交到WordPress官方,是否也可以让主题拥有该功能呢?答案是肯定的,看到了相关文章,并且已经在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 ,按照里面的提示填写信息,样例如下

{
	"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 的下面添加下面的代码:

//检测主题更新
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 文件,一般都有主题信息:

/*
Theme Name:theme_aaa
Theme URI:https://www.baidu.com.com
Description:制作的主题
Author:倡萌@WordPress大学
Author URI:http://wwww.baidu.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 中的 版本号 和 新版 主题下载网址 ,然后上传到同目录

相关文章

发表新评论