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 :

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 :

Exemple d'un tableau de bord personnalisé construit avec White Label CMS
Exemple d’un tableau de bord personnalisé construit avec White Label CMS

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 :

Assistant d'installation de White Label CMS
Assistant d’installation de White Label CMS

Ensuite, à la page suivante, vous pouvez ajouter les renseignements sur votre client :

Assistant de configuration White Label CMS partie 2
Assistant de configuration White Label CMS partie 2

É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 :

Entrer une image de marque personnalisée
Entrer une image de marque personnalisée

É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
Personnaliser la page de connexion
Personnaliser la page de connexion

É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 :

Exemple d'un tableau de bord personnalisé
Exemple d’un tableau de bord personnalisé

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 :

Comment ajouter un tableau de bord personnalisé
Comment ajouter un tableau de bord personnalisé

É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 :

Masquer les éléments de menu du tableau de bord WordPress
Masquer les éléments de menu du tableau de bord WordPress

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 :

L'interface de Admin Editor Menu
L’interface de Admin Editor Menu

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 :

Paramètres de Dashboard Widgets Suite
Paramètres de Dashboard Widgets Suite

Ensuite, vous pouvez vous rendre dans votre tableau de bord et réorganiser vos nouveaux widgets selon vos besoins :

Exemple de widgets de Dashboard Widgets Suite
Exemple de widgets de Dashboard Widgets Suite

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 :

Les paramètres des options d'écran
Les paramètres des options d’écran

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 :

L'interface Admin Columns
L’interface Admin Columns

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 :

Thème d'administration WordPress Flatty
Thème d’administration WordPress Flatty

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 :

Thème d'administration WordPress Aquila
Thème d’administration WordPress Aquila

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 :

Kodeo Admin UI WordPress
Kodeo Admin UI WordPress

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 :

Comment personnaliser la page de connexion
Comment personnaliser la page de connexion

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à :

L'un des modèles de page de connexion prédéfinis
L’un des modèles de page de connexion prédéfinis

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 !