怎么用 WordPress Customize API 添加原生设置？-WordPress 开发

1
//面板、设置节、设置，控件
2
        //添加一个设置面板
3
    $wp_customize->add_panel( 'npcink_options',             //ID=npcink_options
4
    array(
5
      'capabitity'  => 'edit_theme_options',              //根据用户的权限级别显示或隐藏该部分。默认为edit_theme_options
6
      'description' => __( 'Npcink出品', 'npcink' ),      //可选。显示在面板顶部的描述隐藏在帮助图标后面。
7
      'priority'    => 30,                               //优先级，可选。这将控制此部分在Theme Customizer侧栏中的显示顺序。
8
      'title'       => __( 'Lifet主题设置', 'npcink' ),    //面板的可见名称。
9
    ) );
10

11

12
    //添加第一个设置节(文本节)
13
    $wp_customize->add_section('sections_text_demo',       //id = sections_1
14
    array(
15
      'title'     => '第一个设置节',               //设置的可见名称。
16
      'description' => '第一个设置节详细补充',      //设置的详细信息
17
      'panel' => 'npcink_options',                 //加入第一个设置面板'npcink_options'  => 50//优先级
18
    ) );
19
    /////////////////////////////////////////////////////////////////////////////////////////////////
20
    //添加第一个设置节的第一个设置
21
        $wp_customize->add_setting('aaa',
22
  array(
23
    'default' => 'Npcink出品',    //默认值
24
  )
25
        );
26
        //添加第一个设置节的第一个设置控件
27
        $wp_customize->add_control('aaa',
28
  array(
29
    'label' => '第一个设置节的第一个设置标题',
30
    'section' => 'sections_text_demo',    //填入设置节的ID
31
    'type' => 'text',
32
  )
33
        );
34

35
    ///////////////////////////////////////////////////////////////////////////////////////////////////
36
    //添加第一个设置节的第二个设置
37
        $wp_customize->add_setting( 'bbb',    //（必填）用作ID的唯一类似slug的字符串。默认值：无
38
  array(
39
    'default' => '',                          //可选。如果数据库中没有值，则关联控件中的默认值。默认值：空白
40
        'transport' => 'refresh',                 //可选。定义实时预览的更新方式。默认值：刷新。
41
        'type' => 'theme_mod',                   // 可选 'theme_mod' or 'option'. 默认: 'theme_mod'
42
  //  'sanitize_callback' => 'skyrocket_text_sanitization'   //可选的。在将输入数据保存到数据库之前将用于清除输入数据的函数的名称
43
  )
44
        );
45
        //添加第一个设置节的第二个设置的控件
46
        $wp_customize->add_control( 'bbb',//必填：自定义控件对象或**与此控件关联的设置的ID**。默认值：无
47
  array(
48
    'label' => __( '第一个设置节的第二个设置标题' ),          //可选：将显示设置的标题，默认：空白
49
    'description' => esc_html__( '可以输入的格式见代码注释' ),//可选：描述
50
    'section' => 'sections_text_demo',               // 必填：填入设置节的ID
51
    'priority' => 10,                       // 必填：确定控件在该部分中的显示顺序。默认值：10
52
    'type' => 'text',                      // 必填：要显示的控件类型。类型可以是文本，电子邮件，URL，数字，隐藏或日期。默认值："文本"
53
    'capability' => 'edit_theme_options', // 可选：根据用户的权限级别显示或隐藏控件。通常从设置的功能派生。默认值为"edit_theme_options"
54
    'input_attrs' => array(              // 可选：控件输出的定制输入属性列表。仅用于文本区域和输入字段。默认值：空白
55
      'class' => 'my-custom-class',
56
      'style' => 'border: 1px solid rebeccapurple',
57
      'placeholder' => __( 'Enter name...' ),
58
    ),
59
  )
60
        );
61

62
    ///////////////////////////////////////////////////////////////////////////////////////////////////
63

64

65
    //添加第二个设置节(文本节)
66
    $wp_customize->add_section('sections_demo',
67
    array(
68
      'title'     => '第二个设置节',
69
      'description' => '第二个设置节详细补充',
70
      'panel' => 'npcink_options',
71
    ) );
72
    /////////////////////////////////////////////////////////////////////////////////////////////////
73
    //添加第二个设置节的第一个设置
74
        $wp_customize->add_setting('ccc',
75
  array(
76
    'default' => 'Npcink',
77
  )
78
        );
79
        //添加第二个设置节的第一个设置控件
80
        $wp_customize->add_control('ccc',
81
  array(
82
    'label' => '第二个设置节的第二个设置标题',
83
    'section' => 'sections_demo',
84
    'type' => 'text',
85
  )
86
        );

1
<?php echo get_theme_mod( 'aaa', 'Npcink荣誉出品' ); ?>
2
<br>
3
<?php echo get_theme_mod( 'bbb', 'Npcink荣誉出品' ); ?>
4
<br>
5
<?php echo get_theme_mod( 'ccc', 'Npcink荣誉出品' ); ?>