La meilleure fa?on de personnaliser votre tableau de bord WordPress : 5 conseils pratiques pour améliorer l'expérience utilisateur

WordPress est un système de gestion de contenu très flexible et open-source, et son tableau de bord est propre par défaut, mais il peut être légèrement monotone pour les utilisateurs ayant des besoins spécifiques. Heureusement, avec l'aide de quelques ajustements et plugins, nous pouvons personnaliser le tableau de bord de WordPress pour qu'il réponde mieux aux besoins spécifiques de l'utilisateur et améliore l'expérience.

Image [1] - Comment personnaliser le tableau de bord de WordPress : meilleures méthodes et conseils pratiques

Dans cet article, nous aborderons les différentes fa?ons deTableau de bord WordPress personnaliséIl s'agit de tout ce qui va des modifications du code à une approche sans code de l'utilisation des plug-ins.

Les 5 meilleures fa?ons de personnaliser vos tableaux de bord WordPress

1. personnaliser le tableau de bord avec du code

Si vous êtes familier avec le code, vous pouvez le trouver en regardant dans la section functions.php pour ajouter une fonction personnalisée afin d'obtenir l'effet suivant :

  • Accédez à l'interface d'administration de WordPress: :
    • Connectez-vous au backend de WordPress.
  • Ouvrir l'éditeur de fichiers de thème: :
    • Dans le menu de gauche, cliquez sur Apparence > Editeur de fichier de thème.
    • Sélectionnez le thème actuel de la functions.php (souvent appelée "fonction sujet" ou similaire).
Images [2] - Comment personnaliser le tableau de bord de WordPress : meilleures méthodes et conseils pratiques
  • Supprimer les widgets inutiles

Le code suivant permet de supprimer le widget par défaut du tableau de bord de WordPress en l'ajoutant à la section functions.php Documentation :

function remove_dashboard_widgets() {
    remove_meta_box('dashboard_quick_press', 'dashboard', 'side') ;
    remove_meta_box('dashboard_incoming_links', 'dashboard', 'normal') ;
    remove_meta_box('dashboard_right_now', 'tableau de bord', 'normal') ;
    remove_meta_box('dashboard_activity', 'tableau de bord', 'normal') ;
}
add_action('wp_dashboard_setup', 'remove_dashboard_widgets') ;

Ce code supprime le "pression rapide","lien entrant","en un coup d'?il"et"fonction"Widgets". Les widgets peuvent être ajoutés ou soustraits selon les besoins.

Image [3] - Comment personnaliser le tableau de bord de WordPress : meilleures méthodes et conseils pratiques
  • Ajouter des widgets personnalisés

Pour ajouter des widgets personnalisés au tableau de bord, tels que des messages de bienvenue ou des liens de raccourci, utilisez le code suivant :

function custom_dashboard_widgets() {
    wp_add_dashboard_widget(
        'custom_help_widget', // ID du widget
        'Welcome to your custom dashboard', // Titre du widget
        'custom_dashboard_help' // fonction pour afficher le contenu
    ) ;
}

function custom_dashboard_help() {
    echo '<p>Bienvenue dans votre tableau de bord personnalisé ! Vous y trouverez des liens rapides et des ressources adaptées à vos besoins.</p>' ;
}

add_action('wp_dashboard_setup', 'custom_dashboard_widgets') ;

Cela peut être fait dans le custom_dashboard_help Ajoutez n'importe quoi à la fonction, y compris des liens, des shortcodes ou des personnalisations HTML.

  • Styliser les tableaux de bord avec CSS

Ajustez l'apparence du tableau de bord à l'aide d'une feuille de style personnalisée :

