使用Kirki框架，开发人员可以使用最佳编码实践为WordPress Customizer创建丰富的体验。

其中包括30多种自定义控件类型，从简单的滑块到带有Google-Fonts集成的复杂的版式控件，自动CSS生成，postMessage自动生成的脚本，工具提示以及许多其他功能，这些功能使开发主题对于开发人员而言更快得多，对用户也有意义。

WordPress定制程序框架

WordPress主题开发人员的完整工具包。

• 框架官网：详情
• 使用文档：Docs
• 框架地址：Github

控制类型

• 后台定制程序控件
• 复选框自定义控件
• 代码定制器控件
• 调色板自定义控件
• 颜色定制器控件
• 自定义定制程序控件
• Dashicons定制程序控件
• 日期定制器控件
• 下拉页面定制程序控件
• 编辑器自定义控件
• 通用定制器控件
• 图像定制器控件
• 链接定制器控件
• 多个复选框自定义控件
• 多色自定义控件
• 数字自定义控件
• 单选按钮自定义控件
• 无线电图像定制器控件
• 无线电定制器控制
• 转发器自定义控件
• 选择自定义程序控件
• 滑块定制器控件
• 可排序的定制程序控件
• 间距定制器控件
• 开关定制器控制
• 文字定制器控件
• Textarea自定义控件
• 切换自定义控件
• 字体定制器控件
• 上传自定义程序控件

注意：

该框架最近进行了升级更新，部署及使用方法均有不同，此处采用老版使用方法。

如何部署？

一种是插件，一种是嵌入到主题

嵌入主题

尽管我们不建议您将kirki嵌入主题中，但仍然可以这样做。您可以简单地将插件复制到主题中，然后将主插件文件包含在主题functions.php文件中。

将框架解压后放到主题根目录下的inc文件夹中，并在functions.php文件中添加以下代码进行加载。

/**
 * 加载选项框架
 */
require get_template_directory() . '/inc/kirki/kirki.php';

如何使用？

在主题 inc 目录下新建 kirki-options.php 文件填入以下代码并调用，即可在后台 外观 自定义看到相关设置选项。

<?php
//wp-magick选项控制面板
if ( ! class_exists( 'Kirki' ) ) {
	return;
}

    //初始化
    Kirki::add_config( 'magick', array(
    	'capability'    => 'edit_theme_options',
    	'option_type'   => 'theme_mod',
    ) );
    
	//添加面板
	Kirki::add_panel( 'magick_panel', array(
		'priority'    => 500,
		'title'       => esc_html__( 'Magick插件', 'magick' ),
		'description' => esc_html__( 'Magick插件设置面板', 'magick' ),
	) );


	//插件节
	Kirki::add_section( 'magick_section_plugin', array(
		'title'          => esc_html__( '精选插件', 'magick' ),
		'description'    => esc_html__( '选择您需要的插件', 'magick' ),
		'panel'          => 'magick_panel',
		'priority'       => 160,
	) );


	//相关文章推荐
	Kirki::add_field( 'magick-plugin', [
		'type'        => 'switch',
		'settings'    => 'magick_section_plugin_yarpp',
		'label'       => esc_html__( '相关文章推荐', 'magick' ),
		'description'  => esc_html__( 'Yet Another Related Posts Plugin', 'magick' ),
		'section'     => 'magick_section_plugin',
		'default'     => '1',
		'priority'    => 10,
		'choices'     => [
			'on'  => esc_html__( '关闭', 'magick' ),
			'off' => esc_html__( '开启', 'magick' ),
		],
	] );

体积太大？

这款框架的确很是强大，但是功能丰富的同时，他的体积也稍微有点大，如果您比较在乎体积大小，可以看看这篇教程：

WordPress Customize API - 添加第一个自定义选项

Muze

• 20年4月9日
• 喜欢：0
• 浏览：468