it-swarm.com.ru

Одна кнопка для изменения всех настроек в настройщике тем?

Я пытался создать кнопку сброса темы для настройщика темы, который автоматически удаляет все настройки theme_mod. Я пробовал несколько способов сделать это и никогда не мог заставить его работать. Как видно здесь.

После нескольких неудачных попыток с использованием подхода remove_theme_mods я начинаю задумываться, не является ли это моей проблемой, за исключением того, что ajax и javascript неисправны и неправильно связывают кнопку.

Поскольку я сохраняю все значения по умолчанию в одном большом массиве, поэтому, когда моя тема установлена, в ней автоматически отображаются значения, заданные на странице настройщика темы, и тема имеет особый вид ... Я подумал, что мог бы попробовать другой подход вместо удаления темы настройки у меня просто над ними ездят, может с кастомным контролем? Возможно, как-то назначив эти значения по умолчанию для всех настроек? Я действительно надеюсь, что кто-то может помочь мне в этом. Если у вас есть идеи, я буду очень признателен.

Вот пример того, как я назначаю значения по умолчанию для темы:

function newtheme_get_theme_mods() {

$defaults = array(

        'newtheme_responsive'                 => true,

        'newtheme_hero_title'                 => 'Beautiful and Elegant',

        'newtheme_hero_description'           => 'The best theme in the world',

                'newtheme_header_logo'                => '/wp-content/themes/newtheme/img/logo.png',

                'newtheme_header_background_color'    => 'rgba(35,35,35, 0.9)'


    return $defaults;

}
3
user1632018

Проблема с использованием remove_theme_mods для отображения значений по умолчанию в настройщике заключается в

  • настройщик - это предварительный просмотр, который вы можете выйти без сохранения,
  • отдельные theme_mods фильтруются, но не весь массив theme_mod,
  • theme_mods включает в себя меню и виджеты.

Я также хотел кнопку сброса, но вместо этого я решил создать элемент управления Preset, и один из пресетов - это "значения по умолчанию". Этот способ использует select, поэтому нет проблем с тем, что кнопка не работает (потому что bind предназначена для изменения значений, а кнопки не меняют свои значения).

Хитрость заключается в том, чтобы использовать ajax для извлечения выбранной предустановки, а затем перебрать значения в javascript, назначив их настройкам, чтобы эти изменения вызвали обновление предварительного просмотра. Мой код включает в себя фильтры, так что дочерние темы могут добавить больше опций и пресетов. И пресеты могут быть подмножествами доступных опций.

Вот PHP для элемента управления Preset (просто обычный select, но без параметров):

$wp_customize->add_control( 'option_presets', array(
    'label'    => __( 'Use preset theme options', 'mytheme' ),
    'description' => __( 'Theme options will be set to the preset values.', 'mytheme' ),
    'section'  => 'mytheme_section',
    'settings' => array(),
    'type'     => 'select',
    'capability' => 'edit_theme_options',
    'choices'  => mytheme_option_presets_choices(),
) );

Вот остальные функции PHP .

/**
 * Supply list of choices for option presets.
 */
function mytheme_option_presets_choices() {
    return apply_filters( 'mytheme_option_presets_choices', array(
        'none' => __( 'Select preset', 'mytheme' ),
        'defaults' => __( 'Defaults', 'mytheme' ),
        'dark' => __( 'Dark', 'mytheme' ),
    ) );
}

/**
 * Sanitize an option preset choice.
 */
function mytheme_sanitize_option_presets_choice( $input ) {
    $valid = mytheme_option_presets_choices();
    return array_key_exists( $input, $valid ) ? $input : 'none';
}

/**
 * Get the preset values for the chosen option preset.
 */
function mytheme_option_preset( $which ) {
    $values = array();
    if ( 'defaults' === $which ) {
        $values = mytheme_default_values();
    }
    if ( 'dark' === $which ) {
        $values = array(
            'body_textcolor' => '#f9f7f7',
            'background_color' => '#444244',
            'header_textcolor' => '#bf9a07',
            'area_classes' => array(
                'sidebar' => 'semi-black',
                'widgets' => 'box',
                ),
        );
    }
    return apply_filters( 'mytheme_option_preset', $values, $which );
}

/**
 * Add a nonce for Customizer for option presets.
 */
function mytheme_refresh_nonces( $nonces ) {
    $nonces['mytheme-customize-presets'] = wp_create_nonce( 'mytheme-customize-presets' );
    return $nonces;
}
add_filter( 'customize_refresh_nonces', 'mytheme_refresh_nonces' );

/**
 * Ajax handler for supplying option preset values.
 */
function mytheme_ajax_option_preset_values() {
    check_ajax_referer( 'mytheme-customize-presets', 'option_presets_nonce' );
    if ( ! current_user_can( 'edit_theme_options' ) ) {
        wp_die( -1 );
    }

    if ( empty( $_POST['option_preset'] ) ) {
        wp_send_json_error( 'mytheme_missing_preset_parameter' );
    }
    $preset = sanitize_text_field( wp_unslash( $_POST['option_preset'] ) );
    $values = mytheme_option_preset( $preset );
    if ( empty( $values ) ) {
        wp_send_json_error( array( 'message' => __( 'No preset found.', 'mytheme' ) ) );
    }
    else {   // Flatten the array.
        foreach ($values as $key => $avalue) {
            if ( is_array( $avalue ) ) {
                unset( $values[$key] );
                foreach ($avalue as $subkey => $subvalue) {
                    $values[$key . '[' . $subkey . ']'] = $subvalue;
                }
            }
        }
        wp_send_json_success( array( 'values' => $values ) );
    }
}
add_action( 'wp_ajax_mytheme_option_preset', 'mytheme_ajax_option_preset_values' );

А затем просто немного Javascript , чтобы сделать запрос ajax. Это ставится в очередь в действии 'customize_controls_enqueue_scripts'. (я пропустил отображение сообщения об ошибке.)

wp.customize.control( 'option_presets', function( control ) {
    control.element = new wp.customize.Element( control.container.find( 'select' ) );
    control.element.bind( function( preset ) {
        var request = wp.ajax.post( 'mytheme_option_preset', {
            option_presets_nonce: wp.customize.settings.nonce['mytheme-customize-presets'],
            wp_customize: 'on',
            customize_theme: wp.customize.settings.theme.stylesheet,
            option_preset: preset
        } );
        request.done( function( response ) {
            _.each( response.values, function( value, id ) {
                var setting = wp.customize( id );
                if ( setting ) {
                    setting.set( value );
                }
            } );
        } );
    } );
} );
1
Joy Reynolds

Есть функция remove_theme_mods , которая убивает все моды темы. Однако помните, что это не только удалит моды, которые вы определили в своей теме, используя API настройщика . Он также будет нацелен на другие моды, такие как пункты меню. Позиции виджетов в настоящее время определяются как опции, а не как моды, но это может измениться в будущем. WordPress, скорее всего, перенесет больше вещей из опций в моды, что делает remove_theme_mods еще более опасным для использования.

Наилучшим подходом является размещение в моде всех модов, относящихся к самой теме. Затем вы можете просмотреть этот массив и удалить отдельные моды с помощью remove_theme_mod .

1
cjbj

Так что на странице настроек вашей темы сделайте что-то вроде этого:

if( isset( $_REQUEST['resetl_all'] ) ){
    call_reset_function(); // or newtheme_get_theme_mods function (I guess)                      
}
0
0_0

это удалит все настройки theme_mod

function reset_newtheme_options() { 
    remove_theme_mods();
}
0
Kokil