Comment créer un gabarit d’article de Blog WordPress avec le Divi Theme Builder ? | Tuto débutants
ฝัง
- เผยแพร่เมื่อ 31 ม.ค. 2025
- #blog #wordpress #themebuilder
Dans cette nouvelle formation WordPress Divi, je vous apprends à construire un joli Gabarit d’article de Blog. Ce template au design sympa vous permettra de gagner du temps et chacun de vos posts épousera automatiquement cette mise en page au webdesign avancé. Dans ce tutoriel, pour réaliser ce gabarit d’article, nous utiliserons Divi d’Elegant Themes et son très pratique Thème Builder.
Divi est un super outil et je vous le recommande fortement si vous êtes débutant car il vous permettra designer facilement et visuellement les pages de votre site web. Créer un site web WordPress devient un jeu d’enfant 😊
Ce tuto WordPress Divi épisode 16 fait suite au 15 où je vous expliquais comment intégrer un blog dans votre site Internet WordPress, je repars d’ailleurs du même site web et donc de la même situation. Ce tutoriel est également sur ma chaîne, voici son lien :
• Comment créer une page...
Vous aimez mon travail ? Ici, vous pouvez m'offrir un café ☕😃
➡️ bit.ly/payez-m...
------------------------------------------------------------------------
LIENS ÉVOQUÉS DANS LA VIDÉO : 🔍
👁️ DIVI, le super thème et Visual Builder pour WordPress :
𝗗𝗲𝗽𝘂𝗶𝘀 𝗹𝗮 𝗽𝗮𝗿𝘂𝘁𝗶𝗼𝗻 𝗱𝗲 𝗰𝗲𝘁𝘁𝗲 𝘃𝗶𝗱𝗲́𝗼, 𝗹𝗮 𝗽𝗼𝗹𝗶𝘁𝗶𝗾𝘂𝗲 𝗱'𝗘𝗹𝗲𝗴𝗮𝗻𝘁 𝗧𝗵𝗲𝗺𝗲 𝗮 𝗰𝗵𝗮𝗻𝗴𝗲́ 𝗲𝘁 𝗹𝗮 𝗿𝗲́𝗱𝘂𝗰𝘁𝗶𝗼𝗻 𝗱𝗲 𝗗𝗶𝘃𝗶 𝗱𝗲 -𝟮𝟬 % 𝗻'𝗲𝘀𝘁 𝗽𝗹𝘂𝘀 𝗱𝗶𝘀𝗽𝗼𝗻𝗶𝗯𝗹𝗲. 𝗘𝗹𝗹𝗲 𝗲𝘀𝘁 𝗽𝗮𝘀𝘀𝗲́𝗲 𝗮̀ -𝟭𝟬% 𝗰𝗲 𝗾𝘂𝗶 𝗿𝗲𝘀𝘁𝗲 𝘁𝗼𝘂𝗷𝗼𝘂𝗿𝘀 𝗶𝗻𝘁𝗲́𝗿𝗲𝘀𝘀𝗮𝗻𝘁 😉
➡️ bit.ly/Divi-Pr... -10% sur votre licence ! 💗
➡️ bit.ly/divi-cl... Divi lien classique
------------------------------------------------------------------------
RECOMMANDATIONS ET BONS PLANS ALPA 14 : 👍
👁️ Formation WordPress Divi Webmyday, finançable jusqu’à 100% par les budgets de formation.
➡️ bit.ly/Webmyday -𝟭𝟬% avec le code promo 𝗔𝗟𝗣𝗔𝟭𝟰 💗
👁️ Hostinger : l’hébergeur de qualité aux tarifs compétitifs.
-10% sur toutes les formules avec le code ALPA14 💗
➡️ www.hostinger....
👁️ o2switch : l'hébergeur d'excellence pour votre site WordPress à 7€HT/mois en illimité
➡️ alpa14.com/o2s... -10% Code Promo : ALPA14 💗
👁️ Créez des vidéos avec Invideo IA
➡️ bit.ly/invideo-25
👁️ MailerLite : L'email marketing simple et efficace, 30 j Gratuits toutes options
➡️ bit.ly/mailerl...
👁️ duoLogo : Réalisez un logo pro, formule Gratuite
➡️ bit.ly/duologo-fr
👁️ Thinkific : Créez & vendez vos formations, 1 mois Gratuit en formule Pro
➡️ bit.ly/thinkif...
👁️ Alpa14 SEOStudio : Outils SEO Alpa14 gratuits
➡️ alpa14-seo
ALPA 14 C’EST AUSSI UN BLOG 😀
✉️ Abonnez-vous à la Newsletter pour être averti des futurs tutoriels et des nouveautés du site.
➡️ bit.ly/alpa14-...
------------------------------------------------------------------------
Pour une totale transparence, la plupart des liens de cette page sont des liens affiliés, en les utilisant, vous m'offrez une commission sur la vente et votre geste sympa compensera mes nombreuses heures de travail à concevoir ce tutoriel. Merci ! 🙂🙏.
Veuillez noter que jamais vous ne paierez plus cher que directement sur le site de l'éditeur. Voire parfois moins cher 👍.
Formidable ! Exactement ce dont j'avais besoin !
Merci pour vos excellentes vidéos et bravo pour votre pédagogie
Merci. Avec plaisir 👍
Encore merci... j'ai cherché pas mal de temps avant de trouver cet excellent tutoriel pour un gabarit d'article ! 👍
Parfait 😉👍
Nickel, clair, net et précis. Merci.
Merci ! Avec plaisir 😊
N'hésitez pas à vous abonner à la chaîne si ce n'est pas déjà fait pour ne rien rater des futurs tutoriels.
Bonjour, merci pour votre pédagogie ! Tout est clair bien expliqué, bien présenté, bien décliné ! Excellent !
Merci, avec plaisir 👍😃
Je te remercie pour cette vidéo, excellent tuto
Merci à toi
Super tuto, clair et préçis, la voie parfaite
Avec plaisir ;)
Merci pour vos tutos (à revoir) qui ont terminés de me convaincre de prendre Divi pour faire mon prochain site. Je vais utiliser votre lien pour les 20% !
Merci à vous Emmanuel 😊
Bonne continuation !
Trop bien ! Ça me manquait ! Merci !
Avec plaisir Aline, bon we 😊👍
vraiment au top :), ce qui serais génial après tout ça ^^. C'est de prendre des sites conçu grâce à vos tutos et de voir ce qu'on peu améliorer ^^
Merci T,hierry !
Ah, ah oui :)
@@Alpa14 tiens, d'ailleurs comment on peut te partager nos création et avoir ton retour sans pollué de lien ici?
@@thierryvm Pas de souci, tu peux me l'envoyer via le formulaire de contact de mon site alpa14.com
@@Alpa14 ok, merci
@@Alpa14 Salut, peux-tu me confirmer que tu as bien reçu mon message depuis ton site que j'ai envoyé il y a quelques jours pls :)
Merci
Avec plaisir
Bonjour ! Et merci pour pour ta pédagogie qui nous aide beaucoup. J'ai une question : comment faire pour avoir trois colonnes d'articles + la barre latérale de recherche / catégories à côté sur la page principale "blog". Actuellement je n' ai que deux colonnes + la barre latérale. Merci !
Super vidéo merci beaucoup à vous!
Petite question , ou pouvons nous modifier le texte du bouton "submit comment" du module commentaire ? Pour pouvoir y inscrire ce que l'on souhaite.
Par avance merci ! :)
Bonjour,
Merci pour votre message et désolé pour pour le retard.
Je reçois énormément de questions et je peux malheureusement pas répondre à toutes, je n'ai pas le temps... . La création de tutoriels m'occupe beaucoup. 😅
J'espère que vous comprendrez et que vous pourrez trouver une réponse à votre question dans une de mes vidéos ou ailleurs.
Amicalement
Alain
Merci pour cette présentation qui va simplifier la mise en forme des articles de notre site blog.
Nous avions fait développé un site via Xtra mais pas vraiment utilisé
Pas de contre indication pour la mise en place d'un cocon sémantique ?
Y a pas de quoi, avec plaisir 😊
Non, pas de contre indication à créer 1 cocon sémantique 👍
@@Alpa14 et concernant le template Xtra qu'on avaient choisi pour être orienté blog un peu avant la sortie du theme builder de divi ; est-ce toujours utile ?
Bravo , exposé net et précis,J'aurais une question pour mon site:pourquoi mon image mise en avant n'apparait pas dans mon article.Merci.
Bonjour Patrick,
Merci !
Pour l'image présentée de l'article, quand vous êtes dans le Divi Builder, cliquez sur le petit disque violet avec les 3 points blancs au bas de la page de votre article, puis sur l'engrenage et vérifiez si votre image présentée n'est pas présente. Si elle ne l'est pas, ajoutez-la. Ca devrait marcher.
Bonne continuation
Merci de vous abonner à la chaine si ce n'est pas déjà fait pour être averti des futurs tutos :)
Bonjour Alpha14, merci pour ce tuto très bien expliqué. Je me retrouve, malgré toutes vos bonnes explications, avec un corps personnalisé du thème builder qui est automatiquement modifié lorsque je crée un article:
Disons que je crée le corps personnalisé du thème builder avec simplement un titre dynamique et une barre latérale.
Lorsque je crée un nouvel article, je retrouve bien le corps personnalisé, auquel j'ajoute du texte et une image. Je l'enregistre en brouillon ou je le publie.
Si je retourne sur le corps personnalisé du thème builder, son contenu a changé: le texte et l'image que j'ai ajoutés à l'article s'y retrouvent !
Si je crée un nouvel article, c'est le contenu de l'article précédent qui s'affiche par défaut (normal puisqu'il est maintenant enregistré en tant que corps personnalisé dans le thème builder). Si je modifie ce nouvel article, c'est cette modification qui se retrouve désormais en corps personnalisé du thème builder... Et qui vient écraser le contenu de mon/mes article(s) précédent(s)
Avez-vous une idée de ce qui se passe ? merci !
Bonjour,
Merci pour votre message et votre fidélité 😊.
Malheureusement, je reçois trop de messages et je ne peux pas répondre à tous.
J'espère que vous pourrez trouver une solution à votre problème peut-être dans un prochain tutoriel.
Désolé, merci de votre compréhension et bonne continuation. 👋
Alain
Bonjour, j'ai tout fait pareil, d'ailleurs vidéo au tooop, mais quand j'actualise ma page pour voir le résultat final, un message dans un encart bleu s'affiche. Ca dit "Aucun résultat
La page demandée est introuvable. Essayez d'affiner votre recherche ou utilisez le panneau de navigation ci-dessus pour localiser l'article." que faire svp ? Merci.
EDIT : j'ai réussi à régler le problème en supprimant tous les articles qui étaient déjà présents avant de faire la mise en page et en en recréant de nouveaux, et ça a marché. ^^
Merci pour cette vidéo.
Bonjour,
Merci pour votre message.😊 Malheureusement, je ne peux pas répondre à tous car j'en reçois trop...
J'espère que vous pourrez trouver réponse à votre problème dans un de mes tutoriels (ou dans 1 futur).
J'espère que vous comprendrez, encore désolé. Merci de votre fidélité à la chaîne, bonne continuation 😃👍
Alain
Trop bien expliqué, merci beaucoup ! Sauf que chez moi, lorsque j'insère le module "commentaires", je ne vois pas les champs :( Avez-vous une idée pourqoui ? Merci
Merci 😊, si vous faites log out en haut à droite et que vous sortez de votre back office WP, les champs devraient apparaître. Sinon si vs ne voulez pas sortir, essayer d'afficher la page dans 1 autre navigateur.
N'hésitez pas à vous abonner à la chaîne si ce n'est pas déjà fait pour ne rien rater des futurs tutos.
Bonne soirée 👋😊
@@Alpa14 Merci de votre retour, c'est gentil :) Oui, effectivement, si je quitte le backend ou si j'ouvre l'article dans un nouvel onglet, je vois les rubriques. Mais lorsque je les modifie, c'est embêtant d'aller chaque fois sur un autre onglet pour vérifer. Ca me fait ça sur Chrome et Firefox. J'aurais juste été curieuse de comprendre le pourquoi ;) Et oui, je suis abonnée, vos vidéos sont vraiment excellentes ! Merci
@@andreaandreia7644 Ah oui, je comprends. Mais je pense qu'il y a pad le choix.
Super pour l'abonnement, heureux d'apprendre que vous appréciez les tutos.
Bonne continuation Andrea 👋
@@Alpa14 Merci, à vous aussi. Je me réjouis déjà de la suite ! :)
Bonjour. Merci pour ce tutoriel. J'ai trouvé la réponse de comment utiliser le template Divi de blog une fois créé.
Par contre j'ai un problème: actuellement j'utilise le template d'article de blog par défaut de WordPress, dans lequel j'ai construit le contenu des articles avec Divi Builder.
Lorsque j'applique le template de blog Divi, le contenu de mes articles n'est pas repris :/
Est-ce normal ?
Bonjour, comment faites-vous svp, pour changer le texte du bouton du formulaire ? quand je clique sur le bouton et que je vais dans contenu, il n'y a pas de possibilité de changer le texte et dans le style non plus je ne peux que changer la couleur.
trés bien expliqué, mais j'ai un soucis avec l'affichage des articles sur téléphone, les deux marges du téléphone reste vide ce qui rend le texte minuscule .merci
Bonjour Bachir,
Vous pouvez régler sans doute ca dans Style > Espacement de la rangée ou du module en jouant sur les marges, dans Style > Espacement cliquez ensuite sur l'icône du téléphone et tout à droite choisissez l'affichage téléphone. Les modifications apportées ici s'appliqueront uniquement à la vue téléphone.
Bonjour Alain, voilà j'ai suivi vos tutos, le hic, je me suis perdue, et j'ai créer la bannière comme indiquée mais je n'ais pas fait suffisamment attention et désormais si je change une page toutes les pages auront la même bannière à savoir Accueil ou à propos. Comment changer ceci sans avoir besoin de tout recommencer de 0... merci d'avance de prendre le temps de m'indiquer la marche à suivre. Anita
Mille merci Alpa14.
La fin de la vidéo, je ne savais pas que l'on pouvait faire cela. Une plus joli mise en page maintenant.
J'ai une petite question. Est-ce que quelqu'un sait comment on fait pour avoir les articles sous la page blog dans les permaliens et non sous la page accueil.
J'ai une boutique et je voudrai avoir des liens plus esthétiques.
Cela ferait monsite/blog/article ou monsite/boutique/produit
Bonsoir,
Merci à vous ;)
Créez une page Blog et activez le module Blog de Divi sur cette page. Je l'explique dans ce tuto
th-cam.com/video/p6YE8wPjkx4/w-d-xo.html
pour personnaliser vos permaliens, vous pouvez le faire dans Réglages > Permaliens
@@Alpa14 Merci pour la réponse. En gros tout avait été déjà fait. Sauf de rajouter monsite/blog/article dans les permaliens. Je suis content en rajoutant /blog/ cela m'a permit d'avoir l'url que je souhaite. Pareil pour la boutique. Cela m'ennuyait d'avoir monsite/boutique/archive.
J'adore vos tutoriels. Vous m'apprenez des choses que je ne savais pas et je vous en remercie.
Continuer vous êtes votre travail, c'est super enrichissant.
@@badandgessthenaturalforyou7757 Avec plaisir, heureux d'avoir pu vous aider 👍😊
Bonjour
Comment se fait il que mes articles soit bien alignés en haut, mais pas en bas. Est ce un problème de titre plus ou moins long?
Merci de votre réponse et pour tous ces tutos
Bonjour,
Merci pour votre message. Je reçois énormément de messages et malheureusement, je ne peux pas répondre à tous. J'espère que vous comprendrez et que vous pourrez trouver une réponse à votre problème dans un de mes tutoriels existant ou dans un autre à venir.
Encore désolé et merci de votre fidélité.
Bonne continuation
Bien cordialement
Alain 🙂
bonjour Alain, suite à une mise à jour le module "publier un contenu" aurait-il disparu?
Car ce module n'est pas présent pour moi. Je suis pourtant bien dans le theme builder.
il semble y avoir des problèmes pour modifier dans theme builder depuis la mise à jour ce matin.
Bonjour :)
Dans le Theme Builder, il n'y a pas de bouton "Publier un contenu", Il faut sauvegarder en bas `droite puis une fois dans le tableau de depart des modèles du Theme Builder cliquer sur " Toutes les modifications enregistrées"
Bonjour, j'ai un souci quand je fais un article cela le duplique dans mes autres articles. J'avais deux articles, en ecrivant le second, ca remplace le premier et je me retrouve avec deux articles identitques... Help plz
Bonjour,
Vous devez sans doute écrire vos articles dans votre modèle du thème Builder. (Qui est 1 modèle global)
Dans le Thème Builder c'est uniquement la mise en page sans son contenu qui doit y figurer. Pour écrire 1 article vous devez le faire dans "Articles"
Super tuto! Cependant, j'ai un soucis lors de la publication de mes articles. Lorsque je souhaite créer un article en utilisant le divi builder, mon texte ne s'affiche pas, alors que lorsque je créer un article en utilisant l'interface "utiliser la mise en forme par defaut" de wordpress, mon article est bien créer avec la bonne mise en page faite dans le theme builder. Merci
Bonjour Sébastien,
Merci !
Avez-vous créé 1 gabarit â l'aide du thème builder ?
@@Alpa14 Oui. dans mon gabarit je récupère mon image et mon titre de mon article (et ça, je n'ai pas de probleme), mais par contre le texte ne s'affiche pas alors que dans mon gabarit, j'ai bien mon module publier un contenu qui est présent
@@sebastienbremont1958 Hum, curieux, essaie de vider ton cache.
Essaie aussi dans Divi > Option du Thème > Créateur > Avancé > Génération de fichiers CSS statiques (désactive cette option)
Je revois avec intérêt tes vidéos, il y a sur le sujet d'un "espace blog , la vidéo 3, 15 et 16
Lesquelles sont les plus adaptées pour créer un sous répertoire blog sur un site Divi pré-existant ?
Par avance merci pour ta réponse
Bonjour,
Merci pour votre message.😊 Malheureusement, je ne peux pas répondre à tous car j'en reçois trop...
J'espère que vous pourrez trouver réponse à votre problème dans un de mes tutoriels (ou dans 1 futur).
J'espère que vous comprendrez, encore désolé. Merci de votre fidélité à la chaîne, bonne continuation 😃👍
Alain
Super vidéo. Par contre je ne sais pas pour quelle raison mais lorsque je choisi publier un contenu, cela me met une page de mon site dans son entièreté avec les menus header et footer, et cette page se retrouve imbriquée dans ma page. Bref impossible de trouver la solution, si jamais vous avez une info jsuis preneuse
Bonjour,
Merci pour votre message.😊 Malheureusement, je ne peux pas répondre à tous car j'en reçois trop...
J'espère que vous pourrez trouver réponse à votre problème dans un de mes tutoriels (ou dans 1 futur).
J'espère que vous comprendrez, encore désolé. Merci de votre fidélité à la chaîne, bonne continuation 😃👍
Alain
@@Alpa14 bonsoir oui j’avais pu trouver la solution 😊, je comprends oui vous en faites pas. Bonne soirée
@@ohannadesign1632 Merci 👍😊
Bonjour, concernant les articles. Y 'a t'il un moyen de modifier le nom de l'auteur ?
Bonjour,
Merci pour votre message. Je reçois énormément de messages et malheureusement, je ne peux pas répondre à tous. J'espère que vous comprendrez et que vous pourrez trouver une réponse à votre problème dans un de mes tutoriels existant ou dans un autre à venir.
Encore désolé et merci de votre fidélité.
Bonne continuation
Bien cordialement
Alain 🙂
Mais pourquoi ca modifie tous les articles ? Meme le contenu est modifié pour correspondre exactement à ce qu'il y a dans le contenu du gabarit sur divi....
J'ai compris mon erreur, j'avais fais un gabarit d'article sur la base d'un article et moi qui croyait modifier un article unique, tous mes articles se modifient car le contenu existe en tant que gabarit d'article. Bonne lecon pour moi...
j'ai un soucis et je n'arrive pas trouver comment y remédier mon module commentaire ne s'active pas il affiche juste 0 commentaires et pas de possibilité d'en laisser pourtant les réglages sont bien paramétré... j'utilise wordpress/divi/woocommerce/jetpack
Bonjour,
Merci pour votre message.😊 Malheureusement, je ne peux pas répondre à tous car j'en reçois trop...
J'espère que vous pourrez trouver réponse à votre problème dans un de mes tutoriels (ou dans 1 futur).
J'espère que vous comprendrez, encore désolé. Merci de votre fidélité à la chaîne, bonne continuation 😃👍
Alain