Hello World 的例子

自定义程序的基本概念是管理员可以对其网站进行预览更改,然后永久添加它们。

可以将以下内容复制并粘贴到主题的 functions.php 文件中

  • 添加名为 My First Section 的自定义程序部分
  • 添加名为 Hello World Color 的自定义设置,允许管理员选择颜色
  • .hello-world 添加一个 css 规则,该规则将与所选颜色相对应,如果没有选择,则默认为 #000000。该设置将放在 <head> 末尾的 <style> 标签中。
function mytheme_customize_register( $wp_customize ) {

    $wp_customize->add_section( 'my_first_section_id' , array(
        'title'      => __( 'My First Section', 'mytheme' ),
        'priority'   => 30,
    ) );

    $wp_customize->add_setting( 'hello_world_color' , array(
        'default'     => '#000000',
        'transport'   => 'refresh',
    ) );

    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'link_color', array(
        'label'        => __( 'Hello World Color', 'mytheme' ),
        'section'    => 'my_first_section_id',
        'settings'   => 'hello_world_color',
    ) ) );

}
add_action( 'customize_register', 'mytheme_customize_register' );

function mytheme_customize_css()
{
    ?>
    <style type="text/css">
        .hello-world { color: #<?php echo get_theme_mod('hello_world_color', '000000'); ?>; }
    </style>
    <?php
}
add_action( 'wp_head', 'mytheme_customize_css');