Comment personnaliser le gestionnaire Wordpress 4.1

Lorsque nous développons un site Web sous Wordpress, plusieurs fois un client ou nous-mêmes souhaitons modifier l'apparence de la zone d'administration du site Web.
Pour cela, nous pouvons ajouter ou supprimer des fonctionnalités ou modifier des aspects de conception. Wordpress nous permet de changer diverses fonctionnalités en accédant à ses crochets. Un hook fait référence à un événement qui se produit dans Wordpress et que nous pouvons manipuler à partir du code.
Sachant ce qu'est le hook et quand il est exécuté, nous pouvons créer une fonction à exécuter lorsque l'événement de hook spécifique se produit.
Un événement peut être par exemple lorsque la page est chargée et que les étiquettes sont affichées, nous pouvons intercepter le hook admin_head et exécuter une fonction pour ajouter par exemple une feuille de style de manière dynamique.
1. Ajouter une feuille de style au gestionnaire
Supposons que nous voulions inclure une feuille de style, puis nous allons dans le fichier functions.php et ajoutons le code suivant :

 add_action ('admin_head', 'newcss'); fonction newcss () {écho ''; } 

Si nous voulons ajouter la feuille de style à l'avant du Web, le crochet sera wp_head
Il y a deux événements pour gérer les hooks dans Wordpress:

• Crochets d'action : Il est couramment utilisé lorsque vous souhaitez exécuter une fonction après qu'un événement spécifique se soit produit.

• Crochets de filtre : Lorsqu'un événement se produit, il vous permet de transmettre du contenu via une fonction, il est normalement utilisé pour modifier le css ou certains aspects de la conception, tels que la modification du texte ou la mise en gras de certains mots dans le contenu de la publication.

Supposons que nous voulions rechercher un mot-clé et le mettre en gras :

 function bold ($ content) {$ content = preg_replace ("/ (mot clé) / i", "$1", $ content); return $ content;} add_filter (" the_content "," bold "); 

Cela signifie que lorsque le mot-clé apparaît dans le contenu, il apparaîtra automatiquement en gras.
Sur le site de Wordpress Nous avons tous les crochets à consulter et un exemple de comment les appliquer tous les deux :
Le filtre http: // supprime le menucodex.wordpress.org/Plugin_API/Filter_Reference
L'action http: // supprime le menucodex.wordpress.org/Plugin_API/Action_Reference.
2. Modifier le logo sur l'écran de connexion
Beaucoup n'aiment pas l'écran de connexion wordpress et préfèrent mettre leur entreprise ou leur projet Web au lieu du logo WordPress en haut du formulaire.
Nous pouvons modifier le logo via le crochet login_head ajouter une fonction dans le fichier functions.php de notre modèle.

 fonction mylog () {écho ''; } add_action ('login_head', 'myilogo') 

3. Modifier le pied de page du panneau d'administration
Ici, nous utiliserons le crochet admin_footer_text et nous allons créer une fonction dans le fichier fonctions.php alors on peut changer le texte :

 function changetext () {echo '© 2015 Copyright Web name. Tous droits réservés - Conçu par Miempresa '; } add_filter ('admin_footer_text', 'changetext'); 

