Maison >Tutoriel CMS >WordPresse >Comment ajouter de nouvelles couleurs à l'interface d'administration backend de WordPress
La colonne suivante du Tutoriel WordPress vous présentera comment ajouter de nouvelles couleurs à l'interface de gestion backend de WordPress. J'espère que cela sera utile aux amis dans le besoin !
À partir de la version 3.8 de WordPress, l'interface de gestion d'arrière-plan adopte la conception d'interface utilisateur plate populaire. La page d'arrière-plan--utilisateur--mon profil propose huit types de gestion par défaut. Les utilisateurs peuvent choisir la palette de couleurs de l’interface, mais ils ont toujours l’impression qu’elle ne répond pas à leurs besoins. Le tout-puissant WordPress a également pris cela en considération et a prédéfini une fonction permettant d’ajouter des couleurs personnalisées.
Cette fonction se trouve à la ligne 3839 du fichier /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' ) );
Avec la fonction prête à l'emploi, elle est facile à manipuler.
La première étape consiste à créer un nouveau dossier nommé css dans le thème actuel et à copier le fichier colours.css dans n'importe quel dossier du répertoire wordpresswp-admincsscolors dans ce dossier css.
La deuxième étape, ajoutez le code suivant au thème actuel function.php :
// 添加后台配色 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' ) );
La troisième étape, modifiez la valeur de couleur dans colours.css comme vous le souhaitez.
Il est à noter que lors du processus de modification du style, vous devez vider le cache du navigateur à tout moment pour voir l'effet de la modification.
Par analogie, plusieurs jeux de couleurs personnalisés peuvent être ajoutés.
En utilisant la méthode ci-dessus, vous pouvez théoriquement modifier n'importe quel style en arrière-plan, y compris en masquant certaines fonctions inutiles via display: none.
L'effet après ajout :
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!