WordPress
Customizer Hello World

Android CSS HTML JavaScript jQuery MySQL PHP Regular Expressions SQL twitter-bootstrap
Ricerca…


Parametri

Parametro Dettagli
MyTheme Un identificatore univoco per il tema (o tema figlio). Questo può essere il tuo tema

Ciao esempio del mondo

Il concetto fondamentale del customizer è che gli amministratori possono vivere le modifiche di anteprima al proprio sito e quindi aggiungerle in modo permanente.

Quanto segue può essere copiato e incollato nel file functions.php un tema su

  • Aggiungi una sezione di personalizzazione chiamata My First Section
  • Aggiungi un'impostazione di personalizzazione chiamata Hello World Color consente all'amministratore di scegliere un colore
  • Aggiungi una regola css per .hello-world che corrisponderà al colore scelto e predefinito a #000000 se non viene selezionato nulla. L'impostazione verrà inserita in un tag <style> alla fine di <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
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow