Vous souhaitez créer un tableau de bord WordPress personnalisé sur votre site ?
Vous voudrez peut-être créer une expérience plus personnalisée pour vos clients ou des utilisateurs tiers (comme des rédacteurs ou des blogueurs indépendants). Ou, vous pourriez travailler sur votre propre site et simplement chercher un moyen de créer une expérience d’administration plus rationalisée qui correspond à vos flux de travail.
Peu importe pourquoi vous voulez créer un tableau de bord WordPress personnalisé, cet article va vous aider. Vous y apprendrez comment personnaliser tous les aspects du tableau de bord WordPress, y compris comment :
- Mettre le tableau de bord WordPress en marque blanche, y compris changer le logo et ajouter votre propre marque.
- Masquer les éléments du menu administrateur de WordPress (ou ajouter vos propres éléments de menu ou sous-menus)
- Créer de nouveaux widgets de tableau de bord pour afficher des informations supplémentaires
- Ajouter de nouvelles colonnes à la liste des articles/pages pour une meilleure productivité
- Modifier l’esthétique de votre tableau de bord (comme un nouveau design)
- Personnaliser la page de connexion WordPress
Nous allons commencer par vous montrer comment utiliser un plugin tout-en-un qui fait un peu de tout. Ensuite, nous partagerons d’autres outils complets pour traiter plus en profondeur les domaines de personnalisation spécifiques que nous avons mentionnés ci-dessus. Commençons la personnalisation !
Juste un avertissement concernant l’affichage
Avant de nous plonger dans le tutoriel, il est important de se rappeler que la personnalisation poussée de votre tableau de bord WordPress peut ralentir les performances du backend (ou dans certains cas le chargement peut être plus rapide en fonction de ce que vous faites). Cela n’aura généralement un impact que sur ceux qui se connectent à votre site, et non sur le frontend. Le frontend de votre site doit servir principalement à partir du cache WordPress.
Comme pour tout ce qui concerne WordPress, il est important de tester avant et après. Mieux encore, apportez d’abord ces changements dans un environnement de staging avant de les déployer sur votre site en production. Ceci est particulièrement important si vous avez des blogueurs invités ou des clients qui se connectent quotidiennement au backend de votre site. La vitesse de votre tableau de bord WordPress est importante, et cela est souvent négligé lorsqu’il s’agit d’optimiser les performances.
Plugin White Label CMS : Un outil tout-en-un pour un tableau de bord WordPress personnalisé
Le plugin gratuit White Label CMS est une bonne solution tout-en-un qui vous permettra de personnaliser rapidement la plupart des aspects du tableau de bord WordPress. Voici un exemple de ce que vous faire avec :
Ce plugin est commercialisé comme une solution pour les développeurs afin de créer un tableau de bord plus personnalisé pour les clients, mais il peut également être utile si vous travaillez sur votre propre site, ainsi.
Au total, il peut vous aider à :
- Remplacez la marque générique WordPress par votre propre marque.
- Personnaliser la page de connexion WordPress
- Ajoutez votre propre panneau d’accueil de widget de tableau de bord personnalisé
- Inclure votre propre flux RSS sous forme de widget de tableau de bord
- Masquer les éléments de menu de la barre d’outils latérale ou supérieure
- Désactiver la barre d’outils WordPress
Voici comment l’utiliser….
Étape 1 : Exécuter l’assistant d’installation
Une fois que vous avez installé et activé le plugin, rendez-vous sur Paramètres → White Label CMS pour exécuter l’assistant d’installation.
Tout d’abord, vous pourrez entrer vos propres informations pour remplacer la marque WordPress par défaut :
Ensuite, à la page suivante, vous pouvez ajouter les renseignements sur votre client :
Étape 2 : Personnaliser une autre image de marque
Une fois l’assistant d’installation terminé, vous déverrouillerez la zone des paramètres complets, ce qui vous donnera accès à de nombreux autres paramètres.
Dans l’onglet Branding, vous pouvez configurer les paramètres qui vous permettront de :
- Choose which parts of the generic WordPress branding to hide
- Replace it with your own branding if desired
Par exemple, si vous faites défiler vers le bas jusqu’à la section Admin Bar Branding, vous pouvez ajouter votre propre logo pour remplacer le logo WordPress dans le coin supérieur gauche de l’interface.
Voici à quoi ça ressemble après l’avoir remplacé par le favicon Kinsta :
Étape 3 : Personnaliser la page de connexion
Une fois que vous avez fini avec les paramètres de marque, vous pouvez aller à la page Login pour personnaliser la page de connexion WordPress.
En plus d’ajouter votre propre logo et/ou image de fond, vous pouvez également :
- Masquer le lien S’enregistrer/mot de passe oublié
- Masquer le lien « Revenir à ».
- Changer les couleurs des différentes parties du formulaire
Étape 4 : Ajouter des widgets de tableau de bord personnalisés
Si vous le souhaitez, l’onglet Dashboard vous permet d’ajouter des widgets personnalisés qui apparaîtront sur la page principale du tableau de bord WordPress.
Voici un exemple de ce à quoi cela pourrait ressembler :
Vous pouvez également ajouter votre propre HTML, qui vous permet d’inclure des images et des vidéos. Vous pouvez même utiliser un modèle Elementor ou Beaver Builder Pro si vous avez installé l’un de ces plugins de constructeur de pages :
Étape 5 : Personnaliser le menu et la barre d’outils de la barre latérale
Si vous avez beaucoup de plugins actifs sur votre site, la barre latérale et la barre d’outils de WordPress peuvent commencer à être un peu encombrées.
Pour vous aider à corriger cela, l’onglet Menus vous permet de masquer certains éléments de menu pour les autres utilisateurs. Tout ce que vous avez à faire est de les activer ou de les désactiver selon vos besoins :
C’est une introduction rapide à la personnalisation du tableau de bord d’administration de WordPress à l’aide d’un seul outil tout-en-un.
Maintenant, nous allons couvrir quelques plugins plus détaillés qui ciblent des zones spécifiques du tableau de bord.
Comment personnaliser le menu d’administration de WordPress : Ajout, suppression ou réarrangement d’éléments de menu
Si vous êtes spécifiquement intéressé par la personnalisation du menu latéral du tableau de bord WordPress, vous pouvez utiliser un plugin dédié appelé Admin Menu Editor.
Ce plugin freemium vous permettra de :
- Modifier les noms des éléments de menu et ajouter vos propres icônes, classes CSS, etc.
- Réorganiser les éléments de menu, comme la création d’une nouvelle catégorie parent.
- Créer des éléments de menu personnalisés qui renvoient à des URLs personnalisées.
Pour commencer, installez et activez le plugin depuis WordPress.org. Ensuite, vous pouvez vous rendre dans l’éditeur de menu → Paramètres pour personnaliser le menu de votre tableau de bord :
Comment créer de nouveaux widgets de tableau de bord personnalisés
Si vous voulez plus de flexibilité pour créer des widgets de tableau de bord personnalisés ou un panneau d’accueil personnalisé, vous pouvez utiliser le plugin gratuit Dashboard Widgets Suite.
Ce plugin vous permet de personnaliser le nombre de colonnes dans le tableau de bord, ainsi que d’ajouter de nouveaux widgets pour le tableau de bord :
- Notes personnalisées
- Flux RSS
- Médias sociaux
- Listes
- Autres widgets WordPress
- Infos système
- Logs de débogage
- Logs d’erreurs
Pour commencer, installez et activez le plugin depuis WordPress.org. Ensuite, allez dans Paramètres → Dashboard Widgets pour configurer le plugin.
Dans l’onglet Paramètres généraux, vous pouvez modifier le nombre de colonnes et choisir les rôles utilisateurs pouvant voir les widgets. Ensuite, vous pouvez utiliser les autres onglets pour activer et configurer les widgets spécifiques :
Ensuite, vous pouvez vous rendre dans votre tableau de bord et réorganiser vos nouveaux widgets selon vos besoins :
Comment ajouter de nouvelles colonnes à la liste des articles ou pages de WordPress
Par « liste d’articles ou de pages », nous entendons la page d’administration qui répertorie tous vos articles, pages ou éléments de type message personnalisé.
Une façon de contrôler cette zone est d’utiliser les paramètres des options d’écran natives :
Pour plus de flexibilité, cependant, vous pouvez utiliser le plugin gratuit Admin Columns.
Une fois que vous avez installé et activé ce plugin, vous pouvez aller sur Paramètres → Admin columns pour ajouter de nouvelles colonnes ou supprimer/réorganiser des colonnes existantes.
La version gratuite du plugin inclut des colonnes pour tout, de l’image présentée jusqu’au temps de lecture estimé d’un message :
Si vous utilisez quelque chose comme ACF (Advanced Custom Field), vous pourrez également inclure vos champs personnalisés dans leurs propres colonnes.
Plugins de thème du WordPress Admin – Obtenez un nouveau look
Les thèmes d’administration de WordPress ne sont pas des « thèmes » dans le vrai sens du terme. Il s’agit plutôt de plugins qui servent de thème pour votre tableau de bord en arrière-plan.
Contrairement aux méthodes ci-dessus, ils ne modifient pas la mise en page ou les fonctionnalités sous-jacentes de votre tableau de bord WordPress. Au lieu de cela, ils vous donnent juste un nouveau look.
Voici quelques-uns de nos coups de cœur…
Flatty
Le thème admin Flatty applique les principes du Flat design à votre tableau de bord d’administration WordPress. Il vous donne également quelques fonctionnalités de base pour la marque blanche.
Voici à quoi ressemblera votre tableau de bord immédiatement après l’activation du plugin :
Aquila Admin Theme
Alors que Flatty ajoute des principes du Flat design, Aquila ajoute un bel aspect de Material design à votre tableau de bord d’administration. Il vous offre également des options supplémentaires pour personnaliser les éléments de menu, l’image de marque et les widgets.
Voici à quoi ressemblera votre tableau de bord immédiatement après l’activation du plugin :
Kodeo Admin UI
Le plugin Kodeo Admin UI redessine l’ensemble de votre interface utilisateur, y compris les boutons de l’éditeur WordPress classique.
Voici à quoi ressemblera votre tableau de bord immédiatement après l’activation du plugin :
Comment personnaliser la page de connexion WordPress
Enfin, bien que cela ne fasse pas techniquement partie de votre tableau de bord d’administration, votre page de connexion WordPress joue toujours un rôle important lors de la première arrivée des gens dans le tableau de bord.
Il existe plusieurs plugins de qualité pour vous aider à personnaliser votre page de connexion WordPress, mais Custom Login Page Customizer constitue un bon point de départ car il vous permet de personnaliser visuellement votre page de connexion à l’aide du Customizer WordPress natif.
Une fois que vous avez installé et activé le plugin, vous pouvez cliquer sur le nouvel élément du menu Login Customizer pour ouvrir le Customizer WordPress.
Ici, vous verrez un aperçu en direct à droite et une variété d’options de personnalisation à gauche :
Si vous le souhaitez, vous pouvez simplement personnaliser la mise en page par défaut. Ou, si vous voulez faire des changements plus importants, vous pouvez appliquer un tout nouveau modèle et ensuite personnaliser les choses à partir de là :
Créez un tableau de bord d’administration WordPress personnalisé dès aujourd’hui !
Pour une solution tout-en-un permettant de personnaliser la plupart des zones du tableau de bord d’administration de WordPress, le plugin gratuit White Label CMS est une bonne option de départ.
Ensuite, si vous décidez que vous souhaitez plus de fonctionnalités pour personnaliser une zone spécifique de votre tableau de bord d’administration WordPress, vous pouvez également trouver un certain nombre de plugins de personnalisation spécifiques aux fonctionnalités, notamment :
- Admin Menu Editor pour personnaliser le menu d’administration de WordPress
- Dashboard Widgets Suite pour ajouter de nouveaux widgets de tableau de bord personnalisés
- Admin Columns pour ajouter de nouvelles colonnes à la liste des articles
- Des thèmes d’administration WordPress pour changer complètement le style de votre tableau de bord
- Custom Login Page Customizer pour personnaliser la page de connexion WordPress
Avez-vous d’autres questions sur la création d’un tableau de bord WordPress personnalisé? Faites-le nous savoir dans la section commentaires !
Laisser un commentaire