使用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
• 瀏覽：472