So verwenden Sie die WordPress Custom Logo API

In diesem Artikel wird erläutert, wie die in WordPress 4.5 eingeführte WordPress -Feature verwendet wird, um das Logo einer Website einfach zu ändern. Es deckt sowohl die Benutzerperspektive als auch die Entwicklerperspektive ab.

Schlüsselmerkmale:

• Die Funktion "Custom Logo" vereinfacht Logo -Änderungen über den Themenpassungsanpassungen.
• Entwickler aktivieren diese Funktion mit add_theme_support('custom-logo') in der functions.php -Fatei ihres Themas.
• Logogröße wird unter Verwendung von add_image_size() und angeben, wenn die Größe in der Themenunterstützungsdeklaration angegeben wird. WordPress behält das ursprüngliche Seitenverhältnis während der Größenänderung bei.
• Die Funktionen the_custom_logo(), get_custom_logo() und has_custom_logo() verwalten Logo -Anzeige und -Aber.

Benutzerseitige Anpassung:

Benutzer können das Logo ihrer Website einfach über den Themen -Customizer ändern (über das Aussehenmenü im WordPress -Dashboard zugänglich). Das Panel "Site Identity" enthält den Abschnitt "Logo", in dem Benutzer ein neues Logo auswählen oder hochladen können. Der Customizer bietet eine Live -Vorschau der Änderungen vor dem Speichern.

Nach der Auswahl eines Logos zeigt der Customizer das Logo mit Optionen zum Entfernen oder Ändern an.

Entwickler-Seiten-Implementierung:

Themen müssen die Funktion des benutzerdefinierten Logos explizit aktivieren. Dies erfolgt durch Hinzufügen des folgenden Codes zur functions.php -Datei des Themas:

function mytheme_setup() {
    add_theme_support('custom-logo');
}
add_action('after_setup_theme', 'mytheme_setup');

Logogröße steuern:

Entwickler können die Größe des Logos mit add_image_size() steuern und die Größe innerhalb der Funktion add_theme_support() angeben:

add_image_size('mytheme-logo', 160, 90);
add_theme_support('custom-logo', array(
    'size' => 'mytheme-logo'
));

Dies stellt sicher, dass das Logo in die angegebenen Dimensionen passt und gleich

Zeigen Sie das benutzerdefinierte Logo an:

Die Funktion

zeigt das Logo mit geeignetem HTML an. the_custom_logo() ruft den HTML -Code ab und get_custom_logo() prüft, ob ein Logo festgelegt ist. Hier ist ein Beispiel für die Anzeige des Logos oder des Site -Namens, wenn kein Logo festgelegt ist: has_custom_logo()

<?php the_custom_logo(); ?>
<?php if ( ! has_custom_logo() ) : ?>
    <h1><?php bloginfo( 'name' ); ?></h1>
<?php endif; ?>

Alternativ ein robusterer Ansatz mit

für die Rückwärtskompatibilität: function_exists()

function mytheme_custom_logo() {
    $output = '';
    if ( function_exists( 'get_custom_logo' ) ) {
        $output = get_custom_logo();
    }
    if ( empty( $output ) ) {
        $output = '<h1 id="a-href-esc-url-home-url-get-bloginfo-name-a"><a href="' . esc_url( home_url( '/' ) ) . '">' . get_bloginfo( 'name' ) . '</a></h1>';
    }
    echo $output;
}

Diese Funktion kann dann in die Vorlagendateien des Themas aufgerufen werden.

Schlussfolgerung:

Die WordPress-benutzerdefinierte Logo-API vereinfacht die Logo-Anpassung sowohl für Benutzer als auch für Entwickler und verbessert die Personalisierung der Website, ohne dass Code-Änderungen durch den Endbenutzer erforderlich sind. Die bereitgestellten Code -Ausschnitte und Erklärungen ermöglichen Entwicklern, diese Funktion problemlos in ihre Themen zu integrieren.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die WordPress Custom Logo API. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!