WordPress
Customizer Hallo wereld

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


parameters

Parameter Details
mijn thema Een unieke identificatie voor uw thema (of kindenthema). Dit kan je themaslak zijn

Hallo wereld voorbeeld

Het fundamentele concept van het aanpassingsprogramma is dat beheerders live preview-wijzigingen op hun site kunnen bekijken en deze vervolgens permanent kunnen toevoegen.

Het volgende kan worden gekopieerd en geplakt in het functions.php bestand van een thema

  • Voeg een aanpasserssectie toe met de naam My First Section
  • Voeg een aanpassingsinstelling toe met de naam Hello World Color zodat de beheerder een kleur kan kiezen
  • Voeg een css-regel toe voor .hello-world die overeenkomt met de gekozen kleur en standaard op #000000 als er niets is gekozen. De instelling wordt in een tag <style> aan het einde van de <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
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow