X

So passen Sie Ihren WordPress Admin-Bereich an

Schnipsel von IsItWP

Wussten Sie, dass Sie das Standarddesign des WordPress-Adminbereichs ändern können? Sie können dies tun, indem Sie die alte Stylesheet-Datei überschreiben. Dazu müssen Sie eine neue CSS-Datei in Ihrem Theme-Ordner erstellen und sie dann mithilfe des admin_head-Hooks in WP-Admin einbinden.

In diesem Artikel zeigen wir Ihnen, wie Sie Ihr WordPress-Dashboard anpassen, indem Sie die alte Stylesheet-Datei überschreiben.

Anweisungen:

Sie müssen diesen Code nur zur functions.php-Datei Ihres Themes oder in ein websitespezifisches Plugin einfügen:

Stellen Sie sicher, dass Sie die Pfade ändern und laden Sie dann die neue Stylesheet-Datei an den richtigen Ort hoch, den Sie überschreiben möchten. Speicherort: /wp-admin/css/colors-fresh.css. Möglicherweise möchten Sie die alte Stylesheet-Datei kopieren und als Vorlage für Ihre neue verwenden.

<?php
function customAdmin() {
    $url = get_settings('siteurl');
    $url = $url . '/wp-content/themes/my-theme/styles/wp-admin.css';
    echo '<!-- custom admin css -->
          <link rel="stylesheet" type="text/css" href="' . $url . '" />
          <!-- /end custom adming css -->';
}
add_action('admin_head', 'customAdmin');
?>

Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzuf ilde{A}gen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress kopieren / einf ilde{A}gen, damit Sie Ihre Website nicht versehentlich besch ilde{A}digen.

Wenn Ihnen dieses Code-Snippet gefallen hat, ziehen Sie bitte in Betracht, unsere anderen Artikel auf der Website zu lesen, wie z. B.: 62 beste kostenlose WordPress-Blog-Themes oder 7 beste WordPress-Kontaktformular-Plugins.

[code] <link rel="stylesheet" type="text/css" href="' . $url . '" /> <!-- /end custom adming css -->'; } add_action('admin_head', 'customAdmin'); ?>[/code]

Kommentare   Hinterlasse eine Antwort

  1. Dieser Code hat früher funktioniert, funktioniert aber aufgrund der Änderung im WP-Kern nicht mehr. Grundsätzlich gibt es eine Funktion, die injizierte CSS-Dateien im Kern entfernt. (wahrscheinlich aus Sicherheitsgründen) Ich habe noch keinen Weg gefunden, dies zu umgehen.

    Wirklich frustrierend.

  2. Es war wahrscheinlich der Server oder Ihr Gerät, das sie nicht gerendert hat. Ich habe dasselbe bemerkt, wenn ich Code auf bestimmten Websites/Geräten anzeige.

  3. Ich bin mir nicht sicher, warum Sie HTML-Entitäten (z. B. <) mit den Zeichen selbst (z. B. >) mischen. Damit dies funktioniert, habe ich '<' anstelle von '$lt;' verwendet.

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.

WordPress Launch Checkliste

Die ultimative Checkliste für den Start von WordPress

Wir haben alle wichtigen Checklistenpunkte für den Start Ihrer nächsten WordPress-Website in einem praktischen E-Book zusammengefasst.
Ja, senden Sie mir das kostenlose E-Book!