Я шукаю спосіб додати новий вид управління на налаштовану панель попереднього перегляду . Я бачив, як додати нові розділи на панель за допомогою add_action( 'customize_register'...

Контроль, який я хочу реалізувати, - це інший вид вибору кольору. У попередньому дописі ми бачимо, як розширити основні класи для додавання віджетів, але чого мені тут бракує, це гачок, який дозволить мені принести мій об’єкт у сферу застосування - WP_Customize_Palette_Control. В

Ви можете побачити початки коду тут . Цей код є у functions.phpфайлі моєї теми.

Дякуємо за будь-яку допомогу. Роб

Щойно оновив код. Тепер мені доведеться require_onceзаносити на заняття. Тому зараз у мене немає помилок PHP, але мій новий HTML-код управління не з’являється.

<?php

require_once( ABSPATH . WPINC . '/class-wp-customize-setting.php' );
require_once( ABSPATH . WPINC . '/class-wp-customize-section.php' );
require_once( ABSPATH . WPINC . '/class-wp-customize-control.php' );

class WP_Customize_Palette_Control extends WP_Customize_Image_Control {  
        public $type    = 'palette';
        public $removed = '';
        public $context;

        public function enqueue() {
                //wp_enqueue_script( 'wp-plupload' );
        }

        public function to_json() {
                parent::to_json();

                $this->json['removed'] = $this->removed;

                if ( $this->context )
                        $this->json['context'] = $this->context;
        }

        public function render_content() {
                ?>
                <label>
                        <span class="customize-control-title"><?php echo esc_html( $this->label ); ?></span>
                        <div>
                                <a href="#" class="button-secondary upload"><?php _e( 'Upload' ); ?></a>
                                <a href="#" class="remove"><?php _e( 'Remove' ); ?></a>
                        </div>
                </label>
                <?php
        }
}

//new WP_Customize_Palette_Control();


//add_action('customize_controls_init', 'WP_Customize_Palette_Control');

// add an option to the customize panel

function sci_customize_controls_init($wp_customize) {
    $wp_customize->add_section( 'themename_color_scheme', array(
        'title'          => __( 'Color Scheme', 'themename' ),
        'priority'       => 35,
    ) );

    $wp_customize->add_setting( 'themename_theme_options[color_scheme]', array(
    'default'        => 'some-default-value',
    'type'           => 'option',
    'capability'     => 'edit_theme_options',
) );


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

}

add_action( 'customize_register', 'sci_customize_controls_init' );

Приклад та клас для використання

Ви можете побачити на моїй сьогоднішній темі, як можна цим користуватися. Також ви можете використовувати клас. Дивіться цей клас на Github і чек functions.phpдля включення цього.

Початок & init

Ви можете зареєструвати свої налаштування для налаштування теми за допомогою 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 Pages, що випадає.

Але це ще не все. Насправді їх ще кілька, але оскільки вони настільки звичні, вони оголошуються по-різному.

Цей користується 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 .

Оновлення 11.06.2012

Приклад Live для можливостей читання та інших прикладів, див. Відкрите репо для джерела та докуму.

Оновлення 15.01.2013

Ми створили репо на github з користувацьким класом, щоб ним користуватися, просто та готово. Можливо, ви можете лише скористатися ним або просунути свої ідеї та рішення.

Гаразд, ось як це зробити. Відокремте свій клас керування на один або кілька нових файлів.

У вас є функція або метод, підключений на customize_register, правда? У цій функції або методі потрібно один раз отримати нові файли безпосередньо перед додаванням власних елементів керування. Тоді PHP не буде скаржитися на перевизначення класів.

Примітка. Це не вийде з поля, але покаже трюк.

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

Ви ніколи не використовуєте свій клас. Спробуйте передати новий екземпляр свого класу методу add_control:

$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);

Крім того, я не думаю, що WP знає, що назва параметра для вашого параметра є частиною масиву. Можливо, краще мати themename_theme_options_color_schemeзамість цього themename_theme_options[color_scheme].

Клас, який ви розширюєте, належить до елемента управління завантаженням зображень. Якщо ви створюєте підбірник кольорів, вам, мабуть, слід розширити клас WP_Customize_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
    }
}

Я думаю, що вам доведеться додати зворотну косу рису перед WP_Customize. Отже, так і буде

class WP_Customize_Palette_Control extends \WP_Customize_Image_Control

, Оскільки зворотна косої риси передбачало, що WP_Customize_Image_Control не з того самого простору імен

Дайте мені знати, чи допомогло це