Divi ne propose pas nativement de module pour afficher la date de dernière modification. Sur des acticles techniques c’est pourtant une information essentielle pour les lecteurs.
Dans ce tuto, nous allons voir comment booster notre extension maison clea-divi-add-functions pour créer un shortcode intelligent et comment l’intégrer proprement dans le Theme Builder. Cet article suppose qu’on a un site avec WordPress, le thème DIVI
Etape 1 créer un shortcode pour afficher la date de mise à jour
Je l’ajoute dans le fichier includes/cdaf-editor.php de mon extension.
/**
* Enregistrement du shortcode sur le hook 'init'
* C'est l'étape cruciale pour que Divi l'interprète correctement.
*/
add_action('init', 'clea_register_shortcodes');
function clea_register_shortcodes() {
add_shortcode('date_maj', 'clea_date_maj_shortcode');
}
/**
* Logique du shortcode [date_maj]
*/
function clea_date_maj_shortcode($atts) {
$date_modif = get_the_modified_date('d/m/Y');
$date_publi = get_the_date('d/m/Y');
// On n'affiche le texte que si une modification réelle a eu lieu
if ($date_modif && $date_modif !== $date_publi) {
return ' | Mis à jour le ' . esc_html($date_modif);
}
return ''; // Renvoie vide si l'article est "neuf"
}
Maintenant si je met le short code [date_maj] n’importe où dans mon site, il sera remplacé par | Mis à jour le 25 février 2026 pour le lecteur.
Etape 2 afficher automatiquement la date de mise à jour
Passer au Theme Builder DIVI (Générateur de thèmes) va permettre de rendre systématique l’affichage des articles.
1. Créer le modèle de base
Allez dans Divi > Theme Builder.
Cliquez sur Ajouter un nouveau modèle > Tous les articles.
Cliquez sur Ajouter un corps personnalisé > Créer un corps personnalisé.
2. La structure des colonnes
mon site utilise actuellement une mise en page avec une barre latérale à droite.
Dans l’éditeur, insérer une Section standard.
Choisir une structure de ligne avec deux colonnes : une large à gauche (2/3) et une plus étroite à droite (1/3).
3. colonne de GAUCHE (Le contenu)
Vous devez empiler les modules suivants :
Module Fil d’Ariane (Breadcrumbs) : avec l’extension Yoast SEO, insérer un module Code ou Texte avec le shortcode [ Accueil » Archives pour Anne-Laure DELPECH].
Module Titre du poste (Post Title) :
C’est ici que s’affiche le titre H1 automatiquement.
Réglages : Allez dans Éléments et activez « Afficher le Titre », « Afficher les Métadonnées » (Auteur, Catégories, Commentaires).
Module Texte (Pour la Date de Mise à jour) :
insérer un module Code ou Texte. Y placer [date_maj].
Stylez ce texte en gris clair et italique pour qu’il soit discret.
Module Contenu du poste (Post Content) :
CRUCIAL : Sans ce module, le texte de vos articles ne s’affichera pas. C’est lui qui « appelle » le contenu que vous rédigez dans chaque article.
4. colonne de DROITE (La Sidebar)
Pour retrouver vos widgets actuels :
Ajoutez un module Barre latérale (Sidebar).
Sélectionnez la zone de widgets nommée « Sidebar » (ou « Barre latérale principale »).
Cela affichera automatiquement vos sections « Articles de cette série », « Rechercher », etc.
et voilà
Maintenant lorsqu’un article a été mis à jour (et uniquement dans ce cas, la date de mise à jour s’affiche). Comme dans cette capture d’écran :
Ce tuto s’applique à une page Facebook, pas à un compte individuel.
Pour que vos publications Facebook soient automatiquement relayées sur Instagram via la Meta Business Suite, il y a deux étapes clés : l’association des comptes et l’activation de la synchronisation.
1. Prérequis : Lier vos comptes
Si votre compte Instagram est un compte personnel, il sera automatiquement transformé en compte professionnel.
Allez sur votre compte Facebook sur ordinateur.
Cliquez sur l’icône de roue dentée Paramètres (en bas à gauche).
Allez dans l’onglet Comptes associés, puis cliquez sur Comptes Instagram.
Cliquez sur Ajouter et connectez-vous avec vos identifiants Instagram pour finaliser le lien.
2. Activer la publication simultanée
C’est une méthode manuelle. Il est possible de synchroniser les comptes mais dans ce cas on se heurte au fait que les posts Facebook ne peuvent plus profiter de toutes les possibilités car ils doivent être conformes aux normes Instagram. Par exemple Instagram n’accepte pas les liens cliquables dans les légendes, ou refuse qu’il y ait plusieurs visuels pour un seul post. Facebook est beaucoup plus souple.
Cliquez sur Créer une publication.
Dans la section Publier dans, cochez à la fois votre Page Facebook et votre Compte Instagram.
Utilisez l’option Personnaliser la publication pour Facebook et Instagram. Cela vous permet, par exemple, d’ajouter des hashtags spécifiquement pour Instagram sans polluer votre post Facebook.
Préparer un article optimisé pour les deux réseaux
Je prends ici un exemple d’articles d’une liste de candidats aux prochaines municipales.
Pour réussir vos publications sur les deux réseaux simultanément, l’astuce est d’utiliser la fonction « Personnaliser la publication pour Facebook et Instagram » dans la Meta Business Suite. Cela vous permet d’avoir un texte de base commun, tout en ajustant les détails qui font la différence sur chaque plateforme.
1. Le Visuel (Indispensable)
Format : Utilisez une image au format Carré (1:1) ou Portrait (4:5).
Contrainte : Instagram refuse les publications sans image ou vidéo. Assurez-vous que l’image est bien centrée pour éviter le rognage automatique sur mobile.
2. Le Texte Commun
[TITRE EN MAJUSCULES]
Contenu
Les Ajustements Spécifiques
Version Facebook (Le lien direct)
Lien : Ajoutez le lien direct vers l’article complet sur votre site : https://domaine/portrait-de-xxx.
Interaction : « N’hésitez pas à poser vos questions en commentaire ! »
Hashtags : 1 ou 2 maximum (ex: #blbabla #Elections2026).
Version Instagram (Le visuel et les tags)
Lien : Ne mettez pas de lien dans la légende, il ne sera pas cliquable. Écrivez plutôt : Plus d’infos via le lien dans notre bio !.
Hashtags : Ajoutez un bloc de hashtags pour la visibilité locale.
Exemple : #Plonéour #Lanvern #PaysBigouden #Municipales2026 #EngagementCitoyen #Agir29720
4. Checklist de publication dans Meta Business Suite
Cochez les deux cases : Page Facebook et Compte Instagram.
Importez votre photo.
Activez le bouton Personnaliser la publication.
Dans l’onglet Facebook, insérez votre lien URL.
Dans l’onglet Instagram, retirez le lien et ajoutez vos hashtags.
Utilisez le bouton Programmer pour choisir le moment idéal (souvent vers 18h-19h en semaine pour une audience locale).
Tu gères un site associatif, un blog collaboratif ou un site d’entreprise ? Tu veux que des contributeurs puissent publier sans se connecter à WordPress ?
Avec le plugin Postie, ils envoient un simple email, et l’article se crée automatiquement. Toi, tu reçois une notification et tu publies en un clic.
Comment ça marche ?
Voici le parcours d’un article, de l’email à la mise en ligne :
Étape
Ce qui se passe
1
Le contributeur rédige son article dans sa messagerie habituelle (Gmail, Outlook…)
2
Il envoie l’email à une adresse dédiée (ex : articles@ton-site.com)
3
Postie relève cette boîte mail (toutes les 30 min par exemple)
4
L’email devient un brouillon : sujet → titre, corps → contenu, 1ère photo → image à la une
5
Tu reçois une notification « Nouvel article en attente »
6
Tu vérifies, tu corriges si besoin, tu cliques sur Publier
Ce qu’il te faut
Les liens vers les extensions sont indiqués en bas de cet article.
Une adresse email dédiée (ex : articles@ton-domaine.com) avec ses paramètres IMAP
L’extension Clean Image Filenames (recommandée) pour éviter les problèmes d’accents dans les noms de fichiers
Configuration pas à pas
1. Crée une adresse email dédiée
Chez ton hébergeur (OVH, Gandi, o2switch…), crée une adresse comme articles@ton-domaine.com.
Note bien les paramètres IMAP :
Serveur : ssl0.ovh.net (exemple pour OVH)
Port : 993
Protocole : IMAP-SSL
2. Installe et configure Postie
Installe l’extension Postie depuis WordPress, puis configure ces onglets :
Onglet Mailserver (connexion à la boîte mail)
Paramètre
Valeur
Protocole
IMAP-SSL (pas IMAP seul !)
Port
993
Serveur
ssl0.ovh.net (ou celui de ton hébergeur)
Nom d’utilisateur
L’adresse complète : articles@ton-domaine.com
Mot de passe
Le mot de passe de cette adresse
Check for mail every
30 minutes
Supprimer l’e-mail après publication
Yes (IMPORTANT, sinon les articles s’accumulent)
Onglet User (sécurité)
Paramètre
Valeur
Authorized Addresses
Yes – seuls les utilisateurs autorisés peuvent publier
Allow Anyone To Post
Non – très important pour éviter le spam !
💡 Ajoute les adresses email autorisées dans les réglages de Postie. Si quelqu’un d’autre envoie un mail, tu recevras une alerte et pourras l’autoriser ou non.
Onglet Message (contenu)
Paramètre
Valeur
État par défaut
Pending (En attente de relecture)
Format
HTML (pour conserver gras et italique)
Onglet Image
Paramètre
Valeur
Use First Image as Featured Image
Yes
3. Installe Clean Image Filenames (recommandé)
Cette extension transforme automatiquement Hélène à la mer.jpg en helene-a-la-mer.jpg.
Sans elle, les accents et espaces dans les noms de fichiers peuvent causer des bugs d’affichage.
💡 Dans les réglages, active la correction pour tous les types de fichiers (pas seulement les images).
4. Configure un modèle Divi (si tu utilises Divi)
Pour éviter d’activer manuellement le constructeur sur chaque article reçu :
Va dans Divi → Theme Builder
Crée un modèle appliqué à Tous les articles
Dans le corps personnalisé, ajoute :
Un module Titre du poste (avec l’image à la une)
Un module Contenu de la publication (obligatoire : c’est là que s’affiche le texte)
Ainsi, chaque article reçu par email s’affiche automatiquement avec ta mise en page.
5. Teste le système
Dans les réglages Postie, clique sur Traiter les emails
Envoie un email de test depuis une adresse autorisée
Vérifie qu’un brouillon apparaît dans Articles → En attente
Guide pour tes contributeurs
Envoie ce mode d’emploi à ceux qui vont écrire :
Comment envoyer un article sur le site ?
Ouvre ton application email habituelle
Destinataire : articles@ton-site.com
Sujet : écris le titre de ton article
Corps du mail : rédige ton texte (tu peux utiliser gras et italique)
Photos : ajoute-les en pièces jointes
⚠️ La première photo sera l’image de couverture
Les suivantes apparaîtront dans l’article
À la fin de ton texte, ajoute cette ligne : -- ou ---
Tout ce qui suit (signature, logo…) sera supprimé
Envoie ! L’équipe validera et publiera ton article.
Guide pour les administrateurs
Procédure de validation
Tu reçois un email « New Post created by Postie… »
Connecte-toi à l’admin WordPress
Va dans Articles → En attente
Ouvre l’article et vérifie :
Les fautes éventuelles
L’image à la une (colonne de droite)
Clique sur Publier
C’est en ligne !
En résumé
Ce que tu configures
Pourquoi
Adresse email dédiée
Recevoir les articles des contributeurs
Postie
Transformer les emails en brouillons WordPress
Brevo
Recevoir les notifications « nouvel article »
Clean Image Filenames
Éviter les bugs avec les accents
Modèle Divi
Mise en page automatique des articles
Dépannage
Je ne reçois pas la notification « nouvel article » → Vérifie que Brevo est bien configuré pour les emails transactionnels
L’article se crée mais les images ne s’affichent pas → Installe Clean Image Filenames et vérifie les noms de fichiers
Un inconnu a envoyé un email à l’adresse Postie → Tu reçois une alerte. L’article est créé en brouillon mais tu peux le supprimer et ne pas autoriser l’expéditeur.
Tes notifications WordPress n’arrivent jamais ? Tes formulaires de contact finissent en spam ? C’est normal : WordPress utilise une méthode d’envoi (PHP mail) que Gmail, Outlook et Yahoo bloquent systématiquement.
La solution : passer par Brevo, un service d’emailing gratuit qui sert de relais SMTP fiable.
Pourquoi ça ne marche pas sans Brevo ?
Par défaut, WordPress envoie ses emails « en direct » depuis ton hébergeur. Problème : sans authentification, ces messages ressemblent à du spam pour les grandes messageries.
Avec Brevo, tes emails passent par des serveurs reconnus et authentifiés. Résultat : ils arrivent dans la boîte de réception, pas dans les indésirables.
Étape 1 – Crée ton compte Brevo et génère une clé API
Clique sur ton profil (en haut à droite) → SMTP et API
Dans l’onglet « Clés API », clique sur + Générer une nouvelle clé API
Donne-lui un nom (ex : « Site WordPress »)
Copie immédiatement la clé – elle ne sera plus visible ensuite !
Étape 2 – Connecte l’extension WordPress
Dans WordPress, installe et active l’extension Brevo
Va dans Réglages → Brevo (tout en bas du menu)
Colle ta clé API dans le champ prévu
Clique sur Login ou Connect
Ton compte est maintenant lié.
Étape 3 – Active l’envoi d’emails transactionnels
C’est le réglage crucial qui fait tout fonctionner.
Dans les réglages Brevo, trouve la section Transactional Email
Coche « Yes, use Brevo to send WordPress emails »
Choisis un expéditeur par défaut (ex : contact@ton-domaine.com)
Sauvegarde
À partir de maintenant, tous les emails de WordPress (notifications, formulaires, réinitialisations de mot de passe…) passent par Brevo.
Étape 4 – Authentifie ton domaine (SPF, DKIM, DMARC)
Pour que tes emails soient vraiment fiables, tu dois prouver aux messageries que Brevo a le droit d’envoyer des emails en ton nom. si tu n’as jamais fait, je t’ai mis le lien vers deux articles que j’ai créé sur ce sujet tout en bas de cet article.
Ce que tu dois faire :
Dans Brevo, va dans Expéditeurs & Domaines
Ajoute ton domaine et suis les instructions
Brevo te donne des enregistrements DNS à ajouter chez ton hébergeur (OVH, Gandi, etc.)
Points importants :
⚠️ Un seul champ SPF et un seul champ DMARC par domaine ! Si tu en as déjà, il faut les fusionner, pas en créer de nouveaux.
Tu veux utiliser une belle police Google Fonts dans Word, Canva ou Photoshop ? Voici comment l’installer en 3 étapes simples.
Pourquoi installer une police ?
Les polices de Google Fonts (comme Open Sans ou Montserrat) sont gratuites et élégantes. Mais pour les utiliser dans tes logiciels, tu dois les installer sur ton ordinateur. Pas de panique : c’est rapide !
Dans ton dossier Téléchargements, fais un clic droit sur le fichier .zip
Choisis Extraire tout… et valide
Un nouveau dossier s’ouvre avec les fichiers de police (.ttf ou .otf).
Étape 2 – Installe pour tous les utilisateurs
C’est l’étape clé. Tu vas dire à Windows de rendre cette police accessible partout.
Ouvre le dossier dézippé
Repère les fichiers de police (icône avec un « A »)
Fais un clic droit sur le fichier
Clique sur Installer pour tous les utilisateurs
💡 Tu ne vois pas cette option ? Clique d’abord sur « Afficher plus d’options » tout en bas du menu contextuel.
Pourquoi « pour tous les utilisateurs » ? Cela place la police dans le dossier système C:\Windows\Fonts. Tous tes logiciels la trouveront sans problème.
⚠️ Attention : certaines polices contiennent plusieurs variantes (normal, italique, gras…). Répète l’opération pour chaque fichier .ttf ou .otf que tu veux utiliser.
Étape 3 – Vérifie que ça marche
Ouvre Word, LibreOffice ou ton logiciel préféré
Cherche ta nouvelle police dans la liste des polices
Tu ne la vois pas ? Ferme et rouvre ton logiciel – les polices installées n’apparaissent qu’après redémarrage de l’application
🎉 C’est fait ! Tu peux maintenant supprimer le fichier .zip et le dossier extrait de tes téléchargements.
Commentaires récents