function custom_admin_css() {
    echo '
         #wpadminbar { background-color : #333 ; }
         .wrap h1 { colour : #0073aa ; }
    ' ;
}

add_action('admin_head', 'custom_admin_css') ;

Le code ci-dessus modifie la couleur d'arrière-plan et la couleur du titre de la barre d'administration supérieure. Le code de style peut être modifié en fonction des besoins.

2. ajouter ou supprimer des widgets par défaut

Il est également possible d'y accéder directement à partir du tableau de bord via l'optionoptions de l'écranpour contr?ler l'affichage et le masquage du widget :

  1. Connectez-vous à votre tableau de bord WordPress.
  2. Cliquez sur le coin supérieur droit de l'écranoptions de l'écranpour ouvrir le menu.
  3. Cochez ou décochez les widgets à afficher ou à masquer.
Image [4] - Comment personnaliser le tableau de bord de WordPress : meilleures méthodes et conseils pratiques

Cette méthode est simple et efficace et permet d'ajuster rapidement la présentation du tableau de bord.

3. l'utilisation de plug-ins pour simplifier la personnalisation

Ne voulant pas écrire de code, il existe de nombreusesplug-in (composant logiciel)peuvent vous aider à personnaliser le tableau de bord sans code. Voici quelques plugins recommandés :

  • Administrer
    Adminimize peut afficher ou masquer des éléments du tableau de bord en fonction des r?les des utilisateurs, ce qui est parfait pour simplifier l'interface pour certains utilisateurs.
  • CMS en marque blanche
    Le CMS en marque blanche est bien adapté aux tableaux de bord de marque et peut êtreRemplacer le logo de WordPressIl est également possible de créer des pages de connexion personnalisées, des schémas de couleurs personnalisés et de contr?ler l'affichage des widgets. Il est également possible de créer des pages de connexion personnalisées.
Image [5] - Comment personnaliser le tableau de bord de WordPress : meilleures méthodes et conseils pratiques
  • Interface d'administration personnalisée de WP
    Ce plugin offre une interface intuitive de type "glisser-déposer" pour ajuster les éléments du tableau de bord, masquer les éléments inutiles et créer des structures de menu personnalisées.

Ces plugins offrent une personnalisation puissante et sont simples à utiliser, ne nécessitant aucune connaissance en matière de code.

4. créer des menus de raccourcis

Il est possible d'ajouter des raccourcis dans le menu qui pointent vers des parties importantes de votre site WordPress, comme Analytics ou Documentation. Utilisez le code suivant :

function custom_menu_links() {
    global $menu.
    $menu[5] = array( __('site analytics'), 'manage_options', 'https://your-analytics-url.com', '', 'menu-top', 'dashicons-chart-line', '' ) ;
    $menu[6] = array( __('Document Centre'), 'manage_options', 'https://your-docs-url.com', '', 'menu-top', 'dashicons-book', '' ) ;
}

add_action('admin_menu', 'custom_menu_links') ;

Ce code ajoute un lien de raccourci au menu du tableau de bord. L'adresse du lien peut être modifiée selon les besoins.

5. personnaliser la page de connexion

La page de connexion de WordPress a un design simple par défaut, mais vous pouvez y ajouter un contenu personnalisé par le biais d'un code :

function custom_login_logo() {
    echo '
         .login .button-primary { background : #0073aa ; }
         .login .button-primary { background : #0073aa ; }
    ' ;
}

add_action('login_enqueue_scripts', 'custom_login_logo') ; }

Si vous souhaitez ajuster davantage la page de connexion, vous pouvez utiliser la fonctionPersonnalisation de la page de connexionet d'autres plugins pour modifier les styles de page directement dans le personnalisateur de WordPress.

Image [6] - Comment personnaliser le tableau de bord de WordPress : meilleures méthodes et conseils pratiques

résumés

Qu'il s'agisse de supprimer les widgets inutiles par le biais du code, d'ajouter des widgets personnalisés ou d'utiliser des plugins pour simplifier l'interface, l'expérience du tableau de bord peut être améliorée. Par ailleurs, la création de menus de raccourcis et la personnalisation de la page de connexion peuvent renforcer l'image de marque et le professionnalisme de WordPress.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨詢:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
? Déclaration de reproduction
Cet article a été écrit par : xiesong
LA FIN
Si vous l'aimez, soutenez-le.
félicitations11 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires