Npcink Blog
切换菜单

Kirki - wordpress 设置框架

包括 30 多种自定义控件类型，从简单的滑块到带有 Google-Fonts 集成的复杂的版式控件，自动 CSS 生成，postMessage 自动生成的脚本，工具提示以及许多其他功能

最后更新于
本页目录5 节

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

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

WordPress 定制程序框架

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

30 多种自定义控件

拥有 30 多种自定义控件并可以随意使用，Kirki 很有可能满足您的需求。看看有什么可用的。

开发人员工具包

简化的 CSS 生成，实时预览等功能使使用 WordPress 自定义程序构建主题比以往更加容易。

清洁代码

Kirki 100％符合 WordPress 编码标准，我们将继续提高性能和安全性。

控制类型

注意：

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

如何部署？

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

嵌入主题

尽管我们不建议您将 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' ),
    ],
  ] );

体积太大？

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