WordPress
Personalizador Hello World

Android CSS HTML JavaScript jQuery MySQL PHP Regular Expressions SQL twitter-bootstrap
Buscar..


Parámetros

Parámetro Detalles
mi tema Un identificador único para su tema (o tema infantil). Este puede ser tu tema babosa

Hola mundo ejemplo

El concepto fundamental del personalizador es que los administradores pueden realizar una vista previa de los cambios en su sitio y luego agregarlos permanentemente.

Lo siguiente se puede copiar y pegar en el archivo functions.php un tema para

  • Añadir una sección de personalización llamada My First Section
  • Agregue una configuración de personalización llamada Hello World Color permita al administrador elegir un color
  • Agregue una regla de css para .hello-world que corresponda con el color elegido y por defecto a #000000 si no se elige nada. La configuración se colocará en una etiqueta <style> al final 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
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow