사용 예 및 클래스

내 현재 테마에서 이것을 사용하는 방법을 볼 수 있습니다. 또한 클래스를 사용할 수 있습니다. Github 에서이 클래스 를 참조하십시오 functions.php.

시작 및 초기화

customize_register 후크 를 통해 테마 사용자 정의 프로그램에 대한 사용자 정의 설정을 등록 할 수 있습니다 .

add_action( 'customize_register', 'themedemo_customize' );
function themedemo_customize($wp_customize) {

    $wp_customize->add_section( 'themedemo_demo_settings', array(
        'title'          => 'Demonstration Stuff',
        'priority'       => 35,
    ) );

    $wp_customize->add_setting( 'some_setting', array(
        'default'        => 'default_value',
    ) );

    $wp_customize->add_control( 'some_setting', array(
        'label'   => 'Text Setting',
        'section' => 'themedemo_demo_settings',
        'type'    => 'text',
    ) );

    $wp_customize->add_setting( 'some_other_setting', array(
        'default'        => '#000000',
    ) );

    $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'some_other_setting', array(
        'label'   => 'Color Setting',
        'section' => 'themedemo_demo_settings',
        'settings'   => 'some_other_setting',
    ) ) );

}

테마 사용법 :

아래 예와 같이 ↓를 사용하십시오.

echo 'some_setting => ' .get_theme_mod( 'some_setting', 'default_value' )."\n";
echo 'some_other_setting => ' .get_theme_mod( 'some_other_setting', '#000000' )."\n";
echo 'non_existent_setting => '.get_theme_mod( 'non_existent_setting', 'default_value' )."\n";

조정

컨트롤을 변경할 수도 있습니다.

$wp_customize->add_control( 'themename_color_scheme', array(
    'label'      => __( 'Color Scheme', 'themename' ),
    'section'    => 'themename_color_scheme',
    'settings'   => 'themename_theme_options[color_scheme]',
    'type'       => 'radio',
    'choices'    => array(
        'value1' => 'Choice 1',
        'value2' => 'Choice 2',
        'value3' => 'Choice 3',
        ),
) );

기본 제어 유형은 text입니다. 텍스트 상자 컨트롤을 만듭니다. 또 다른 컨트롤 유형은 dropdown-pages입니다. WordPress 페이지의 드롭 다운 목록을 만듭니다.

그러나 이것이 전부는 아닙니다. 실제로 몇 가지가 더 있지만 사용자 정의이기 때문에 다르게 선언됩니다.

이것은 OOP를 사용합니다.

$wp_customize->add_control(
    new WP_Customize_Color_Control( $wp_customize, 'link_color', array(
        'label'    => __( 'Link Color', 'themename' ),
        'section'  => 'themename_color_scheme',
        'settings' => 'themename_theme_options[link_color]',
    ) )
);

추가 사항 :

• WP_Customize_Upload_Control– 파일 업로드 상자를 제공합니다. 그러나 직접 사용하지 않을 수도 있습니다. 다음과 같이 다른 용도로 확장하고 싶을 것입니다.
  WP_Customize_Image_Control– 이미지 선택기와 업 로더 상자를 제공합니다. 업로드 컨트롤러를 확장합니다. 사용자가 배경 이미지가 될 새 파일을 업로드 할 수있는 사용자 정의 배경 부분에서 실제로 볼 수 있습니다.
• WP_Customize_Header_Image_Control– 헤더 부분의 크기를 조정 조치,이 특수 처리 및 디스플레이의 비트를 필요로하기 때문에, 그래서이 WP_Customize_Header_Image_Control확장
• WP_Customize_Image_Control그 기능을 추가합니다. 사용자 정의 헤더 부분에서 실제로 볼 수 있으며 사용자는 헤더 이미지가 될 새 파일을 업로드 할 수 있습니다.

” 블로그 테마”에 대한 자세한 내용은 ottos 블로그를 참조하십시오 .

2012 년 11 월 6 일 업데이트

읽기 가능성과 더 많은 예제를위한 라이브 예제 는 소스 및 doku에 대한 공개 저장소 를 참조하십시오 .

2013 년 1 월 15 일 업데이트

우리는 github에서 사용자 정의 클래스 를 사용하여 쉽고 빠르게 사용할 수있는 저장소를 만들었습니다 . 어쩌면 당신은 그것을 사용하거나 아이디어와 솔루션으로 발전 할 수 있습니다.

답변

add_action('customize_register', array('myAddControl', 'customize_register') );

class myAddControl{
public function customize_register()
{
    global $wp_customize;


            //This will do the trick
    require_once(dirname(__FILE__).'/class-gctfw-theme-control.php');


    $wp_customize->add_section( 'gctfw_switch_theme' , array(
        'title'      => 'Switch theme',
        'priority'   => 25,
    ) );

    $wp_customize->add_setting( 'gctfw_select_theme' , array(
        'default'     => $wp_customize->theme()->get('Name'),
        'transport'   => 'refresh',
        'capabilities' => 'manage_options'
    ) );

    $myControl = new gctfw_Theme_Control( $wp_customize, 'gctfw_select_theme', array(
        'label'        => __( 'Select theme', 'mytheme' ),
        'section'    => 'gctfw_switch_theme',
        'settings'   => 'gctfw_select_theme',
    ) ) ;
    $wp_customize->add_control( $myControl );
    }
}//class

$control_args = array(
  // your args here
);

$my_control = new WP_Customize_Palette_Control(
                $wp_customize, 'themename_color_scheme', $control_args);

$wp_customize->add_control($my_control);

class Customize_Number_Control extends WP_Customize_Control
{
    public $type = 'number';

    public function render_content()
    {
        ?>
        <label>
            <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
            <input type="number" size="2" step="1" min="0" value="<?php echo esc_attr(  $this->value() ); ?>" />
        </label>
        <?php
    }
}

class WP_Customize_Palette_Control extends \WP_Customize_Image_Control