WordPress
Customizer Hello World

Android CSS HTML JavaScript jQuery MySQL PHP Regular Expressions SQL twitter-bootstrap
Sök…


parametrar

Parameter detaljer
Mytheme En unik identifierare för ditt tema (eller barntema). Det här kan vara din temaslak

Hej världsexempel

Det grundläggande konceptet för kundanpassningen är att administratörer kan leva förhandsvisningsändringar på deras webbplats och sedan lägga till dem permanent.

Följande kan kopieras och klistras in i ett temas functions.php fil till

  • Lägg till ett anpassningsavsnitt som heter My First Section
  • Lägg till en anpassningsinställning som heter Hello World Color så att administratören kan välja en färg
  • Lägg till en css-regel för. .hello-world som kommer att motsvara den valda färgen och som standard till #000000 om ingenting väljs. Inställningen läggs i en <style> -tagg i slutet av <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
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow