WordPress
Dostosuj Hello World

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


Parametry

Parametr Detale
mój motyw Unikalny identyfikator motywu (lub motywu podrzędnego). To może być twój ślimak motywacyjny

Przykład Hello World

Podstawową koncepcją dostosowania jest to, że administratorzy mogą podglądać na żywo zmiany w swojej witrynie, a następnie dodawać je na stałe.

Poniższe elementy można skopiować i wkleić do pliku functions.php kompozycji do

  • Dodaj sekcję dostosowywania o nazwie My First Section
  • Dodaj ustawienie dostosowania o nazwie Hello World Color pozwala administratorowi wybrać kolor
  • Dodaj regułę css dla .hello-world która będzie odpowiadać wybranemu kolorowi i domyślnie na #000000 jeśli nic nie zostanie wybrane. Ustawienie zostanie umieszczone w znaczniku <style> na końcu <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
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow