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\u00e9cifiques que nous avons mentionn\u00e9s ci-dessus. Commen\u00e7ons la personnalisation !<\/p>\n\n
Juste un avertissement concernant l\u2019affichage<\/h3>\n
Avant de nous plonger dans le tutoriel, il est important de se rappeler que la personnalisation pouss\u00e9e de votre tableau de bord WordPress peut ralentir les performances du backend (ou dans certains cas le chargement peut \u00eatre plus rapide en fonction de ce que vous faites). Cela n’aura g\u00e9n\u00e9ralement un impact que sur ceux qui se connectent \u00e0 votre site, et non sur le frontend. Le frontend de votre site doit servir principalement \u00e0 partir du cache WordPress<\/a>.<\/p>\n Comme pour tout ce qui concerne WordPress, il est important de tester avant et apr\u00e8s. Mieux encore, apportez d’abord ces changements dans un environnement de staging<\/a> avant de les d\u00e9ployer sur votre site en production. Ceci est particuli\u00e8rement important si vous avez des blogueurs invit\u00e9s ou des clients qui se connectent quotidiennement au backend de votre site. La vitesse de votre tableau de bord WordPress est importante<\/strong>,<\/b> et cela est souvent n\u00e9glig\u00e9 lorsqu’il s’agit d’optimiser les performances.<\/p>\n Le plugin gratuit White Label CMS<\/a> 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 :<\/p>\n Ce plugin est commercialis\u00e9 comme une solution pour les d\u00e9veloppeurs afin de cr\u00e9er un tableau de bord plus personnalis\u00e9 pour les clients, mais il peut \u00e9galement \u00eatre utile si vous travaillez sur votre propre site, ainsi.<\/p>\n Au total, il peut vous aider \u00e0 :<\/p>\n Voici comment l’utiliser….<\/p>\n Une fois que vous avez install\u00e9 et activ\u00e9 le plugin, rendez-vous sur Param\u00e8tres \u2192 White Label CMS<\/strong> pour ex\u00e9cuter l’assistant d’installation.<\/p>\n Tout d’abord, vous pourrez entrer vos propres informations pour remplacer la marque WordPress par d\u00e9faut :<\/p>\n Ensuite, \u00e0 la page suivante, vous pouvez ajouter les renseignements sur votre client :<\/p>\n Une fois l’assistant d’installation termin\u00e9, vous d\u00e9verrouillerez la zone des param\u00e8tres complets, ce qui vous donnera acc\u00e8s \u00e0 de nombreux autres param\u00e8tres.<\/p>\n Dans l’onglet Branding<\/strong>, vous pouvez configurer les param\u00e8tres qui vous permettront de :<\/p>\n Par exemple, si vous faites d\u00e9filer vers le bas jusqu’\u00e0 la section Admin Bar Branding<\/strong>, vous pouvez ajouter votre propre logo pour remplacer le logo WordPress dans le coin sup\u00e9rieur gauche de l’interface.<\/p>\n Voici \u00e0 quoi \u00e7a ressemble apr\u00e8s l’avoir remplac\u00e9 par le favicon Kinsta<\/a> :<\/p>\n Une fois que vous avez fini avec les param\u00e8tres de marque, vous pouvez aller \u00e0 la page Login<\/strong> pour personnaliser la page de connexion WordPress.<\/p>\n En plus d’ajouter votre propre logo et\/ou image de fond, vous pouvez \u00e9galement :<\/p>\n Si vous le souhaitez, l’onglet Dashboard<\/strong> vous permet d’ajouter des widgets personnalis\u00e9s qui appara\u00eetront sur la page principale du tableau de bord WordPress.<\/p>\n Voici un exemple de ce \u00e0 quoi cela pourrait ressembler :<\/p>\n Vous pouvez \u00e9galement ajouter votre propre HTML, qui vous permet d’inclure des images et des vid\u00e9os. Vous pouvez m\u00eame utiliser un mod\u00e8le Elementor<\/a> ou Beaver Builder Pro si vous avez install\u00e9 l’un de ces plugins de constructeur de pages :<\/a><\/p>\n Si vous avez beaucoup de plugins actifs sur votre site, la barre lat\u00e9rale et la barre d’outils de WordPress peuvent commencer \u00e0 \u00eatre un peu encombr\u00e9es.<\/p>\n Pour vous aider \u00e0 corriger cela, l’onglet Menus<\/strong> vous permet de masquer certains \u00e9l\u00e9ments de menu pour les autres utilisateurs. Tout ce que vous avez \u00e0 faire est de les activer ou de les d\u00e9sactiver selon vos besoins :<\/p>\n C’est une introduction rapide \u00e0 la personnalisation du tableau de bord d’administration de WordPress \u00e0 l’aide d’un seul outil tout-en-un.<\/strong><\/p>\n Maintenant, nous allons couvrir quelques plugins plus d\u00e9taill\u00e9s qui ciblent des zones sp\u00e9cifiques du tableau de bord.<\/p>\n Si vous \u00eates sp\u00e9cifiquement int\u00e9ress\u00e9 par la personnalisation du menu lat\u00e9ral du tableau de bord WordPress, vous pouvez utiliser un plugin d\u00e9di\u00e9 appel\u00e9 Admin Menu Editor<\/a>.<\/p>\n Ce plugin freemium vous permettra de :<\/p>\n Pour commencer, installez et activez le plugin depuis WordPress.org. Ensuite, vous pouvez vous rendre dans l’\u00e9diteur de menu \u2192 Param\u00e8tres<\/strong> pour personnaliser le menu de votre tableau de bord :<\/p>\n Si vous voulez plus de flexibilit\u00e9 pour cr\u00e9er des widgets<\/a> de tableau de bord personnalis\u00e9s ou un panneau d’accueil personnalis\u00e9, vous pouvez utiliser le plugin gratuit Dashboard Widgets Suite<\/a>.<\/p>\n 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 :<\/p>\n Pour commencer, installez et activez le plugin depuis WordPress.org. Ensuite, allez dans Param\u00e8tres \u2192 Dashboard Widgets<\/strong> pour configurer le plugin.<\/p>\n Dans l’onglet Param\u00e8tres g\u00e9n\u00e9raux<\/strong>, vous pouvez modifier le nombre de colonnes et choisir les r\u00f4les utilisateur<\/a>s pouvant voir les widgets. Ensuite, vous pouvez utiliser les autres onglets pour activer et configurer les widgets sp\u00e9cifiques :<\/p>\n Ensuite, vous pouvez vous rendre dans votre tableau de bord<\/strong> et r\u00e9organiser vos nouveaux widgets selon vos besoins :<\/p>\n Par \u00ab\u00a0liste d\u2019articles ou de pages\u00a0\u00bb, nous entendons la page d’administration qui r\u00e9pertorie tous vos articles, pages ou \u00e9l\u00e9ments de type message personnalis\u00e9.<\/p>\n Une fa\u00e7on de contr\u00f4ler cette zone est d’utiliser les param\u00e8tres des options d’\u00e9cran<\/strong> natives :<\/p>\n Pour plus de flexibilit\u00e9, cependant, vous pouvez utiliser le plugin gratuit Admin Columns<\/a>.<\/p>\n Une fois que vous avez install\u00e9 et activ\u00e9 ce plugin, vous pouvez aller sur Param\u00e8tres \u2192 Admin columns<\/strong> pour ajouter de nouvelles colonnes ou supprimer\/r\u00e9organiser des colonnes existantes.<\/p>\n La version gratuite du plugin inclut des colonnes pour tout, de l’image pr\u00e9sent\u00e9e jusqu’au temps de lecture estim\u00e9 d’un message :<\/p>\n Si vous utilisez quelque chose comme ACF (Advanced Custom Field<\/a>), vous pourrez \u00e9galement inclure vos champs personnalis\u00e9s dans leurs propres colonnes.<\/p>\n Les th\u00e8mes d’administration de WordPress ne sont pas des \u00ab\u00a0th\u00e8mes\u00a0\u00bb dans le vrai sens du terme. Il s’agit plut\u00f4t de plugins qui servent de th\u00e8me pour votre tableau de bord en arri\u00e8re-plan.<\/p>\n Contrairement aux m\u00e9thodes ci-dessus, ils ne modifient pas la mise en page ou les fonctionnalit\u00e9s sous-jacentes de votre tableau de bord WordPress. Au lieu de cela, ils vous donnent juste un nouveau look.<\/p>\n Voici quelques-uns de nos coups de c\u0153ur…<\/p>\n Le th\u00e8me admin Flatty<\/a> applique les principes du Flat design<\/a> \u00e0 votre tableau de bord d’administration WordPress. Il vous donne \u00e9galement quelques fonctionnalit\u00e9s de base pour la marque blanche.<\/p>\n Voici \u00e0 quoi ressemblera votre tableau de bord imm\u00e9diatement apr\u00e8s l’activation du plugin :<\/p>\n Alors que Flatty ajoute des principes du Flat design, Aquila<\/a> ajoute un bel aspect de Material design \u00e0 votre tableau de bord d’administration. Il vous offre \u00e9galement des options suppl\u00e9mentaires pour personnaliser les \u00e9l\u00e9ments de menu, l’image de marque et les widgets.<\/p>\n Voici \u00e0 quoi ressemblera votre tableau de bord imm\u00e9diatement apr\u00e8s l’activation du plugin :<\/p>\n Le plugin Kodeo Admin<\/a> UI redessine l’ensemble de votre interface utilisateur, y compris les boutons de l’\u00e9diteur WordPress classique.<\/p>\n Voici \u00e0 quoi ressemblera votre tableau de bord imm\u00e9diatement apr\u00e8s l’activation du plugin :<\/p>\n 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\u00f4le important lors de la premi\u00e8re arriv\u00e9e des gens dans le tableau de bord.<\/p>\n Il existe plusieurs plugins de qualit\u00e9 pour vous aider \u00e0 personnaliser votre page de connexion WordPress, mais Custom Login Page Customizer<\/a> constitue un bon point de d\u00e9part car il vous permet de personnaliser visuellement votre page de connexion \u00e0 l’aide du Customizer WordPress natif.<\/p>\n Une fois que vous avez install\u00e9 et activ\u00e9 le plugin, vous pouvez cliquer sur le nouvel \u00e9l\u00e9ment du menu Login Customizer<\/strong> pour ouvrir le Customizer WordPress.<\/p>\n Ici, vous verrez un aper\u00e7u en direct \u00e0 droite et une vari\u00e9t\u00e9 d’options de personnalisation \u00e0 gauche :<\/p>\n Si vous le souhaitez, vous pouvez simplement personnaliser la mise en page par d\u00e9faut. Ou, si vous voulez faire des changements plus importants, vous pouvez appliquer un tout nouveau mod\u00e8le et ensuite personnaliser les choses \u00e0 partir de l\u00e0 :<\/p>\n 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<\/a> est une bonne option de d\u00e9part.<\/p>\n Ensuite, si vous d\u00e9cidez que vous souhaitez plus de fonctionnalit\u00e9s pour personnaliser une zone sp\u00e9cifique de votre tableau de bord d’administration WordPress, vous pouvez \u00e9galement trouver un certain nombre de plugins de personnalisation sp\u00e9cifiques aux fonctionnalit\u00e9s, notamment :<\/p>\n Avez-vous d’autres questions sur la cr\u00e9ation d’un tableau de bord WordPress personnalis\u00e9? Faites-le nous savoir dans la section commentaires !<\/p>\n","protected":false},"excerpt":{"rendered":" Bored of your default, WordPress-centric back end user interface? With the WP Admin UI Customize plugin, it’s easy to tailor the UI to your specifications. Follow our guide below on creating a WordPress custom dashboard.<\/p>\n","protected":false},"author":7,"featured_media":23416,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[47,33],"topic":[1028],"class_list":["post-22742","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webdev","tag-wordpress","topic-developpement-wordpress"],"yoast_head":"\n<\/a>Plugin White Label CMS : Un outil tout-en-un pour un tableau de bord WordPress personnalis\u00e9<\/h2>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/tableau-de-bord-personnalise-avec-white-label-cms.png\")
\n
\u00c9tape 1 : Ex\u00e9cuter l’assistant d’installation<\/h3>\n
![\"Assistant](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/assistant-d-installation-de-white-label-cms.png\")
![\"Assistant](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/assistant-de-configuration-white-label-cms-partie-2.png\")
\u00c9tape 2 : Personnaliser une autre image de marque<\/h3>\n
\n
![\"Entrer](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/entrer-une-image-de-marque-personnalisee.png\")
\u00c9tape 3 : Personnaliser la page de connexion<\/h3>\n
\n
![\"Personnaliser](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/personnaliser-la-page-de-connexion.png\")
\u00c9tape 4 : Ajouter des widgets de tableau de bord personnalis\u00e9s<\/h3>\n
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/exemple-d-un-tableau-de-bord-personnalise.png\")
![\"Comment](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/ajouter-un-tableau-de-bord-personnalise.png\")
\u00c9tape 5 : Personnaliser le menu et la barre d’outils de la barre lat\u00e9rale<\/h3>\n
![\"Masquer](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/masquer-les-elements-de-menu-du-tableau-de-bord-wordpress.png\")
<\/a>Comment personnaliser le menu d’administration de WordPress : Ajout, suppression ou r\u00e9arrangement d’\u00e9l\u00e9ments de menu<\/h2>\n
\n
![\"L'interface](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/l-interface-de-admin-editor-menu.png\")
<\/a>Comment cr\u00e9er de nouveaux widgets de tableau de bord personnalis\u00e9s<\/h2>\n
\n
![\"Param\u00e8tres](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/parametres-de-dashboard-widgets-suite.png\")
![\"Exemple](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/widgets-de-dashboard-widgets-suite.png\")
<\/a>Comment ajouter de nouvelles colonnes \u00e0 la liste des articles ou pages de WordPress<\/h2>\n
![\"Les](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/les-parametres-des-options-d-ecran.png\")
![\"L'interface](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/l-interface-admin-columns.png\")
<\/a>Plugins de th\u00e8me du WordPress Admin – Obtenez un nouveau look<\/h2>\n
Flatty<\/h3>\n
![\"Th\u00e8me](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/theme-d-administration-wordpress-flatty.png\")
Aquila Admin Theme<\/h3>\n
![\"Th\u00e8me](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/theme-d-administration-wordpress-aquila.png\")
Kodeo Admin UI<\/h3>\n
![\"Kodeo](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/kodeo-admin-ui-wordpress.png\")
<\/a>Comment personnaliser la page de connexion WordPress<\/h2>\n
![\"Comment](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/personnaliser-la-page-de-connexion-1.png\")
![\"L'un](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/01\/modeles-de-page-de-connexion-predefinis.png\")
Cr\u00e9ez un tableau de bord d’administration WordPress personnalis\u00e9 d\u00e8s aujourd’hui !<\/h2>\n
\n