Comment ajouter des notifications personnalisées dans WordPress (2 façons simples)

Souvent, nos lecteurs nous demandent comment ils peuvent ajouter des notifications d’administration personnalisées dans WordPress.

Le cœur, les thèmes et les plugins de WordPress affichent des notifications d’administration comme des erreurs ou des avertissements aux utilisateurs/utilisatrices dans l’extension. Si vous êtes administrateur/administratrice d’un site WordPress, vous pouvez également créer des notifications personnalisées pour informer les membres de votre équipe d’informations importantes concernant le site.

Dans cet article, nous allons vous afficher comment vous pouvez facilement ajouter des notifications d’administration personnalisées dans WordPress.

Pourquoi ajouter des notifications personnalisées dans WordPress ?

Les notifications d’administration sont des notifications à l’intérieur de la zone d’administration de WordPress qui informent les utilisateurs/utilisatrices d’informations importantes. Il peut s’agir par exemple d’erreurs, d’avertissements, d’alertes ou de messages de réussite liés au cœur de WordPress, aux extensions ou aux thèmes.

Bien que ces notifications soient une fonctionnalité intégrée de WordPress, vous pouvez également créer des notifications personnalisées pour votre tableau de bord.

Par exemple, disons que vous travaillez sur un site WordPress pour des clients qui ne sont pas familiers avec la plateforme. Vous pourriez ajouter des notifications d’administration pour afficher des informations utiles dans leur zone d’administration WordPress.

Voici d’autres exemples d’utilisation des notifications personnalisées de l’administrateur :

• Informer les membres de l’équipe lorsque le site sera indisponible parce qu’il est en mode maintenance.
• Guider les auteurs/autrices ou les éditeurs/éditrices pour naviguer dans le flux de travail éditorial dans le Tableau de bord si vous gérez un site multi-auteurs.
• Rappeler aux utilisateurs/utilisatrices certaines choses à faire et à ne pas faire lors de la gestion des tâches, du contenu et des médias dans WordPress.

Dans l’ensemble, les notifications personnalisées de l’administrateur peuvent être utiles pour communiquer des messages à vous-même ou à d’autres utilisateurs/utilisatrices qui travaillent sur votre site. Cela dit, vous devrez les utiliser à bon escient, car un trop grand nombre de notifications peut être ennuyeux.

Maintenant, voyons comment vous pouvez ajouter vos notifications d’administration personnalisées dans WordPress. Nous allons vous afficher deux méthodes, et vous pouvez utiliser les liens rapides ci-dessous pour aller à/au celle que vous souhaitez utiliser :

Méthode 1 : Ajouter des notifications personnalisées à l’administration de WordPress à l’aide d’une extension

Cette méthode utilise l’extension WP Custom Admin Interface. Il vous permet de personnaliser votre Tableau de bord WordPress selon vos préférences, notamment en affichant des notifications d’administration personnalisées.

La première étape consiste à installer et activer le plugin WP Custom Admin interface. Pour obtenir des instructions étape par étape, consultez notre guide sur l’installation d’une extension WordPress.

Ensuite, allez dans l’interface d’administration personnalisée «  Admin Notice « . Comme vous pouvez le constater, la page des Réglages du plugin est assez similaire à celle de l’éditeur/éditrices classique.

Vous devez maintenant défiler vers le bas et insérer votre message de notification administrative.

Vous pouvez utiliser du texte brut et/ou les options de codes courts à votre disposition, qui se trouvent au-dessus de l’éditeur visuel.

Si vous utilisez la deuxième méthode, le message générera dynamiquement du contenu en fonction des codes courts fournis. Ainsi, si vous utilisez le code court [WEBSITE_URL], le code court sera remplacé par le nom de domaine de votre site.

En outre, n’hésitez pas à ajouter une image ou d’autres fichiers multimédias ou à styliser le texte à l’aide de la barre d’outils située au-dessus de la zone de texte.

En descendant, vous pouvez choisir la couleur de votre notification personnalisée à l’administrateur. Les options par défaut sont les suivantes :

• Des messages de réussite en vert
• Bleu pour les notifications d’informations non urgentes mais importantes
• Jaune pour les messages d’avertissement
• Rouge pour les messages d’erreur