4. Supprimer des options du menu administrateur
Si nous voulons supprimer des options du menu administrateur afin qu'elles ne soient pas accessibles, dans de nombreux cas, cela est utile pour que quelqu'un qui ne sait pas comment administrer le Web ne puisse pas modifier la configuration ou changer quelque chose qui casse le Web, alors nous allons utilisez le hook admin_menu et créez la fonction suivante.

 fonction delete_menu () {delete_menu ('edit.php'); // supprimer le menu supprimer les entrées de menu delete_menu ('upload.php'); // supprime le menu Multimédia remove_menu ('link-manager.php'); // supprime le menu Liens remove_menu ('edit.php? post_type = page'); // supprime le menu Pages remove_menu ('edit-comments.php'); // supprime le menu Commentaires remove_menu ('themes.php'); // supprime l'apparence du menu remove_menu ('plugins.php'); // supprime le menu Plugins remove_menu ('users.php'); // supprime le menu Utilisateurs remove_menu ('tools.php'); // supprime le menu Outils remove_menu ('options-general.php'); // supprimer le menu Paramètres} // Supprimer pour tous les utilisateurs, y compris l'administrateur lors de l'affichage du menu add_action ('admin_menu', 'remove_menu'); // Supprimer pour tous les utilisateurs sauf pour l'administrateur lors du démarrage de l'administrateur if (! Current_user_can ('manage_options')) {add_action ('admin_init', 'delete_menu'); } 

Ajoutez des éléments et des options à la barre d'outils du panneau d'administration.

Nous créons la fonction suivante pour ajouter des fonctionnalités à la barre d'outils Wordpress :

 fonction switchtools ($ bar) {global $ current_user; // Variable globale avec les données de l'utilisateur actuellement connecté // Variables pour affecter l'url des différentes pages dans la barre d'outils $ urlhome = get_site_url (); $ liste_clients = get_admin_url(). '/edit.php?post_type=cliente'; // Liste des clients $ addclient = get_admin_url(). '/post-new.php?post_type=client'; // Ajoute une voiture $ carlist = get_admin_url(). '/edit.php?post_type=auto'; // Liste des voitures $ anadirauto = get_admin_url(). '/post-new.php?post_type=autos'; // Ajout d'une voiture $ urlexportar = get_admin_url(). '/exportar.php' // Supprimer le logo Wordpress $ bar-> remove_menu ('wp-logo'); // Supprime l'icône de notification de mise à jour $ bar-> remove_menu ('updates'); // On ajoute plusieurs menu avec des fonctionnalités dans la barre d'outils $ bar-> add_node (array ('id' => 'ir_home', 'title' => 'Vista Web Home', 'href' => $ urlhome, 'meta' => tableau (' target '=>' home '))); $ bar-> add_node (array ('id' => 'clients', 'title' => 'Clients', 'href' => $ urlclientes, 'meta' => array ('target' => 'client') )); $ bar-> add_node (array ('id' => 'cars', 'title' => 'Cars', 'href' => $ carlist, 'meta' => array ('target' => 'cars') )); $ bar-> add_node (array ('parent' => 'clients', 'id' => 'newclient', 'title' => 'Add client', 'href' => $ addclient, 'meta' => array ('cible' => 'nouveauclient'))); $ bar-> add_node (array ('parent' => 'cars', 'id' => 'newcar', 'title' => 'Add Cars', 'href' => $ anadirauto, 'meta' => false )); $ bar-> add_node (array ('parent' => 'autos', 'id' => 'export', 'title' => 'Export Report', 'href' => $ urlexport, 'meta' => false )); } add_action ('admin_bar_menu', 'change tools', 999); 

Nous voyons dans l'image comment nous avons personnalisé et installé différents menus pour faciliter le travail avec notre site Web et nous avons également créé de nouvelles fonctionnalités telles que l'exportation d'un rapport qui sera un code php que nous devons créer et lier à partir du menu dans l'administration wordpress panneau.
Pour créer la publication personnalisée, le plugin a été utilisé Interface utilisateur de type de publication personnalisée qui peut être téléchargé et installé dans Wordpress à partir du même administrateur.
Pour ajouter le sous-menu, voyons le code suivant, l'identifiant du menu du haut est celui qui identifie qui est le menu parent, dans ce cas Cars :

 $ bar-> add_node (array ('id' => 'cars', 'title' => 'Cars', 'href' => $ carlist, 'meta' => array ('target' => 'cars') )); 

Pour ajouter un sous-menu, il faut indiquer au nouveau menu qui est le menu parent ou le menu supérieur de la hiérarchie. Pour cela, nous utilisons la propriété parent.

 $ bar-> add_node (array ('parent' => 'cars', 'id' => 'newcar', 'title' => 'Add Cars', 'href' => $ anadirauto, 'meta' => false )); 

De cette façon, nous pourrions également étendre les options de notre menu pour avoir un sous-sous-menu. Voyons un exemple à partir de Sous-menu Exporter, nous ajoutons des options d'exportation telles que Excel et PDF.

 $ bar-> add_node (array ('parent' => 'autos', 'id' => 'export', 'title' => 'Export Report', 'href' => $ urlexport, 'meta' => false )); $ bar-> add_node (array ('parent' => 'export', 'id' => 'exportarexcel', 'title' => 'Export Excel', 'href' => $ urlexportarexcel, 'meta' => false )); $ bar-> add_node (array ('parent' => 'export', 'id' => 'exportarpdf', 'title' => 'Export PDF', 'href' => $ urlexportarpdf, 'meta' => false )); 

conclusionComme nous l'avons vu, nous pouvons personnaliser notre panneau d'administration ou notre backend WordPress grâce aux crochets que l'API wordpress nous fournit, pouvant ajouter ou supprimer des fonctionnalités.
On peut donc donner la touche personnelle au panneau d'administration WordPress en fonction de l'utilisateur si on ajoute la possibilité d'identifier qui est connecté.
Les développeurs les plus expérimentés recommandent d'éviter que les utilisateurs puissent utiliser la barre d'outils par défaut de Wordpress dans le panneau d'administration, ce qu'ils recommandent est de supprimer tout ce qui peut être une configuration Web comme les paramètres, les plugins, les thèmes et de laisser à l'utilisateur ce dont vous avez besoin. ajouter et publier du contenu, en laissant toutes les tâches de configuration et les mises à jour à des utilisateurs ou développeurs plus expérimentés.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif