wordpress主题开发第39课:简单且高效的设计定制器的工具kirki

使用kirki设计定制器,功能强大,简单且高效。

kirki可以直接在插件中下载

wordpress主题开发第39课:简单且高效的设计定制器的工具kirki插图

你也可以在我的百度网盘中下载:

https://pan.baidu.com/s/1Mvjg4snR3-ph1gXPo486ew

 

定制器在哪里?

定制器就是自定义设计的一项功能。点击后台的外观-自定义,就进入到定制器界面了。

图片[2]_wordpress主题开发第39课:简单且高效的设计定制器的工具kirki_八羊网_经验大师_广州八羊

用户将在这里设计网站的自定义的样式

将kirki导入到你的主题中

1、将下载的文件解压,获得kirki文件夹

2、将kirki文件夹复制到你的主题目录中

3、在functions.php中,导入kirki文件夹中kirki.php文件,示范代码如下:

// 加载 Kirki
include( get_template_directory() . ‘/kirki/kirki.php’ );

4、在functions.php中,添加定制器的面板、组件、控件。示范代码如下:

//添加面板
Kirki::add_panel(‘panel_id’,array(
‘priority’ => 10,
‘title’ => ‘主题选项’,
‘description’ => ‘主题选项的相关描述’,
));
//添加组件
Kirki::add_section( ‘section_id’, array(
‘title’ => ‘通用’,
‘description’ => ‘通用组件的相关描述’,
‘panel’ => ‘panel_id’,
‘priority’ => 160,
) );
//添加控件(滑块)
Kirki::add_field(‘fivebro_theme’,array(
‘type’ => ‘slider’,
‘settings’ => ‘custom_excerpt_length’,
‘label’ => ‘摘要长度’,
‘section’ => ‘section_id’,
‘default’ => 100,
‘choices’ => [
‘min’ => 0,
‘max’ => 200,
‘step’ => 1,
],
) );

5、如果面板里面没有组件,或者组件里面没有控件,定制器中是不会显示你设置的内容的哦

6、settings是保存到数据库的名称,当你需要获取这项数据时,在需要的地方输入函数 get_theme_mod(‘my_setting’);  即可获得该数据,引号里修改成你的数据名称。比如我这里‘settings’的值是’custom_excerpt_length’,那我获取该数据则是输入函数 get_theme_mod(‘custom_excerpt_length’);

你还需要了解的内容

不论是官方还是kirki,定制器内添加的所有数据

它保存在wp_options这个数据表中。

它在这个表中的名称为:theme_mods_XXX ,后面的XXX是主题名称

它是以JSON格式将所有数据保存在theme_mods_XXX 中。

也就是说,系统不会因为读取这些设置项而多次查询数据库。它只需执行一次数据库查询,就能获取所有定制器的数据。因为所有数据都保存在theme_mods_XXX中。

所以,你完全没有必要以数组形式存入数据库。系统会帮你处理好这些事情。

一个简单的应用

前面的课程,我们修改过摘要的长度,但是用户是无法自定义的。现在修改成用户可以自定义的摘要长度,示范代码:

/**
* 修改摘要的默认长度
*/
function custom_excerpt_length()
{
return get_theme_mod(‘custom_excerpt_length’, 100);//这节课是获取用户设置的摘要长度然后返回数字,获取不到数据时返回100
// return 200;//前面的课程是直接返回数字
}
add_filter(‘excerpt_length’, ‘custom_excerpt_length’);

现在用户已经可以自定义设计摘要长度了。赶快试试吧

 

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容