Vous pouvez également personnaliser la date de fin de la notification ou la date à laquelle la notification doit être désactivée. N’hésitez pas à la laisser vide s’il n’y a pas de date d’expiration.

Vous pouvez également faire en sorte que le message puisse être ignoré, ce qui est recommandé pour les notifications utilisant des couleurs vertes ou bleues. Pour les avertissements ou les erreurs, vous pouvez continuer à les afficher jusqu’à ce que le problème soit résolu, en fonction du problème.

Enfin, vous pouvez rendre la notification visible à tous ou à certains utilisateurs/utilisatrices uniquement. Si vous choisissez cette dernière option, vous pouvez cliquer sur le bouton « + » pour spécifier les rôles des utilisateurs/utilisatrices pour lesquels la notification doit être invisible.

Lorsque vous êtes satisfait de votre nouvelle notification, il vous suffit de cliquer sur « Enregistrer tous les réglages ».

Et c’est tout !

Pour voir à quoi ressemble la notification personnalisée de l’administrateur, il suffit d’aller sur n’importe quelle page de votre Tableau de bord WordPress. Le message doit apparaître en haut de l’écran.

Méthode 2 : Ajouter des notifications personnalisées à l’aide d’un code dans l’administration de WordPress

Bien que l’extension WP Custom Admin Interface soit facile à utiliser, elle inclut de nombreuses fonctionnalités supplémentaires qui peuvent être sans rapport avec vos besoins. Cela peut sembler exagéré si vous êtes uniquement intéressé par la création de notifications d’administration personnalisées.

En outre, l’interface d’administration personnalisée de WP vous permet uniquement d’afficher une notification personnalisée à la fois. Si vous souhaitez afficher plusieurs notifications sur différentes pages de votre tableau de bord d’administration WordPress, alors l’extension n’est peut-être pas une option adaptée.

Au lieu de cela, vous pouvez ajouter manuellement des notifications dans WordPress en utilisant du code. Cela vous permet de vous concentrer uniquement sur l’ajout de la notification personnalisée sans rien de plus, et vous pouvez afficher plusieurs notifications uniquement si nécessaire.

Si coder dans WordPress vous semble effrayant, ne vous inquiétez pas. Nous allons vous afficher un moyen facile et sûr d’insérer du code personnalisé, qui consiste à utiliser WPCode. C’est la meilleure et la plus conviviale des extensions d’extraits de code personnalisés sur le marché.

Avec WPCode, vous pouvez facilement insérer et gérer du code sans interagir directement avec les fichiers du cœur de WordPress. Ainsi, les risques que vous cassiez votre site sont nuls, voire inexistants.

En savoir plus sur WPCode, vous pouvez consulter notre Avis sur WPCode.

La première étape pour utiliser WPCode est d’installer et d’activer l’extension. Si vous avez besoin d’aide, consultez notre article sur l ‘installation d’un plugin WordPress.

Ensuite, il vous suffit de vous rendre dans la rubrique Code Snippets «  + Add Snippet« . Sous Ajouter votre code personnalisé (nouvel extrait), cliquez sur  » + Ajouter un extrait personnalisé « .

Maintenant, allez-y et insérez un titre pour votre extrait de code personnalisé afin que vous puissiez facilement l’identifier et le modifier ultérieurement si nécessaire. Il peut s’agir de quelque chose comme « Notification personnalisée de l’administrateur ».

Modifiez ensuite le type de code en « Extrait de PHP ».

Une fois que vous avez fait cela, copiez et collez simplement le code suivant dans la boîte de Prévisualisation du code :

function wpb_admin_notice() {
	echo // Customize the message below as needed
	'<div class="notice notice-warning is-dismissible">
	<p>Important! We will not be publishing any new articles during the holidays. Please save your articles as drafts for the time being.</p>
	</div>'; 
}
add_action( 'admin_notices', 'wpb_admin_notice' );

Voici à quoi devrait ressembler l’écran :

Ce code définit une fonction nommée wpb_admin_notice() dans WordPress. Dans cette fonction, il y a une instruction echo qui produit un message d’avertissement dans une boîte stylisée.

Sous cette déclaration se trouve <div class="notice notice-warning is-dismissible">. Il s’agit d’une classe CSS qui spécifie le type de notification administrative, qui, dans le cas présent, est un avertissement. C’est pourquoi la boîte de notification aura une bordure jaune.

Vous pouvez également remplacer la ligne de code notice-warning par notice-error (rouge), notice-info (bleu) et notice-success (vert).

Sous la classe CSS se trouve le contenu de la notification proprement dite. Ici, le message informe les utilisateurs/utilisatrices qu’aucun nouvel article ne sera publié pendant les vacances et leur conseille de Gagner du temps en tant que brouillons. Vous pouvez remplacer le texte entre les balises HTML <p> et </p> par votre propre texte.

La ligne add_action('admin_notices', 'wpb_admin_notice') ; crochète cette fonction à l’action 'admin_notices' de WordPress. Cela signifie que la notification d’avertissement sera affichée dans la zone d’administration de WordPress, fournissant des informations importantes à tous les utilisateurs/utilisatrices.

Une fois le code inséré, défilez vers le bas jusqu’à la section Insertion. Confirmez que la méthode d’insertion est « Insertion automatique » et que l’Emplacement est « Admin uniquement ».

Ces Réglages garantiront que l’extrait sera automatiquement exécuté uniquement dans la zone d’administration de WordPress.

Il suffit ensuite de rendre l’extrait de code « Actif » et de cliquer sur « Enregistrer l’extrait ».

Voici à quoi ressemble la notification personnalisée de l’administrateur sur notre site de test :

Affichage de la notification personnalisée de l’administrateur pour une durée limitée

Supposons que vous souhaitiez que la notification de l’administrateur n’apparaisse que pendant une durée spécifique, par exemple 2 heures. Cela peut être intéressant pour les notifications liées à des problèmes temporaires ou à des annonces sensibles au facteur temps.

Dans ce cas, vous pouvez suivre les mêmes étapes par étapes ci-dessus pour ajouter un nouveau code personnalisé avec WPCode. Cependant, vous utiliserez l’extrait de code ci-dessous à la place :

function wpb_time_limited_admin_notice() {
    $user_id = get_current_user_id();
    $notice_key = 'wpb_notice_timestamp';

    // Get the existing timestamp or set a new one if it doesn't exist
    $timestamp = get_user_meta( $user_id, $notice_key, true );
    if ( ! $timestamp ) {
        $timestamp = time();
        update_user_meta( $user_id, $notice_key, $timestamp );
    }

    // Check if 2 hours (7200 seconds) have passed since the timestamp
    if ( ( time() - $timestamp ) < 7200 ) {
        // Display the admin notice
        echo '<div class="notice notice-warning is-dismissible">
            <p>Important! We will not be publishing any new articles during the holidays. Please save your articles as drafts for the time being.</p>
        </div>';
    }
}

add_action( 'admin_notices', 'wpb_time_limited_admin_notice' );

Ce code crée essentiellement un horodatage lorsque l’utilisateur voit la notification pour la première fois et affiche ensuite la notification pendant deux heures à partir de cet horodatage initial.

Vous pouvez également l’utiliser si vous souhaitez que la notification n’apparaisse qu’une seule fois et disparaisse lorsque l’utilisateur a déjà accédé à une autre page de la zone d’administration.

Il convient de noter que vous pouvez personnaliser la partie heures en secondes et l’allonger ou la raccourcir en fonction de vos besoins. Par exemple, si vous souhaitez que la notification apparaisse pendant 1 heure, vous remplacerez 7200 par 3600. Pour 7 jours, vous utiliserez 604800 secondes, et ainsi de suite.

Affichage de la notification personnalisée de l’administrateur en fonction du rôle de l’utilisateur

Si vous souhaitez créer une notification personnalisée de l’administrateur qui soit uniquement visible pour certains rôles d’utilisateurs, vous pouvez également le faire avec le WPCode.

Voici un exemple de code :

function wpb_admin_notice_editor() {
    // Get the current admin page
    global $pagenow;
    // Specify the admin pages where the notice should appear
	$admin_pages = [ 'index.php' ];
	// Get the current user
	$user = wp_get_current_user();
    // Check if the current page is in the specified admin pages and the user has the 'editor' role
    if ( in_array( $pagenow, $admin_pages ) && in_array( 'editor', (array) $user->roles ) ) {
		// Display a warning notice for editors
		echo
		'<div class="notice notice-warning is-dismissible">
			<p>Reminder! Do not save published posts as drafts after you update them. Just click the Update button without changing to the draft status. Thanks.</p>
		</div>';
	}
}
// Hook the function to display the notice in the admin area
add_action( 'admin_notices', 'wpb_admin_notice_editor' );

Ce code WordPress définit la fonction wpb_admin_notice_editor()qui affiche une notification d’avertissement dans la zone d’administration pour les utilisateurs/utilisatrices ayant le rôle éditeurs/éditrices.

Le code récupère d’abord la page d’administration en cours de vue à l’aide du tableau global $pagenow ;. Il spécifie que la notification doit apparaître sur des pages wp-admin spécifiques, telles que le tableau de bord (index.php), à l’aide du tableau $admin_pages.

Si vous souhaitez que la notification s’affiche sur d’autres pages de la zone d’administration, il vous suffit d’ajouter le slug de la page, comme plugins .php pour les Plugins et edit.php pour les Posts et les Pages.

Confirmez simplement que vous séparez les slugs par une virgule et un guillemet simple, comme $admin_pages = [ 'index.php' , 'plugins.php', 'edit.php' ] ;.

Ensuite, le code recueille des informations sur l’utilisateur actuellement connecté avec $user = wp_get_current_user() ;.

Le code vérifie ensuite si la page actuelle se trouve dans les pages d’administration spécifiées et si l’utilisateur a le rôle d' »éditeur » en utilisant if ( in_array( $pagenow, $admin_pages ) && in_array( 'editor', (array) $user->roles ) ) ) {.

Si les deux conditions sont remplies, il affiche une notification d’avertissement.

Voici à quoi ressemble notre notification personnalisée de l’administrateur en utilisant le code ci-dessus :

La création de notifications d’administration personnalisées et ciblées nécessite quelques connaissances en codage WordPress. Si vous souhaitez vous plonger dans ce Sujet, alors nous vous recommandons de lire ces guides :

• Que sont les crochets dans WordPress ?
• Qu’est-ce que l’action dans WordPress ?
• Qu’est-ce qu’un filtre dans WordPress ?

Astuces pour personnaliser la zone d’administration de WordPress

Outre l’ajout de vos propres notifications d’administration personnalisées dans le tableau de bord, il existe de nombreuses autres façons de personnaliser votre zone d’administration WordPress afin d’améliorer votre flux de travail et votre expérience utilisateur.

Par exemple, vous pouvez ajouter un mode sombre à votre Tableau de bord WordPress. De cette façon, vous pouvez réduire la fatigue oculaire pendant les longues sessions de modification.

En outre, vous pouvez ajouter un logo de tableau de bord personnalisé pour personnaliser votre expérience WordPress et renforcer l’identité de votre marque.

Dans certains cas, vous pouvez également vouloir masquer les éléments de menu inutiles de la zone d’administration de WordPress. Cela peut être utile si vous avez un rôle du compte utilisateur spécifique avec un accès limité ou si vous voulez simplement une interface plus propre.

Voici d’autres moyens d’améliorer votre zone d’administration :

• Comment restreindre l’accès à l’administration de WordPress par adresse IP
• Astuces vitales pour protéger la zone d’administration de WordPress (mise à jour)
• Comment modifier le jeu de couleurs de l’administrateur dans WordPress (rapide et facile)
• Comment Modifier ou Retirer ‘Bonjour Admin’ dans WordPress (méthode facile)
• Comment ajouter un centre de notification dans l’administration de WordPress
• Comment utiliser l’admin du site WordPress en anglais sur un site multilingue
• Comment désactiver la barre d’administration de WordPress pour tous les utilisateurs/utilisatrices sauf les administrateurs/administratrices
• Comment ajouter ou modifier les icônes d’administration de WordPress
• Comment ajouter un bloc-notes à votre Tableau de bord WordPress

Nous espérons que cet article vous a aidé à apprendre comment ajouter des notifications d’administration personnalisées sur WordPress. Vous pouvez également consulter notre guide sur la façon de vérifier quelle version de WordPress vous utilisez ou nos choix d’experts pour les meilleures extensions WordPress pour développer votre site.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.