WordPress
Пользовательский интерфейс Hello World
Поиск…
параметры
параметр | подробности |
---|---|
MyTheme | Уникальный идентификатор вашей темы (или дочерней темы). Это может быть ваша тема slug |
Привет, мир
Основная концепция настраивателя заключается в том, что администраторы могут просматривать предварительные изменения на своем сайте, а затем постоянно добавлять их.
Следующие могут быть скопированы и вставлены в файл functions.php
темы для
- Добавьте раздел настроек
My First Section
- Добавьте настройку customizer под названием
Hello World Color
чтобы администратор мог выбрать цвет - Добавьте правило css для
.hello-world
который будет соответствовать выбранному цвету и по умолчанию будет#000000
если ничего не выбрано. Параметр будет помещен в<style>
в конце<head>
.
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');
Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow