Heim  >  Artikel  >  CMS-Tutorial  >  So fügen Sie der WordPress-Backend-Administrationsoberfläche neue Farben hinzu

So fügen Sie der WordPress-Backend-Administrationsoberfläche neue Farben hinzu

藏色散人
藏色散人nach vorne
2019-11-20 11:02:312809Durchsuche

In der folgenden Spalte des WordPress-Tutorials erfahren Sie, wie Sie der WordPress-Backend-Verwaltungsoberfläche neue Farben hinzufügen. Ich hoffe, dass es für Freunde in Not hilfreich ist!

So fügen Sie der WordPress-Backend-Administrationsoberfläche neue Farben hinzu

Ab WordPress Version 3.8 übernimmt die Hintergrundverwaltungsoberfläche das beliebte flache UI-Design. Die Seite „Hintergrund – Benutzer – mein Profil“ bietet standardmäßig acht Verwaltungsarten. Das Farbschema der Benutzeroberfläche steht den Benutzern zur Auswahl, aber sie haben immer das Gefühl, dass es nicht ihren Bedürfnissen entspricht. Das allmächtige WordPress hat dies ebenfalls berücksichtigt und eine Funktion voreingestellt, mit der wir benutzerdefinierte Farben hinzufügen können.

Diese Funktion befindet sich in Zeile 3839 der Datei /wp-includes/general-template.php:

Allows a plugin to register a new admin colour scheme. For example:
wp_admin_css_color( 'classic', __( 'Classic' ), admin_url( "css/colors-classic.css" ), array(
'#07273E', '#14568A', '#D54E21', '#2683AE'
) );

Mit der vorgefertigten Funktion ist sie einfach zu handhaben.

Der erste Schritt besteht darin, im aktuellen Theme einen neuen Ordner mit dem Namen „css“ zu erstellen und die Datei „colors.css“ in einen beliebigen Ordner im Verzeichnis „wordpresswp-admincsscolors“ in diesen CSS-Ordner zu kopieren.

Fügen Sie im zweiten Schritt den folgenden Code zur Datei „functions.php“ des aktuellen Themes hinzu:

// 添加后台配色
wp_admin_css_color( 
 'my_css', __( '新的配色' ), // 文字可以修改
 get_template_directory_uri() . '/css/colors.css', 
array( '#21252e', '#2f3541', '#3078ab', '#3690cf' ),
array( 'base' => '#e5f8ff', 'focus' => '#fff', 'current' => '#fff' )
);

Im dritten Schritt ändern Sie den Farbwert in „colors.css“ nach Ihren Wünschen.

Es ist zu beachten, dass Sie während des Änderungsprozesses des Stils jederzeit den Browser-Cache leeren müssen, um die Auswirkungen der Änderung zu sehen.

Analog dazu können mehrere benutzerdefinierte Farbschemata hinzugefügt werden.

Mit der oben genannten Methode können Sie theoretisch jeden Stil im Hintergrund ändern, einschließlich des Ausblendens einiger unnötiger Funktionen durch display: none.

Der Effekt nach dem Hinzufügen:

So fügen Sie der WordPress-Backend-Administrationsoberfläche neue Farben hinzu

Das obige ist der detaillierte Inhalt vonSo fügen Sie der WordPress-Backend-Administrationsoberfläche neue Farben hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:zmingcx.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen