Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment créer un tableau de bord client dans WordPress

Si vous créez des sites Web WordPress pour des clients, la création d'un tableau de bord client personnalisé est un excellent moyen d'améliorer leur expérience.

Avec un tableau de bord personnalisé dans WordPress, vous pouvez fournir à vos clients les ressources exactes, les raccourcis et autres informations importantes dont ils ont besoin pour commencer.

Beaucoup d'entre nous au sein de l'équipe éditoriale de WPBeginner ont intégré des tableaux de bord clients personnalisés dans nos propres projets clients, et cela fait toujours une énorme différence.

Dans cet article, nous vous montrerons comment créer un tableau de bord client dans WordPress sans écrire de code ni affecter la capacité du client à mettre à jour son site.

Créer un tableau de bord client dans WordPress

Pourquoi créer un tableau de bord client dans WordPress ?

En tant que fournisseur de solutions WordPress, vous rencontrerez des clients qui n'ont jamais utilisé WordPress auparavant et qui ne connaissent pas le HTML, le CSS ou la terminologie WordPress.

En créant un tableau de bord personnalisé pour les clients, vous pouvez leur fournir une interface WordPress épurée et une meilleure utilisabilité.

Cela améliorera la satisfaction du client, ce qui conduira à plus de travaux répétés. Vos clients auront besoin de moins de support, ce qui vous fera également gagner du temps.

Cela étant dit, jetons un coup d'œil à la façon de créer facilement un tableau de bord client dans WordPress.

Nous vous guiderons à travers les différentes étapes du processus. Vous pouvez décider du degré de personnalisation souhaité, en fonction des exigences de votre client. Utilisez simplement les liens rapides ci-dessous pour accéder aux étapes qui vous intéressent le plus :

  1. Masquer les menus d'administration inutiles
  2. Marque blanche du tableau de bord WordPress
  3. Modifier l'apparence du tableau de bord WordPress
  4. Ajouter des ressources utiles au tableau de bord client
  5. Création de widgets de tableau de bord personnalisés
  6. Autres ressources utiles pour l'administration WordPress

1. Cacher les menus d'administration inutiles

Lors de la création d'un site web pour vos clients, vous pouvez utiliser différents plugins WordPress, types de publication personnalisés, constructeurs de pages WordPress, et d'autres outils.

Beaucoup de ces outils ajouteront leurs propres éléments de menu dans la barre d'administration WordPress, créeront des widgets personnalisés dans le tableau de bord d'administration, et ajouteront des liens dans la barre d'outils.

Le résultat final est un peu désordonné. Pour un client qui n'a jamais utilisé WordPress, ces éléments supplémentaires rendent le tableau de bord plus compliqué qu'il ne le devrait.

Tableau de bord WordPress

Commençons à créer un tableau de bord client en nettoyant le désordre.

Pour ce faire, vous devrez installer et activer le plugin Adminimize. Pour plus de détails, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, vous devez visiter la page Paramètres » Adminimize pour configurer le plugin.

Paramètres Adminimize

Vous verrez différentes sections d'administration listées sur la page des paramètres. Cliquer sur une section l'étendra, et vous verrez les options pour cette section particulière.

Paramètres d'une section dans Adminimize

Vous pouvez afficher ou masquer tout élément répertorié sous une section pour différents rôles d'utilisateur. Examinez attentivement chaque élément avant de le masquer, car cela pourrait affecter la capacité de votre client à utiliser son site Web.

Pour des instructions détaillées, consultez notre guide sur la façon de masquer les éléments de menu inutiles dans WordPress.

2. Tableau de bord WordPress en marque blanche

Le plugin Adminimize couvre de nombreuses options pour contrôler l'apparence de votre tableau de bord d'administration WordPress. Cependant, il n'offre pas d'options pour masquer la marque WordPress et la mise en marque blanche de la zone d'administration.

Le white labeling comprend le remplacement du logo WordPress par un logo personnalisé, la modification du pied de page de la zone d'administration, l'affichage ou la masquage d'éléments des menus, et plus encore.

Tout d'abord, vous devez installer et activer le plugin White Label CMS. Après l'activation, rendez-vous sur la page Paramètres » White Label CMS pour configurer les paramètres du plugin.

Paramètres White Label CMS

La page des paramètres est divisée en différentes sections. Vous pouvez cliquer sur une section pour l'étendre et afficher ses paramètres.

Certaines options du plugin sont également disponibles dans Adminimize. Si vous avez déjà masqué ces options, vous pouvez les ignorer.

Pour des instructions détaillées sur chaque section, consultez notre article sur la façon de personnaliser l'apparence de votre tableau de bord d'administration WordPress.

3. Changer l'apparence du tableau de bord WordPress

WordPress est livré avec une poignée de thèmes de couleurs d'administration que les utilisateurs peuvent changer depuis leurs profils. Vous pouvez définir un schéma de couleurs par défaut pour les nouveaux utilisateurs. Vous pouvez également créer votre propre schéma de couleurs personnalisé.

Concepteur de couleurs d'administration

Vous voulez aller plus loin ? Essayez les thèmes d'administration WordPress. Ces thèmes sont disponibles sous forme de plugins que vous pouvez installer pour changer l'apparence de votre zone d'administration WordPress.

Thème d'administration WordPress

Voici quelques thèmes et plugins d'administration WordPress gratuits que vous pouvez essayer.

4. Ajouter des ressources utiles au tableau de bord du client

Lorsque vous livrez des projets à vos clients, vous remarquerez que beaucoup d'entre eux ont des questions similaires. L'ajout d'une section d'aide ou de ressources dans le tableau de bord client WordPress peut vous aider à répondre à ces questions et à gagner du temps passé à fournir du support.

La meilleure façon d'ajouter une section d'aide est d'installer et d'activer le plugin WP Help. Après activation, le plugin ajoute un nouvel élément de menu « Aide à la publication » dans la barre d'administration de votre WordPress. Cliquer dessus vous mènera à la page des paramètres.

Aide à la publication

Cette zone sera vide car vous n'avez encore créé aucune ressource d'aide. Cliquez sur le bouton « Ajouter » pour en créer une.

Sur la page suivante, vous pouvez créer votre document d'aide, tout comme vous créeriez un article ou une page WordPress.

Nouveau document d'aide

WP Help utilise un type de publication personnalisé pour les documents, et ils sont hiérarchiques comme les pages. Vous pouvez créer des documents parents et enfants pour les organiser.

Gestion des documents

Vous pouvez également synchroniser des documents depuis un autre site WordPress. Cela vous permet d'utiliser la même documentation pour tous vos projets clients.

Pour des instructions détaillées, consultez notre guide sur la façon d'ajouter une section d'aide / de ressources dans l'administration WordPress.

5. Créer des widgets de tableau de bord personnalisés

Les widgets du tableau de bord sont les premières choses que les utilisateurs voient lorsqu'ils se connectent à la zone d'administration de WordPress. C'est le meilleur endroit pour orienter vos clients dans la bonne direction en ajoutant vos propres widgets de tableau de bord personnalisés.

Voici un code de widget de tableau de bord simple que vous pouvez utiliser comme point de départ.

Vous devrez ajouter ce code dans le fichier functions.php de votre thème, dans un plugin spécifique au site, ou dans un plugin d'extraits de code.

add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');
  
function my_custom_dashboard_widgets() {
global $wp_meta_boxes;
 
wp_add_dashboard_widget('custom_help_widget', 'Theme Support', 'custom_dashboard_help');
}
 
function custom_dashboard_help() {
 
// Content you want to show inside the widget
 
echo '<p>Welcome to Custom Blog Theme! Need help? Contact the developer <a href="mailto:yourusername@gmail.com">here</a>. For WordPress Tutorials visit: <a href="https://014.leahstevensyj.workers.dev" target="_blank">WPBeginner</a></p>';
}

N'oubliez pas de modifier la partie contenu avec votre propre message. Vous pouvez utiliser du HTML brut pour la mise en forme et le style.

Nous vous recommandons d'ajouter ce code en utilisant WPCode, le meilleur plugin de snippets de code.

WPCode

WPCode rend sûr et facile l'ajout de code personnalisé dans WordPress, sans modifier le fichier functions.php de votre thème. Ainsi, vous n'avez jamais à vous soucier de casser votre site.

Pour commencer, vous devez installer et activer le plugin gratuit WPCode. Si vous avez besoin d'aide, consultez notre guide sur comment installer un plugin WordPress.

Une fois le plugin activé, naviguez vers la page Snippets de code » + Ajouter un snippet depuis le tableau de bord WordPress.

Ensuite, cliquez sur le bouton « + Ajouter un extrait personnalisé » sous l'option « Ajouter votre code personnalisé (Nouvel extrait) ».

Ajout de code personnalisé dans WPCode

Ensuite, vous devez sélectionner « Snippet PHP » dans la liste des types de code qui apparaissent à l'écran.

Sélectionner un extrait PHP comme type de code

Ensuite, ajoutez un titre pour le snippet de code et collez le code ci-dessus dans la boîte « Aperçu du code ».

Ajoutez un titre pour votre extrait et collez le code dans la boîte Aperçu du code

Après cela, basculez simplement le commutateur de « Inactif » à « Actif » et appuyez sur le bouton « Enregistrer le snippet ».

Activez et enregistrez votre extrait de code personnalisé

Voici à quoi cela ressemblait lorsque nous l'avons testé sur notre site de démonstration :

Widget de tableau de bord personnalisé

Autres ressources utiles pour l'administration WordPress

Une fois que vous avez utilisé ces conseils pour créer un tableau de bord client personnalisé, vous pourriez chercher d'autres moyens de personnaliser la zone d'administration de WordPress. Voici quelques guides utiles que vous pouvez consulter :

Nous espérons que cet article vous a aidé à apprendre comment créer un tableau de bord client dans WordPress. Vous voudrez peut-être aussi consulter notre guide sur comment protéger votre zone d'administration WordPress et nos meilleurs choix d'experts des meilleurs plugins de journal d'activité et de suivi WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

12 CommentsLeave a Reply

  1. Je crée des sites web pour des clients, et il est parfois judicieux de styliser la zone d'administration avec des couleurs différentes. Une telle interface d'administration semble plus accueillante par rapport à celle par défaut, car elle peut refléter les couleurs utilisées dans le logo de l'entreprise. J'apprécie le travail qui accorde de l'attention aux détails, et c'est l'un des aspects qui a vraiment capté mon intérêt. C'est une autre excellente façon de différencier mon travail en créant un environnement administratif attrayant.

    • À moins que votre hébergeur spécifique n'ait des limitations, vous devriez pouvoir le faire.

      Admin

  2. Salut, pourriez-vous me donner un exemple de la façon de créer plusieurs widgets de tableau de bord ? D'après votre code ci-dessus, j'ai pu créer 1 widget de tableau de bord. Mais j'ai essayé de le dupliquer et il semble que j'aie un peu de mal. Pourriez-vous me fournir un exemple pour que je puisse le résoudre ? Désolé, je suis assez nouveau dans ce domaine, j'espère que vous m'aiderez.

    Merci !!

  3. Salut, j'adore ce tutoriel et votre code fonctionne à merveille. Mais j'ai un léger problème. Je suis un débutant en WordPress, je l'admets, mais en utilisant le code ci-dessus que vous mentionnez..

    add_action(‘wp_dashboard_setup’, ‘my_custom_dashboard_widgets’);

    function my_custom_dashboard_widgets() { global $wp_meta_boxes;

    wp_add_dashboard_widget(‘custom_help_widget’, ‘Support du thème’, ‘custom_dashboard_help’);
    }

    function custom_dashboard_help() {
    echo ‘Bienvenue sur le thème Custom Blog ! Besoin d’aide ? Contactez le développeur ici. Pour des tutoriels WordPress, visitez : WPBeginner‘;
    }

    Je suis capable de créer 1 widget, ce qui est génial ! Comment pourrais-je modifier/ajouter pour avoir plus de widgets sur mon tableau de bord ? Puis-je simplement copier-coller ?

    • Vous pourriez créer un autre widget en ajoutant un autre wp_add_dashboard_widget() entre les accolades avec une fonction pour ce que vous voulez à l'intérieur du nouveau widget.

      Admin

  4. Cela semble faire beaucoup de plugins. Cela ne ralentirait-il pas considérablement le site ?

  5. Hmmmmm ! Bel article. Exactement ce que j'attendais. Merci. Je l'ai enregistré sur mon Facebook pour pouvoir le revisiter.

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.