Hello World 的例子

Created: November-22, 2018

自定義程式的基本概念是管理員可以對其網站進行預覽更改，然後永久新增它們。

可以將以下內容複製並貼上到主題的 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');