WordPress
Customizer Hallo Welt
Suche…
Parameter
Parameter | Einzelheiten |
---|---|
mein Thema | Eine eindeutige Kennung für Ihr Thema (oder untergeordnetes Thema). Dies kann dein Thema sein |
Hallo Weltbeispiel
Das grundlegende Konzept des Customizers besteht darin, dass Administratoren Live-Änderungen an ihrer Website in der Vorschau anzeigen und diese dann dauerhaft hinzufügen können.
Folgendes kann kopiert und in die functions.php
Datei eines Themas eingefügt werden
- Fügen Sie einen Anpassungsabschnitt mit dem Namen "
My First Section
- Fügen Sie eine Anpassungseinstellung hinzu, die als
Hello World Color
damit der Administrator eine Farbe auswählen kann - Fügen Sie eine
.hello-world
Regel für.hello-world
, die der ausgewählten Farbe entspricht und standardmäßig#000000
wenn nichts ausgewählt ist. Die Einstellung wird am Ende des<head>
in ein<style>
-Tag<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
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow