WordPress
Customizer Bonjour tout le monde

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


Paramètres

Paramètre Détails
mon thème Un identifiant unique pour votre thème (ou thème enfant). Cela peut être votre slug de thème

Bonjour Monde Exemple

Le concept fondamental du personnaliseur est que les administrateurs peuvent prévisualiser en direct les modifications apportées à leur site, puis les ajouter définitivement.

Les éléments suivants peuvent être copiés et collés dans le fichier functions.php un thème.

  • Ajouter une section de personnalisation appelée My First Section
  • Ajouter un paramètre de personnalisation appelé Hello World Color permettant à l'administrateur de choisir une couleur
  • Ajoutez une règle de CSS pour .hello-world qui corresponde à la couleur choisie et par défaut à #000000 si rien n'est choisi. Le paramètre sera placé dans une <style> à la fin du <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
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow