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

藏色散人
Freigeben: 2019-11-20 11:02:31
nach vorne
2848 Leute haben es durchsucht

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'
) );
Nach dem Login kopieren

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' )
);
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:zmingcx.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!