https://wiki.divifree.com/api.php?action=feedcontributions&feedformat=atom&user=Loribel 2026-06-10T03:56:19Z User contributions MediaWiki 1.39.1 https://wiki.divifree.com/index.php?title=Chat_GPT_-_Analyse_Vid%C3%A9o&diff=142 2023-04-27T14:25:23Z

<p>Loribel: /* Prompt pour demander */</p> <hr /> <div>=Prompt pour demander=<br /> ==Contexte==<br /> Je suis Gregory, Catalyseur Numérique, un expert web avec WordPress et Divi. J'aide, j'accompagne et j'outille les entrepreneurs et dev pour obtenir plus de résultat et plus d'impact. <br /> Mes cibles de clients : <br /> * Principalement des entrepreneurs inspirants et indépendants avec des connaissances limitées en techniques web, qui cherchent à maximiser leur impact et leurs résultats en ligne.<br /> * Également aider ceux qui changent de carrière et veulent devenir développeurs web ou travailler dans le secteur.<br /> * je veux aussi mettre en avant votre expertise pour des projets plus importants, en vous spécialisant dans les sites de type &quot;catalogues&quot;.<br /> Je partage des trucs astuces et tuto entre autre sur ma chaîne YouTube. <br /> J'utilise YouTube, Facebook, LinkedIn et bientôt Instagram. <br /> Je veux que tu sois mon assistant pour construire ma stratégie et m'aider dans ma rédaction en général. <br /> Dans mes demande de script utilise le &quot;Je&quot; et le &quot;Vous&quot; avec un ton amical, chaleureux empathique et professionnel. <br /> As-tu besoin d'autres infos pour que tu puisses m'aider ? <br /> <br /> ==Donner le Script==<br /> Je vais te donner un script d'une vidéo YouTube rn plusieurs parties (Traduite de l'anglais) .<br /> Ne répond rien pour le moment. Une fois le script complet transmis, je vais te poser des questions en rapport avec le script.<br /> Quand je vais Écrire &quot;FINI&quot; Le script est terminé<br /> <br /> ==Ton de la vidéo==<br /> Peux-tu me lister les éléments pour décrire le ton de cette vidéo<br /> Ajoute pour chaque point une explication plus générale pour s'appliquer à d'autres thématiques que celle présentée dans la vidéo mais qui reste dans le domaine du Web Design ou du développement Web <br /> <br /> ==Structure==<br /> Peux-tu me décrire la structure de la vidéo, y compris en mentionnant les appel à l'action si présents<br /> <br /> =Réponse=<br /> ==Ton d'une vidéo de présentation (ex Web Design)==<br /> * Éducatif : La vidéo vise à enseigner aux spectateurs des techniques, des principes ou des outils pertinents pour améliorer leurs compétences en matière de Web Design ou de développement Web.<br /> <br /> * Conversationel : Le narrateur utilise un langage informel et engageant, s'adressant directement aux spectateurs et facilitant ainsi la compréhension des concepts abordés.<br /> <br /> * Enthousiaste : Le narrateur montre de l'enthousiasme pour le sujet et encourage les spectateurs à appliquer les conseils et les connaissances partagés dans leurs propres projets.<br /> <br /> * Pratique : La vidéo fournit des exemples concrets et des études de cas pour aider les spectateurs à comprendre comment appliquer les concepts et les techniques présentés dans différents contextes de Web Design ou de développement Web.<br /> <br /> * Encourageant : Le narrateur soutient que l'application des connaissances et des conseils présentés peut améliorer considérablement la qualité des projets des spectateurs et les encourage à expérimenter et à apprendre.<br /> <br /> * Amical : Le ton du narrateur est chaleureux et accueillant, créant une atmosphère agréable pour les spectateurs et facilitant l'apprentissage.<br /> <br /> * Accessible : La vidéo est structurée de manière à ce que les concepts soient faciles à comprendre, même pour les personnes qui ne sont pas familières avec le Web Design ou le développement Web.<br /> <br /> * Visuel : La vidéo utilise des images, des démonstrations et des exemples visuels pour illustrer les concepts présentés et montrer comment appliquer les techniques et les outils dans des projets réels.<br /> <br /> * Interactive : Le narrateur invite les spectateurs à poser des questions et à donner leur avis dans les commentaires, favorisant ainsi l'interaction entre la communauté et créant un sentiment d'engagement.<br /> <br /> * Inspirant : En montrant des exemples de réussite et en soulignant l'importance d'appliquer les connaissances et les techniques présentées, la vidéo inspire les spectateurs à repenser leurs propres projets et à s'efforcer d'améliorer leurs compétences en Web Design et en développement Web.<br /> <br /> ==Structure==<br /> <br /> # Introduction : Présentez le sujet de la vidéo et expliquez son importance ou sa pertinence dans le contexte du Web Design ou du développement Web.<br /> <br /> # Appel à l'action initial : Encouragez les spectateurs à aimer la vidéo, à s'abonner à la chaîne et à activer les notifications pour être informés des futures vidéos.<br /> <br /> # Explication du concept principal : Présentez et expliquez le concept principal ou la technique que vous souhaitez enseigner aux spectateurs, en utilisant des exemples visuels ou des démonstrations pratiques pour faciliter la compréhension.<br /> <br /> # Analyse d'une étude de cas : Examinez un exemple réel ou fictif pour montrer comment le concept principal peut être appliqué et comment il peut améliorer l'aspect et la convivialité d'un projet de Web Design ou de développement Web.<br /> <br /> # Autres exemples et variations : Présentez plusieurs autres exemples d'applications du concept principal, montrant comment il peut être adapté ou modifié légèrement pour convenir à différentes esthétiques et styles de conception.<br /> <br /> # Appel à l'action final : Encouragez les spectateurs à poser des questions ou à laisser des commentaires, à aimer la vidéo et à s'abonner à la chaîne pour plus de contenu similaire sur le Web Design ou le développement Web.<br /> <br /> # Conclusion : Concluez en souhaitant aux spectateurs une bonne continuation dans leurs projets et en les encourageant à appliquer les connaissances acquises dans leurs propres travaux de Web Design ou de développement Web.</div>

Loribel https://wiki.divifree.com/index.php?title=Chat_GPT_-_Analyse_Vid%C3%A9o&diff=141 2023-04-27T14:13:52Z

<p>Loribel: /* Prompt pour demander */</p> <hr /> <div>=Prompt pour demander=<br /> ==Contexte==<br /> Je suis Gregory, Catalyseur Numérique, un expert web avec WordPress et Divi. J'aide, j'accompagne et j'outille les entrepreneurs et dev pour obtenir plus de résultat et plus d'impact. <br /> Je partage des trucs astuces et tuto entre autre sur ma chaîne YouTube. <br /> J'utilise YouTube, Facebook, LinkedIn et bientôt Instagram. <br /> Je veux que tu sois mon assistant pour construire ma stratégie et m'aider dans ma rédaction en général. <br /> Dans mes demande de script utilise le &quot;Je&quot; et le &quot;Vous&quot; avec un ton amical, chaleureux empathique et professionnel. <br /> As-tu besoin d'autres infos pour que tu puisses m'aider ? <br /> <br /> ==Donner le Script==<br /> Je vais te donner un script d'une vidéo YouTube rn plusieurs parties (Traduite de l'anglais) .<br /> Ne répond rien pour le moment. Une fois le script complet transmis, je vais te poser des questions en rapport avec le script.<br /> Quand je vais Écrire &quot;FINI&quot; Le script est terminé<br /> <br /> ==Ton de la vidéo==<br /> Peux-tu me lister les éléments pour décrire le ton de cette vidéo<br /> Ajoute pour chaque point une explication plus générale pour s'appliquer à d'autres thématiques que celle présentée dans la vidéo mais qui reste dans le domaine du Web Design ou du développement Web <br /> <br /> ==Structure==<br /> Peux-tu me décrire la structure de la vidéo, y compris en mentionnant les appel à l'action si présents<br /> <br /> =Réponse=<br /> ==Ton d'une vidéo de présentation (ex Web Design)==<br /> * Éducatif : La vidéo vise à enseigner aux spectateurs des techniques, des principes ou des outils pertinents pour améliorer leurs compétences en matière de Web Design ou de développement Web.<br /> <br /> * Conversationel : Le narrateur utilise un langage informel et engageant, s'adressant directement aux spectateurs et facilitant ainsi la compréhension des concepts abordés.<br /> <br /> * Enthousiaste : Le narrateur montre de l'enthousiasme pour le sujet et encourage les spectateurs à appliquer les conseils et les connaissances partagés dans leurs propres projets.<br /> <br /> * Pratique : La vidéo fournit des exemples concrets et des études de cas pour aider les spectateurs à comprendre comment appliquer les concepts et les techniques présentés dans différents contextes de Web Design ou de développement Web.<br /> <br /> * Encourageant : Le narrateur soutient que l'application des connaissances et des conseils présentés peut améliorer considérablement la qualité des projets des spectateurs et les encourage à expérimenter et à apprendre.<br /> <br /> * Amical : Le ton du narrateur est chaleureux et accueillant, créant une atmosphère agréable pour les spectateurs et facilitant l'apprentissage.<br /> <br /> * Accessible : La vidéo est structurée de manière à ce que les concepts soient faciles à comprendre, même pour les personnes qui ne sont pas familières avec le Web Design ou le développement Web.<br /> <br /> * Visuel : La vidéo utilise des images, des démonstrations et des exemples visuels pour illustrer les concepts présentés et montrer comment appliquer les techniques et les outils dans des projets réels.<br /> <br /> * Interactive : Le narrateur invite les spectateurs à poser des questions et à donner leur avis dans les commentaires, favorisant ainsi l'interaction entre la communauté et créant un sentiment d'engagement.<br /> <br /> * Inspirant : En montrant des exemples de réussite et en soulignant l'importance d'appliquer les connaissances et les techniques présentées, la vidéo inspire les spectateurs à repenser leurs propres projets et à s'efforcer d'améliorer leurs compétences en Web Design et en développement Web.<br /> <br /> ==Structure==<br /> <br /> # Introduction : Présentez le sujet de la vidéo et expliquez son importance ou sa pertinence dans le contexte du Web Design ou du développement Web.<br /> <br /> # Appel à l'action initial : Encouragez les spectateurs à aimer la vidéo, à s'abonner à la chaîne et à activer les notifications pour être informés des futures vidéos.<br /> <br /> # Explication du concept principal : Présentez et expliquez le concept principal ou la technique que vous souhaitez enseigner aux spectateurs, en utilisant des exemples visuels ou des démonstrations pratiques pour faciliter la compréhension.<br /> <br /> # Analyse d'une étude de cas : Examinez un exemple réel ou fictif pour montrer comment le concept principal peut être appliqué et comment il peut améliorer l'aspect et la convivialité d'un projet de Web Design ou de développement Web.<br /> <br /> # Autres exemples et variations : Présentez plusieurs autres exemples d'applications du concept principal, montrant comment il peut être adapté ou modifié légèrement pour convenir à différentes esthétiques et styles de conception.<br /> <br /> # Appel à l'action final : Encouragez les spectateurs à poser des questions ou à laisser des commentaires, à aimer la vidéo et à s'abonner à la chaîne pour plus de contenu similaire sur le Web Design ou le développement Web.<br /> <br /> # Conclusion : Concluez en souhaitant aux spectateurs une bonne continuation dans leurs projets et en les encourageant à appliquer les connaissances acquises dans leurs propres travaux de Web Design ou de développement Web.</div>

Loribel https://wiki.divifree.com/index.php?title=Main_Page&diff=140 2023-04-27T13:39:03Z

<p>Loribel: </p> <hr /> <div>==Divi Free==<br /> * [[DF Facebook]] : Groupes Facebook pour Divi<br /> * [[DF-CSS]]<br /> * [[DF Scripts]]<br /> <br /> ==Divi==<br /> * [[Divi]]<br /> * [[Breakpoints]]<br /> <br /> ==Chat GPT==<br /> * [[Chat GPT]]<br /> ** [[Chat GPT - Analyse Vidéo]]<br /> <br /> <br /> ==Tools==<br /> * [[Purge CSS]]<br /> * [[React]]<br /> <br /> ==Divers==<br /> * [[YouTube]]<br /> <br /> <br /> == Getting started ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</div>

Loribel https://wiki.divifree.com/index.php?title=Chat_GPT_-_Analyse_Vid%C3%A9o&diff=139 2023-04-27T13:34:10Z

<p>Loribel: Created page with &quot;=Prompt pour demander= ==Donner le Script== Je vais te donner un script d'une vidéo YouTube rn plusieurs parties (Traduite de l'anglais) . Ne répond rien pour le moment. Une fois le script complet transmis, je vais te poser des questions en rapport avec le script. Quand je vais Écrire &quot;FINI&quot; Le script est terminé ==Ton de la vidéo== Peux-tu me lister les éléments pour décrire le ton de cette vidéo Ajoute pour chaque point une explication plus générale pour s...&quot;</p> <hr /> <div>=Prompt pour demander=<br /> ==Donner le Script==<br /> Je vais te donner un script d'une vidéo YouTube rn plusieurs parties (Traduite de l'anglais) .<br /> Ne répond rien pour le moment. Une fois le script complet transmis, je vais te poser des questions en rapport avec le script.<br /> Quand je vais Écrire &quot;FINI&quot; Le script est terminé<br /> <br /> ==Ton de la vidéo==<br /> Peux-tu me lister les éléments pour décrire le ton de cette vidéo<br /> Ajoute pour chaque point une explication plus générale pour s'appliquer à d'autres thématiques que celle présentée dans la vidéo mais qui reste dans le domaine du Web Design ou du développement Web <br /> <br /> ==Structure==<br /> Peux-tu me décrire la structure de la vidéo, y compris en mentionnant les appel à l'action si présents<br /> <br /> <br /> =Réponse=<br /> ==Ton d'une vidéo de présentation (ex Web Design)==<br /> * Éducatif : La vidéo vise à enseigner aux spectateurs des techniques, des principes ou des outils pertinents pour améliorer leurs compétences en matière de Web Design ou de développement Web.<br /> <br /> * Conversationel : Le narrateur utilise un langage informel et engageant, s'adressant directement aux spectateurs et facilitant ainsi la compréhension des concepts abordés.<br /> <br /> * Enthousiaste : Le narrateur montre de l'enthousiasme pour le sujet et encourage les spectateurs à appliquer les conseils et les connaissances partagés dans leurs propres projets.<br /> <br /> * Pratique : La vidéo fournit des exemples concrets et des études de cas pour aider les spectateurs à comprendre comment appliquer les concepts et les techniques présentés dans différents contextes de Web Design ou de développement Web.<br /> <br /> * Encourageant : Le narrateur soutient que l'application des connaissances et des conseils présentés peut améliorer considérablement la qualité des projets des spectateurs et les encourage à expérimenter et à apprendre.<br /> <br /> * Amical : Le ton du narrateur est chaleureux et accueillant, créant une atmosphère agréable pour les spectateurs et facilitant l'apprentissage.<br /> <br /> * Accessible : La vidéo est structurée de manière à ce que les concepts soient faciles à comprendre, même pour les personnes qui ne sont pas familières avec le Web Design ou le développement Web.<br /> <br /> * Visuel : La vidéo utilise des images, des démonstrations et des exemples visuels pour illustrer les concepts présentés et montrer comment appliquer les techniques et les outils dans des projets réels.<br /> <br /> * Interactive : Le narrateur invite les spectateurs à poser des questions et à donner leur avis dans les commentaires, favorisant ainsi l'interaction entre la communauté et créant un sentiment d'engagement.<br /> <br /> * Inspirant : En montrant des exemples de réussite et en soulignant l'importance d'appliquer les connaissances et les techniques présentées, la vidéo inspire les spectateurs à repenser leurs propres projets et à s'efforcer d'améliorer leurs compétences en Web Design et en développement Web.<br /> <br /> ==Structure==<br /> <br /> # Introduction : Présentez le sujet de la vidéo et expliquez son importance ou sa pertinence dans le contexte du Web Design ou du développement Web.<br /> <br /> # Appel à l'action initial : Encouragez les spectateurs à aimer la vidéo, à s'abonner à la chaîne et à activer les notifications pour être informés des futures vidéos.<br /> <br /> # Explication du concept principal : Présentez et expliquez le concept principal ou la technique que vous souhaitez enseigner aux spectateurs, en utilisant des exemples visuels ou des démonstrations pratiques pour faciliter la compréhension.<br /> <br /> # Analyse d'une étude de cas : Examinez un exemple réel ou fictif pour montrer comment le concept principal peut être appliqué et comment il peut améliorer l'aspect et la convivialité d'un projet de Web Design ou de développement Web.<br /> <br /> # Autres exemples et variations : Présentez plusieurs autres exemples d'applications du concept principal, montrant comment il peut être adapté ou modifié légèrement pour convenir à différentes esthétiques et styles de conception.<br /> <br /> # Appel à l'action final : Encouragez les spectateurs à poser des questions ou à laisser des commentaires, à aimer la vidéo et à s'abonner à la chaîne pour plus de contenu similaire sur le Web Design ou le développement Web.<br /> <br /> # Conclusion : Concluez en souhaitant aux spectateurs une bonne continuation dans leurs projets et en les encourageant à appliquer les connaissances acquises dans leurs propres travaux de Web Design ou de développement Web.</div>

Loribel https://wiki.divifree.com/index.php?title=Chat_GPT&diff=138 2023-04-27T13:21:07Z

<p>Loribel: Created page with &quot;==Prompts pour Vidéo== * Chat GPT - Analyse Vidéo&quot;</p> <hr /> <div>==Prompts pour Vidéo==<br /> <br /> * [[Chat GPT - Analyse Vidéo]]</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=137 2023-04-26T01:30:04Z

<p>Loribel: /* Prompts GPT */</p> <hr /> <div>=Prompts GPT=<br /> ==Script Vidéo==<br /> Faire un script pour une vidéo YouTube de 5 à 10 mn<br /> <br /> Style de la vidéo informatif et pédagogique, facilitant la compréhension des spectateurs sur la bonne utilisation de Divi et des ses fonctionnalités avancées et comment cela peut améliorer leur productivité et leur créativité.<br /> <br /> Style à appliquer au script de la vidéo:<br /> * Explications claires: Le présentateur explique clairement les fonctionnalités <br /> * Démonstrations en direct: La vidéo présente des démonstrations en direct de l'utilisation aidant les spectateurs à mieux comprendre comment utiliser ces fonctionnalités.<br /> * Langage accessible: Le présentateur utilise un langage simple et accessible, rendant la vidéo facile à suivre pour les personnes qui ne sont pas familières avec les concepts techniques.<br /> * Rythme: La vidéo maintient un rythme régulier, ce qui permet aux spectateurs de suivre facilement les explications et les démonstrations.<br /> * Structure: La vidéo est bien structurée, avec une introduction aux fonctionnalités, des démonstrations et des explications détaillées <br /> <br /> ==Intro Vidéo Short==<br /> Je suis un expert web avec WordPress et Divi. Je partage des trucs astuces et tuto sur ma chaîne Youtube. Je veux faire des shorts, format de vidéo courtes pour différents réseaux sociaux. Vidéo de moins d’une minute.<br /> <br /> Peux tu m’aider à optimiser mes scripts des shorts. Je vais te donner une ébauche de script ou simplement un titre et je veux que tu me donnes un script complet pour une durée de moins d’une minute.<br /> <br /> Termine les script par cet appel à l'action : <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> As tu besoin. De plus d’info avant que je te donne le 1er script à travailler ?<br /> <br /> ==Sujet à tester==<br /> Connais tu la fonctionnalité ---- de Divi.<br /> Si oui, basés sur les conseils précédents, fait un script de type short de moins d'une minute pour partager cette astuce. <br /> Sinon je vais te donner les détails de la fonctionnalité.<br /> <br /> ==Article de blog==<br /> Faire du script suivant un article de blog.<br /> <br /> Pour l'article donne moi :<br /> * 1 titre optimisé SEO (moins de 80 caractères)<br /> * 1 slug pour l'URL optimisé SEO<br /> * 1 sous titre sous forme de TagLine<br /> * 1 bloc meta description pour le SEO<br /> * 1 introduction<br /> * 4 blocs pour pouvoir ajouter photos et ou citations entre chaque blocs.<br /> * 4 citations (extrait ou véritable citation relié avec auteur)<br /> * 1 conclusion<br /> -- SCRIPT --<br /> <br /> =Idées=<br /> # Utiliser le mode Wireframe pour une meilleure organisation : Montrez comment passer en mode Wireframe pour faciliter la navigation et la gestion des sections, rangées et modules dans Divi.<br /> # Dupliquer des éléments rapidement : Montrez comment dupliquer rapidement des sections, rangées ou modules en cliquant simplement sur l'icône &quot;Dupliquer&quot; pour gagner du temps lors de la création de pages.<br /> # Utiliser l'historique des actions pour annuler ou rétablir des modifications : Expliquez comment accéder à l'historique des actions pour annuler ou rétablir facilement des modifications effectuées dans le Divi Builder.<br /> # Verrouiller ou masquer des éléments pour éviter les modifications accidentelles : Montrez comment verrouiller ou masquer des éléments dans Divi pour éviter les modifications accidentelles lors de la conception de pages.<br /> # Utiliser la bibliothèque Divi pour sauvegarder et réutiliser des éléments : Présentez comment sauvegarder des sections, rangées ou modules dans la bibliothèque Divi pour les réutiliser plus tard sur différentes pages de votre site.<br /> # Utiliser les raccourcis clavier pour gagner du temps : Partagez quelques raccourcis clavier utiles pour effectuer rapidement des actions courantes dans le Divi Builder.<br /> # Créer des colonnes personnalisées : Montrez comment créer des colonnes personnalisées dans Divi en ajustant la largeur de chaque colonne dans une rangée pour obtenir un design unique.<br /> # Utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles : Expliquez comment utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles spécifiques sur plusieurs éléments à la fois.<br /> # Ajuster la taille des modules en fonction de l'appareil : Montrez comment définir la taille et les dimensions des modules pour différents appareils (ordinateurs de bureau, tablettes et mobiles) afin d'assurer une apparence cohérente sur tous les écrans.<br /> # Utiliser les filtres CSS pour ajouter des effets visuels : Présentez comment appliquer des filtres CSS, tels que le flou, la luminosité ou le contraste, aux images et autres éléments pour ajouter des effets visuels intéressants à vos pages.<br /> # Ajuster l'espacement entre les éléments : Montrez comment modifier facilement les marges et les espacements entre les sections, rangées et modules pour un meilleur contrôle du design.<br /> # Utiliser les ombres portées pour ajouter de la profondeur : Expliquez comment ajouter des ombres portées aux éléments pour donner de la profondeur et améliorer l'esthétique de votre site.<br /> # Créer des dégradés pour un arrière-plan unique : Montrez comment utiliser la fonctionnalité de dégradés pour créer des arrière-plans personnalisés et dynamiques pour les sections, rangées et modules.<br /> # Ajouter des animations pour rendre votre site plus attrayant : Présentez comment ajouter des animations aux éléments de votre site pour capter l'attention des visiteurs et rendre votre site plus interactif.<br /> # Utiliser le mode &quot;Responsive&quot; pour prévisualiser sur différents appareils : Montrez comment activer le mode &quot;Responsive&quot; pour prévisualiser et ajuster votre site sur différents appareils (ordinateurs de bureau, tablettes et mobiles).<br /> # Personnaliser les boutons avec des styles uniques : Expliquez comment personnaliser l'apparence des boutons, y compris la couleur, la police et la taille, pour correspondre à l'esthétique de votre site.<br /> # Créer des formes personnalisées avec les séparateurs de section : Montrez comment utiliser les séparateurs de section pour créer des formes personnalisées et ajouter une touche unique à votre design.<br /> # Ajouter des icônes pour améliorer l'expérience utilisateur : Présentez comment ajouter des icônes aux boutons, titres et autres éléments pour rendre votre site plus attrayant et améliorer l'expérience utilisateur.<br /> # Utiliser les effets de défilement pour créer des animations basées sur le défilement : Expliquez comment ajouter des effets de défilement aux éléments pour les animer lors du défilement de la page, ajoutant ainsi une touche d'interactivité à votre site.<br /> # Optimiser les images pour de meilleures performances : Montrez comment optimiser les images pour réduire leur taille de fichier et améliorer les temps de chargement de votre site, tout en préservant la qualité visuelle.<br /> # Créer des effets de parallaxe pour un design dynamique : Montrez comment ajouter des effets de parallaxe aux images et aux arrière-plans pour créer un design plus dynamique et intéressant.<br /> # Utiliser les ancres pour faciliter la navigation : Expliquez comment utiliser les ancres pour créer des liens de navigation qui dirigent les visiteurs vers des sections spécifiques de votre page.<br /> # Personnaliser la barre de navigation : Présentez comment modifier l'apparence et le comportement de la barre de navigation pour mieux correspondre au style de votre site.<br /> # Utiliser des modèles de page prédéfinis : Montrez comment importer des modèles de page prédéfinis pour accélérer le processus de création de votre site et bénéficier d'inspiration pour votre design.<br /> # Ajouter des codes courts pour intégrer des fonctionnalités supplémentaires : Expliquez comment utiliser des codes courts pour intégrer facilement des fonctionnalités supplémentaires, telles que des formulaires de contact, des galeries d'images ou des témoignages.<br /> # Créer des colonnes imbriquées pour des mises en page complexes : Montrez comment créer des colonnes imbriquées pour réaliser des mises en page plus complexes et flexibles.<br /> # Utiliser le mode &quot;split testing&quot; pour optimiser votre site : Présentez comment utiliser le mode &quot;split testing&quot; pour comparer différentes versions d'un élément et déterminer quelle version fonctionne le mieux.<br /> # Personnaliser les pieds de page : Expliquez comment personnaliser les pieds de page de votre site, y compris les widgets, les couleurs et les polices, pour correspondre à l'esthétique de votre site.<br /> # Utiliser les espaces blancs pour améliorer la lisibilité : Montrez comment utiliser les espaces blancs pour améliorer la lisibilité et l'aspect général de votre site.<br /> # Ajouter des filtres de catégorie pour organiser votre contenu : Présentez comment utiliser les filtres de catégorie pour organiser et afficher votre contenu de manière plus structurée et conviviale.<br /> # Créer des en-têtes personnalisés : Montrez comment créer des en-têtes personnalisés pour votre site en utilisant le Thème Builder, y compris la modification du logo, des menus et des éléments de contact.<br /> # Concevoir des pieds de page personnalisés : Présentez comment créer des pieds de page personnalisés avec le Thème Builder, incluant l'ajout de widgets, de liens vers les réseaux sociaux et de coordonnées.<br /> # Utiliser les modèles de publication pour un design cohérent : Expliquez comment créer des modèles de publication personnalisés pour les articles de blog afin de garantir un design cohérent sur l'ensemble de votre site.<br /> # Appliquer des modèles conditionnels : Montrez comment appliquer des modèles conditionnels pour afficher différents en-têtes, pieds de page ou modèles de publication en fonction de certaines conditions, telles que la catégorie ou le type de page.<br /> # Créer des modèles d'archive personnalisés : Présentez comment créer des modèles d'archive personnalisés pour afficher vos articles de blog ou vos projets de manière unique et attrayante.<br /> # Personnaliser les pages de produits WooCommerce : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de produits WooCommerce, en modifiant l'apparence des images, des descriptions et des boutons &quot;Ajouter au panier&quot;.<br /> # Ajouter des éléments dynamiques : Montrez comment ajouter des éléments dynamiques, tels que des titres de publication, des métadonnées et des images à la une, aux modèles du Thème Builder pour afficher automatiquement les informations pertinentes.<br /> # Créer des modèles de page 404 personnalisés : Présentez comment créer des modèles de page 404 personnalisés pour offrir une expérience utilisateur améliorée lorsqu'un visiteur tombe sur une page inexistante.<br /> # Personnaliser les pages de connexion : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de connexion de votre site, y compris les couleurs, les images et les polices.<br /> # Utiliser les modèles globaux pour faciliter les mises à jour : Montrez comment utiliser les modèles globaux pour faciliter les mises à jour sur l'ensemble de votre site, en permettant de modifier un élément à un endroit et de mettre à jour automatiquement toutes les instances de cet élément.<br /> <br /> =Scripts=<br /> <br /> ==S001-style-modifie==<br /> '''🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !'''<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S002-packs==<br /> '''Découvrez les nouveaux packs de layout Divi et leurs ressources incluses'''<br /> <br /> Salut à tous ! Aujourd'hui, je vais vous parler des nouveaux packs de layout Divi et de toutes les ressources fantastiques qu'ils incluent. 🎉<br /> <br /> Chaque fois que Divi publie un nouveau pack de layout, il est accompagné d'un article de blog détaillé qui présente non seulement les layouts, mais aussi des ressources supplémentaires telles que des images, des icônes et divers formats de fichiers. 📝🖼️<br /> <br /> Ces ressources sont offertes en formats JPG, PNG et même en AI et EPS, vous permettant de les utiliser et de les personnaliser selon vos besoins. Elles sont idéales pour donner un aspect professionnel et cohérent à votre site web. ✨<br /> <br /> De plus, ces packs de layout sont conçus pour être facilement importés et utilisés dans vos projets Divi. Vous pouvez les personnaliser et les adapter à l'identité visuelle de votre marque en quelques clics. Gain de temps garanti ! ⏱️<br /> <br /> Alors, n'hésitez pas à consulter régulièrement le blog de Divi pour découvrir leurs derniers packs de layout et les ressources offertes. Vous pourrez ainsi enrichir votre site web et impressionner vos visiteurs. 🚀<br /> <br /> C'était votre astuce rapide du jour ! <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S003-palette-couleurs==<br /> '''Configurer la palette de couleurs Divi pour un workflow fluide et efficace''' <br /> <br /> * Slug: configurer-palette-couleurs-divi-workflow<br /> * Tagline : Personnalisez votre expérience Divi avec une palette de couleurs sur mesure<br /> <br /> Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail. <br /> <br /> Je vais vous montrer comment faire en quelques étapes simples.<br /> <br /> # Allez dans le tableau de bord WordPress, puis cliquez sur &quot;Divi&quot; et sélectionnez &quot;Options du thème&quot;.<br /> # Dans l'onglet &quot;Général&quot;, faites défiler vers le bas pour trouver la section &quot;Palette de couleurs du sélecteur de couleurs&quot;.<br /> # Ici, vous pouvez définir vos couleurs préférées pour votre projet. Cliquez sur les cases de couleur et choisissez les couleurs que vous souhaitez utiliser sur votre site. Vous pouvez définir jusqu'à 8 couleurs.<br /> # Une fois vos couleurs sélectionnées, n'oubliez pas de cliquer sur &quot;Enregistrer les modifications&quot; pour sauvegarder votre palette de couleurs personnalisée.<br /> <br /> Maintenant, lorsque vous travaillerez sur votre site Divi, vous aurez accès à votre palette de couleurs personnalisée pour un choix et une application des couleurs plus rapides et plus cohérents.<br /> <br /> Dans une prochaine vidéo, je vous parlerai aussi des couleurs globales, un concept très avancée et performant de Divi.<br /> <br /> Je suis Grégory, catalyseur numérique, j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> <br /> ==S004-selection-multiple==<br /> Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !<br /> <br /> Avec cette fonctionnalité, vous pouvez facilement modifier plusieurs éléments en même temps. <br /> <br /> Voici comment faire :<br /> <br /> # Maintenez la touche Ctrl (ou Cmd sur Mac) enfoncée et cliquez sur les éléments que vous souhaitez sélectionner. Vous verrez une bordure autour des éléments sélectionnés.<br /> # Une fois vos éléments sélectionnés, cliquez sur l'icône &quot;Modifier en bloc&quot; qui apparaît en bas de l'écran. Cela ouvrira une boîte de configuration où vous pourrez modifier les paramètres communs à tous les éléments sélectionnés.<br /> # Appliquez les modifications souhaitées et cliquez sur &quot;Enregistrer&quot; pour valider.<br /> <br /> Et voilà ! Vous avez maintenant modifié plusieurs éléments en un clin d'œil avec l'édition en bloc de Divi. Cette astuce vous permettra de gagner du temps et d'améliorer votre productivité dans la conception de vos pages.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets-h1==<br /> Salut à tous ! Aujourd'hui, je vais vous montrer comment utiliser les préréglages pour définir vos styles par défaut pour les titres H1, H2 et H3 dans le module texte de Divi. C'est un excellent moyen d'assurer la cohérence de votre design dès le début de la création de votre site web.<br /> <br /> # Ouvrez le module texte où vous voulez définir les styles par défaut pour vos titres.<br /> # Cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Sélectionnez le préréglage &quot;Par défaut&quot; et cliquez sur l'icône &quot;Modifier&quot;.<br /> # Allez dans l'onglet &quot;Design&quot; et déroulez les options pour &quot;H1&quot;, &quot;H2&quot; et &quot;H3&quot;.<br /> # Personnalisez la police, la couleur et la taille pour chaque niveau de titre.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder les modifications apportées au préréglage par défaut.<br /> <br /> Maintenant, chaque fois que vous ajouterez un nouveau module texte, les styles par défaut pour les titres H1, H2 et H3 que vous avez définis seront automatiquement appliqués.<br /> <br /> N'oubliez pas de définir vos styles par défaut dès le début de la création de votre site web pour assurer une apparence cohérente et gagner du temps.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets==<br /> Salut à tous ! Aujourd'hui, je vais vous présenter une fonctionnalité très pratique dans Divi : les préréglages ou &quot;Presets&quot;. <br /> Ils vous permettront de créer des styles personnalisés et de les réutiliser facilement sur votre site.<br /> <br /> Les préréglages sont des ensembles de styles et de paramètres que vous pouvez appliquer à différents éléments, comme des modules, des rangées ou des sections. Ils vous permettent de gagner du temps et d'assurer la cohérence de votre design.<br /> <br /> Voici comment créer un préréglage :<br /> <br /> # Ouvrez un module, une rangée ou une section et cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Cliquez sur le bouton &quot;+&quot; pour ajouter un nouveau préréglage.<br /> # Nommez votre préréglage et personnalisez les styles et les paramètres selon vos besoins.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder votre préréglage.<br /> # Maintenant, pour appliquer votre préréglage à d'autres éléments, il suffit de les sélectionner, d'ouvrir la fenêtre de paramètres et de choisir le préréglage souhaité dans la liste.<br /> <br /> Les préréglages de Divi sont un outil puissant pour améliorer votre productivité et la cohérence de vos designs. Essayez-les dès maintenant !<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=136 2023-04-20T13:54:09Z

<p>Loribel: /* Scripts */</p> <hr /> <div>=Prompts GPT=<br /> ==Intro Vidéo Short==<br /> Je suis un expert web avec WordPress et Divi. Je partage des trucs astuces et tuto sur ma chaîne Youtube. Je veux faire des shorts, format de vidéo courtes pour différents réseaux sociaux. Vidéo de moins d’une minute.<br /> <br /> Peux tu m’aider à optimiser mes scripts des shorts. Je vais te donner une ébauche de script ou simplement un titre et je veux que tu me donnes un script complet pour une durée de moins d’une minute.<br /> <br /> Termine les script par cet appel à l'action : <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> As tu besoin. De plus d’info avant que je te donne le 1er script à travailler ?<br /> <br /> ==Sujet à tester==<br /> Connais tu la fonctionnalité ---- de Divi.<br /> Si oui, basés sur les conseils précédents, fait un script de type short de moins d'une minute pour partager cette astuce. <br /> Sinon je vais te donner les détails de la fonctionnalité.<br /> <br /> ==Article de blog==<br /> Faire du script suivant un article de blog.<br /> <br /> Pour l'article donne moi :<br /> * 1 titre optimisé SEO (moins de 80 caractères)<br /> * 1 slug pour l'URL optimisé SEO<br /> * 1 sous titre sous forme de TagLine<br /> * 1 bloc meta description pour le SEO<br /> * 1 introduction<br /> * 4 blocs pour pouvoir ajouter photos et ou citations entre chaque blocs.<br /> * 4 citations (extrait ou véritable citation relié avec auteur)<br /> * 1 conclusion<br /> -- SCRIPT --<br /> <br /> =Idées=<br /> # Utiliser le mode Wireframe pour une meilleure organisation : Montrez comment passer en mode Wireframe pour faciliter la navigation et la gestion des sections, rangées et modules dans Divi.<br /> # Dupliquer des éléments rapidement : Montrez comment dupliquer rapidement des sections, rangées ou modules en cliquant simplement sur l'icône &quot;Dupliquer&quot; pour gagner du temps lors de la création de pages.<br /> # Utiliser l'historique des actions pour annuler ou rétablir des modifications : Expliquez comment accéder à l'historique des actions pour annuler ou rétablir facilement des modifications effectuées dans le Divi Builder.<br /> # Verrouiller ou masquer des éléments pour éviter les modifications accidentelles : Montrez comment verrouiller ou masquer des éléments dans Divi pour éviter les modifications accidentelles lors de la conception de pages.<br /> # Utiliser la bibliothèque Divi pour sauvegarder et réutiliser des éléments : Présentez comment sauvegarder des sections, rangées ou modules dans la bibliothèque Divi pour les réutiliser plus tard sur différentes pages de votre site.<br /> # Utiliser les raccourcis clavier pour gagner du temps : Partagez quelques raccourcis clavier utiles pour effectuer rapidement des actions courantes dans le Divi Builder.<br /> # Créer des colonnes personnalisées : Montrez comment créer des colonnes personnalisées dans Divi en ajustant la largeur de chaque colonne dans une rangée pour obtenir un design unique.<br /> # Utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles : Expliquez comment utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles spécifiques sur plusieurs éléments à la fois.<br /> # Ajuster la taille des modules en fonction de l'appareil : Montrez comment définir la taille et les dimensions des modules pour différents appareils (ordinateurs de bureau, tablettes et mobiles) afin d'assurer une apparence cohérente sur tous les écrans.<br /> # Utiliser les filtres CSS pour ajouter des effets visuels : Présentez comment appliquer des filtres CSS, tels que le flou, la luminosité ou le contraste, aux images et autres éléments pour ajouter des effets visuels intéressants à vos pages.<br /> # Ajuster l'espacement entre les éléments : Montrez comment modifier facilement les marges et les espacements entre les sections, rangées et modules pour un meilleur contrôle du design.<br /> # Utiliser les ombres portées pour ajouter de la profondeur : Expliquez comment ajouter des ombres portées aux éléments pour donner de la profondeur et améliorer l'esthétique de votre site.<br /> # Créer des dégradés pour un arrière-plan unique : Montrez comment utiliser la fonctionnalité de dégradés pour créer des arrière-plans personnalisés et dynamiques pour les sections, rangées et modules.<br /> # Ajouter des animations pour rendre votre site plus attrayant : Présentez comment ajouter des animations aux éléments de votre site pour capter l'attention des visiteurs et rendre votre site plus interactif.<br /> # Utiliser le mode &quot;Responsive&quot; pour prévisualiser sur différents appareils : Montrez comment activer le mode &quot;Responsive&quot; pour prévisualiser et ajuster votre site sur différents appareils (ordinateurs de bureau, tablettes et mobiles).<br /> # Personnaliser les boutons avec des styles uniques : Expliquez comment personnaliser l'apparence des boutons, y compris la couleur, la police et la taille, pour correspondre à l'esthétique de votre site.<br /> # Créer des formes personnalisées avec les séparateurs de section : Montrez comment utiliser les séparateurs de section pour créer des formes personnalisées et ajouter une touche unique à votre design.<br /> # Ajouter des icônes pour améliorer l'expérience utilisateur : Présentez comment ajouter des icônes aux boutons, titres et autres éléments pour rendre votre site plus attrayant et améliorer l'expérience utilisateur.<br /> # Utiliser les effets de défilement pour créer des animations basées sur le défilement : Expliquez comment ajouter des effets de défilement aux éléments pour les animer lors du défilement de la page, ajoutant ainsi une touche d'interactivité à votre site.<br /> # Optimiser les images pour de meilleures performances : Montrez comment optimiser les images pour réduire leur taille de fichier et améliorer les temps de chargement de votre site, tout en préservant la qualité visuelle.<br /> # Créer des effets de parallaxe pour un design dynamique : Montrez comment ajouter des effets de parallaxe aux images et aux arrière-plans pour créer un design plus dynamique et intéressant.<br /> # Utiliser les ancres pour faciliter la navigation : Expliquez comment utiliser les ancres pour créer des liens de navigation qui dirigent les visiteurs vers des sections spécifiques de votre page.<br /> # Personnaliser la barre de navigation : Présentez comment modifier l'apparence et le comportement de la barre de navigation pour mieux correspondre au style de votre site.<br /> # Utiliser des modèles de page prédéfinis : Montrez comment importer des modèles de page prédéfinis pour accélérer le processus de création de votre site et bénéficier d'inspiration pour votre design.<br /> # Ajouter des codes courts pour intégrer des fonctionnalités supplémentaires : Expliquez comment utiliser des codes courts pour intégrer facilement des fonctionnalités supplémentaires, telles que des formulaires de contact, des galeries d'images ou des témoignages.<br /> # Créer des colonnes imbriquées pour des mises en page complexes : Montrez comment créer des colonnes imbriquées pour réaliser des mises en page plus complexes et flexibles.<br /> # Utiliser le mode &quot;split testing&quot; pour optimiser votre site : Présentez comment utiliser le mode &quot;split testing&quot; pour comparer différentes versions d'un élément et déterminer quelle version fonctionne le mieux.<br /> # Personnaliser les pieds de page : Expliquez comment personnaliser les pieds de page de votre site, y compris les widgets, les couleurs et les polices, pour correspondre à l'esthétique de votre site.<br /> # Utiliser les espaces blancs pour améliorer la lisibilité : Montrez comment utiliser les espaces blancs pour améliorer la lisibilité et l'aspect général de votre site.<br /> # Ajouter des filtres de catégorie pour organiser votre contenu : Présentez comment utiliser les filtres de catégorie pour organiser et afficher votre contenu de manière plus structurée et conviviale.<br /> # Créer des en-têtes personnalisés : Montrez comment créer des en-têtes personnalisés pour votre site en utilisant le Thème Builder, y compris la modification du logo, des menus et des éléments de contact.<br /> # Concevoir des pieds de page personnalisés : Présentez comment créer des pieds de page personnalisés avec le Thème Builder, incluant l'ajout de widgets, de liens vers les réseaux sociaux et de coordonnées.<br /> # Utiliser les modèles de publication pour un design cohérent : Expliquez comment créer des modèles de publication personnalisés pour les articles de blog afin de garantir un design cohérent sur l'ensemble de votre site.<br /> # Appliquer des modèles conditionnels : Montrez comment appliquer des modèles conditionnels pour afficher différents en-têtes, pieds de page ou modèles de publication en fonction de certaines conditions, telles que la catégorie ou le type de page.<br /> # Créer des modèles d'archive personnalisés : Présentez comment créer des modèles d'archive personnalisés pour afficher vos articles de blog ou vos projets de manière unique et attrayante.<br /> # Personnaliser les pages de produits WooCommerce : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de produits WooCommerce, en modifiant l'apparence des images, des descriptions et des boutons &quot;Ajouter au panier&quot;.<br /> # Ajouter des éléments dynamiques : Montrez comment ajouter des éléments dynamiques, tels que des titres de publication, des métadonnées et des images à la une, aux modèles du Thème Builder pour afficher automatiquement les informations pertinentes.<br /> # Créer des modèles de page 404 personnalisés : Présentez comment créer des modèles de page 404 personnalisés pour offrir une expérience utilisateur améliorée lorsqu'un visiteur tombe sur une page inexistante.<br /> # Personnaliser les pages de connexion : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de connexion de votre site, y compris les couleurs, les images et les polices.<br /> # Utiliser les modèles globaux pour faciliter les mises à jour : Montrez comment utiliser les modèles globaux pour faciliter les mises à jour sur l'ensemble de votre site, en permettant de modifier un élément à un endroit et de mettre à jour automatiquement toutes les instances de cet élément.<br /> <br /> =Scripts=<br /> <br /> ==S001-style-modifie==<br /> '''🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !'''<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S002-packs==<br /> '''Découvrez les nouveaux packs de layout Divi et leurs ressources incluses'''<br /> <br /> Salut à tous ! Aujourd'hui, je vais vous parler des nouveaux packs de layout Divi et de toutes les ressources fantastiques qu'ils incluent. 🎉<br /> <br /> Chaque fois que Divi publie un nouveau pack de layout, il est accompagné d'un article de blog détaillé qui présente non seulement les layouts, mais aussi des ressources supplémentaires telles que des images, des icônes et divers formats de fichiers. 📝🖼️<br /> <br /> Ces ressources sont offertes en formats JPG, PNG et même en AI et EPS, vous permettant de les utiliser et de les personnaliser selon vos besoins. Elles sont idéales pour donner un aspect professionnel et cohérent à votre site web. ✨<br /> <br /> De plus, ces packs de layout sont conçus pour être facilement importés et utilisés dans vos projets Divi. Vous pouvez les personnaliser et les adapter à l'identité visuelle de votre marque en quelques clics. Gain de temps garanti ! ⏱️<br /> <br /> Alors, n'hésitez pas à consulter régulièrement le blog de Divi pour découvrir leurs derniers packs de layout et les ressources offertes. Vous pourrez ainsi enrichir votre site web et impressionner vos visiteurs. 🚀<br /> <br /> C'était votre astuce rapide du jour ! <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S003-palette-couleurs==<br /> '''Configurer la palette de couleurs Divi pour un workflow fluide et efficace''' <br /> <br /> * Slug: configurer-palette-couleurs-divi-workflow<br /> * Tagline : Personnalisez votre expérience Divi avec une palette de couleurs sur mesure<br /> <br /> Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail. <br /> <br /> Je vais vous montrer comment faire en quelques étapes simples.<br /> <br /> # Allez dans le tableau de bord WordPress, puis cliquez sur &quot;Divi&quot; et sélectionnez &quot;Options du thème&quot;.<br /> # Dans l'onglet &quot;Général&quot;, faites défiler vers le bas pour trouver la section &quot;Palette de couleurs du sélecteur de couleurs&quot;.<br /> # Ici, vous pouvez définir vos couleurs préférées pour votre projet. Cliquez sur les cases de couleur et choisissez les couleurs que vous souhaitez utiliser sur votre site. Vous pouvez définir jusqu'à 8 couleurs.<br /> # Une fois vos couleurs sélectionnées, n'oubliez pas de cliquer sur &quot;Enregistrer les modifications&quot; pour sauvegarder votre palette de couleurs personnalisée.<br /> <br /> Maintenant, lorsque vous travaillerez sur votre site Divi, vous aurez accès à votre palette de couleurs personnalisée pour un choix et une application des couleurs plus rapides et plus cohérents.<br /> <br /> Dans une prochaine vidéo, je vous parlerai aussi des couleurs globales, un concept très avancée et performant de Divi.<br /> <br /> Je suis Grégory, catalyseur numérique, j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> <br /> ==S004-selection-multiple==<br /> Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !<br /> <br /> Avec cette fonctionnalité, vous pouvez facilement modifier plusieurs éléments en même temps. <br /> <br /> Voici comment faire :<br /> <br /> # Maintenez la touche Ctrl (ou Cmd sur Mac) enfoncée et cliquez sur les éléments que vous souhaitez sélectionner. Vous verrez une bordure autour des éléments sélectionnés.<br /> # Une fois vos éléments sélectionnés, cliquez sur l'icône &quot;Modifier en bloc&quot; qui apparaît en bas de l'écran. Cela ouvrira une boîte de configuration où vous pourrez modifier les paramètres communs à tous les éléments sélectionnés.<br /> # Appliquez les modifications souhaitées et cliquez sur &quot;Enregistrer&quot; pour valider.<br /> <br /> Et voilà ! Vous avez maintenant modifié plusieurs éléments en un clin d'œil avec l'édition en bloc de Divi. Cette astuce vous permettra de gagner du temps et d'améliorer votre productivité dans la conception de vos pages.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets-h1==<br /> Salut à tous ! Aujourd'hui, je vais vous montrer comment utiliser les préréglages pour définir vos styles par défaut pour les titres H1, H2 et H3 dans le module texte de Divi. C'est un excellent moyen d'assurer la cohérence de votre design dès le début de la création de votre site web.<br /> <br /> # Ouvrez le module texte où vous voulez définir les styles par défaut pour vos titres.<br /> # Cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Sélectionnez le préréglage &quot;Par défaut&quot; et cliquez sur l'icône &quot;Modifier&quot;.<br /> # Allez dans l'onglet &quot;Design&quot; et déroulez les options pour &quot;H1&quot;, &quot;H2&quot; et &quot;H3&quot;.<br /> # Personnalisez la police, la couleur et la taille pour chaque niveau de titre.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder les modifications apportées au préréglage par défaut.<br /> <br /> Maintenant, chaque fois que vous ajouterez un nouveau module texte, les styles par défaut pour les titres H1, H2 et H3 que vous avez définis seront automatiquement appliqués.<br /> <br /> N'oubliez pas de définir vos styles par défaut dès le début de la création de votre site web pour assurer une apparence cohérente et gagner du temps.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets==<br /> Salut à tous ! Aujourd'hui, je vais vous présenter une fonctionnalité très pratique dans Divi : les préréglages ou &quot;Presets&quot;. <br /> Ils vous permettront de créer des styles personnalisés et de les réutiliser facilement sur votre site.<br /> <br /> Les préréglages sont des ensembles de styles et de paramètres que vous pouvez appliquer à différents éléments, comme des modules, des rangées ou des sections. Ils vous permettent de gagner du temps et d'assurer la cohérence de votre design.<br /> <br /> Voici comment créer un préréglage :<br /> <br /> # Ouvrez un module, une rangée ou une section et cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Cliquez sur le bouton &quot;+&quot; pour ajouter un nouveau préréglage.<br /> # Nommez votre préréglage et personnalisez les styles et les paramètres selon vos besoins.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder votre préréglage.<br /> # Maintenant, pour appliquer votre préréglage à d'autres éléments, il suffit de les sélectionner, d'ouvrir la fenêtre de paramètres et de choisir le préréglage souhaité dans la liste.<br /> <br /> Les préréglages de Divi sont un outil puissant pour améliorer votre productivité et la cohérence de vos designs. Essayez-les dès maintenant !<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=135 2023-04-20T13:53:22Z

<p>Loribel: /* Scripts */</p> <hr /> <div>=Prompts GPT=<br /> ==Intro Vidéo Short==<br /> Je suis un expert web avec WordPress et Divi. Je partage des trucs astuces et tuto sur ma chaîne Youtube. Je veux faire des shorts, format de vidéo courtes pour différents réseaux sociaux. Vidéo de moins d’une minute.<br /> <br /> Peux tu m’aider à optimiser mes scripts des shorts. Je vais te donner une ébauche de script ou simplement un titre et je veux que tu me donnes un script complet pour une durée de moins d’une minute.<br /> <br /> Termine les script par cet appel à l'action : <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> As tu besoin. De plus d’info avant que je te donne le 1er script à travailler ?<br /> <br /> ==Sujet à tester==<br /> Connais tu la fonctionnalité ---- de Divi.<br /> Si oui, basés sur les conseils précédents, fait un script de type short de moins d'une minute pour partager cette astuce. <br /> Sinon je vais te donner les détails de la fonctionnalité.<br /> <br /> ==Article de blog==<br /> Faire du script suivant un article de blog.<br /> <br /> Pour l'article donne moi :<br /> * 1 titre optimisé SEO (moins de 80 caractères)<br /> * 1 slug pour l'URL optimisé SEO<br /> * 1 sous titre sous forme de TagLine<br /> * 1 bloc meta description pour le SEO<br /> * 1 introduction<br /> * 4 blocs pour pouvoir ajouter photos et ou citations entre chaque blocs.<br /> * 4 citations (extrait ou véritable citation relié avec auteur)<br /> * 1 conclusion<br /> -- SCRIPT --<br /> <br /> =Idées=<br /> # Utiliser le mode Wireframe pour une meilleure organisation : Montrez comment passer en mode Wireframe pour faciliter la navigation et la gestion des sections, rangées et modules dans Divi.<br /> # Dupliquer des éléments rapidement : Montrez comment dupliquer rapidement des sections, rangées ou modules en cliquant simplement sur l'icône &quot;Dupliquer&quot; pour gagner du temps lors de la création de pages.<br /> # Utiliser l'historique des actions pour annuler ou rétablir des modifications : Expliquez comment accéder à l'historique des actions pour annuler ou rétablir facilement des modifications effectuées dans le Divi Builder.<br /> # Verrouiller ou masquer des éléments pour éviter les modifications accidentelles : Montrez comment verrouiller ou masquer des éléments dans Divi pour éviter les modifications accidentelles lors de la conception de pages.<br /> # Utiliser la bibliothèque Divi pour sauvegarder et réutiliser des éléments : Présentez comment sauvegarder des sections, rangées ou modules dans la bibliothèque Divi pour les réutiliser plus tard sur différentes pages de votre site.<br /> # Utiliser les raccourcis clavier pour gagner du temps : Partagez quelques raccourcis clavier utiles pour effectuer rapidement des actions courantes dans le Divi Builder.<br /> # Créer des colonnes personnalisées : Montrez comment créer des colonnes personnalisées dans Divi en ajustant la largeur de chaque colonne dans une rangée pour obtenir un design unique.<br /> # Utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles : Expliquez comment utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles spécifiques sur plusieurs éléments à la fois.<br /> # Ajuster la taille des modules en fonction de l'appareil : Montrez comment définir la taille et les dimensions des modules pour différents appareils (ordinateurs de bureau, tablettes et mobiles) afin d'assurer une apparence cohérente sur tous les écrans.<br /> # Utiliser les filtres CSS pour ajouter des effets visuels : Présentez comment appliquer des filtres CSS, tels que le flou, la luminosité ou le contraste, aux images et autres éléments pour ajouter des effets visuels intéressants à vos pages.<br /> # Ajuster l'espacement entre les éléments : Montrez comment modifier facilement les marges et les espacements entre les sections, rangées et modules pour un meilleur contrôle du design.<br /> # Utiliser les ombres portées pour ajouter de la profondeur : Expliquez comment ajouter des ombres portées aux éléments pour donner de la profondeur et améliorer l'esthétique de votre site.<br /> # Créer des dégradés pour un arrière-plan unique : Montrez comment utiliser la fonctionnalité de dégradés pour créer des arrière-plans personnalisés et dynamiques pour les sections, rangées et modules.<br /> # Ajouter des animations pour rendre votre site plus attrayant : Présentez comment ajouter des animations aux éléments de votre site pour capter l'attention des visiteurs et rendre votre site plus interactif.<br /> # Utiliser le mode &quot;Responsive&quot; pour prévisualiser sur différents appareils : Montrez comment activer le mode &quot;Responsive&quot; pour prévisualiser et ajuster votre site sur différents appareils (ordinateurs de bureau, tablettes et mobiles).<br /> # Personnaliser les boutons avec des styles uniques : Expliquez comment personnaliser l'apparence des boutons, y compris la couleur, la police et la taille, pour correspondre à l'esthétique de votre site.<br /> # Créer des formes personnalisées avec les séparateurs de section : Montrez comment utiliser les séparateurs de section pour créer des formes personnalisées et ajouter une touche unique à votre design.<br /> # Ajouter des icônes pour améliorer l'expérience utilisateur : Présentez comment ajouter des icônes aux boutons, titres et autres éléments pour rendre votre site plus attrayant et améliorer l'expérience utilisateur.<br /> # Utiliser les effets de défilement pour créer des animations basées sur le défilement : Expliquez comment ajouter des effets de défilement aux éléments pour les animer lors du défilement de la page, ajoutant ainsi une touche d'interactivité à votre site.<br /> # Optimiser les images pour de meilleures performances : Montrez comment optimiser les images pour réduire leur taille de fichier et améliorer les temps de chargement de votre site, tout en préservant la qualité visuelle.<br /> # Créer des effets de parallaxe pour un design dynamique : Montrez comment ajouter des effets de parallaxe aux images et aux arrière-plans pour créer un design plus dynamique et intéressant.<br /> # Utiliser les ancres pour faciliter la navigation : Expliquez comment utiliser les ancres pour créer des liens de navigation qui dirigent les visiteurs vers des sections spécifiques de votre page.<br /> # Personnaliser la barre de navigation : Présentez comment modifier l'apparence et le comportement de la barre de navigation pour mieux correspondre au style de votre site.<br /> # Utiliser des modèles de page prédéfinis : Montrez comment importer des modèles de page prédéfinis pour accélérer le processus de création de votre site et bénéficier d'inspiration pour votre design.<br /> # Ajouter des codes courts pour intégrer des fonctionnalités supplémentaires : Expliquez comment utiliser des codes courts pour intégrer facilement des fonctionnalités supplémentaires, telles que des formulaires de contact, des galeries d'images ou des témoignages.<br /> # Créer des colonnes imbriquées pour des mises en page complexes : Montrez comment créer des colonnes imbriquées pour réaliser des mises en page plus complexes et flexibles.<br /> # Utiliser le mode &quot;split testing&quot; pour optimiser votre site : Présentez comment utiliser le mode &quot;split testing&quot; pour comparer différentes versions d'un élément et déterminer quelle version fonctionne le mieux.<br /> # Personnaliser les pieds de page : Expliquez comment personnaliser les pieds de page de votre site, y compris les widgets, les couleurs et les polices, pour correspondre à l'esthétique de votre site.<br /> # Utiliser les espaces blancs pour améliorer la lisibilité : Montrez comment utiliser les espaces blancs pour améliorer la lisibilité et l'aspect général de votre site.<br /> # Ajouter des filtres de catégorie pour organiser votre contenu : Présentez comment utiliser les filtres de catégorie pour organiser et afficher votre contenu de manière plus structurée et conviviale.<br /> # Créer des en-têtes personnalisés : Montrez comment créer des en-têtes personnalisés pour votre site en utilisant le Thème Builder, y compris la modification du logo, des menus et des éléments de contact.<br /> # Concevoir des pieds de page personnalisés : Présentez comment créer des pieds de page personnalisés avec le Thème Builder, incluant l'ajout de widgets, de liens vers les réseaux sociaux et de coordonnées.<br /> # Utiliser les modèles de publication pour un design cohérent : Expliquez comment créer des modèles de publication personnalisés pour les articles de blog afin de garantir un design cohérent sur l'ensemble de votre site.<br /> # Appliquer des modèles conditionnels : Montrez comment appliquer des modèles conditionnels pour afficher différents en-têtes, pieds de page ou modèles de publication en fonction de certaines conditions, telles que la catégorie ou le type de page.<br /> # Créer des modèles d'archive personnalisés : Présentez comment créer des modèles d'archive personnalisés pour afficher vos articles de blog ou vos projets de manière unique et attrayante.<br /> # Personnaliser les pages de produits WooCommerce : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de produits WooCommerce, en modifiant l'apparence des images, des descriptions et des boutons &quot;Ajouter au panier&quot;.<br /> # Ajouter des éléments dynamiques : Montrez comment ajouter des éléments dynamiques, tels que des titres de publication, des métadonnées et des images à la une, aux modèles du Thème Builder pour afficher automatiquement les informations pertinentes.<br /> # Créer des modèles de page 404 personnalisés : Présentez comment créer des modèles de page 404 personnalisés pour offrir une expérience utilisateur améliorée lorsqu'un visiteur tombe sur une page inexistante.<br /> # Personnaliser les pages de connexion : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de connexion de votre site, y compris les couleurs, les images et les polices.<br /> # Utiliser les modèles globaux pour faciliter les mises à jour : Montrez comment utiliser les modèles globaux pour faciliter les mises à jour sur l'ensemble de votre site, en permettant de modifier un élément à un endroit et de mettre à jour automatiquement toutes les instances de cet élément.<br /> <br /> =Scripts=<br /> <br /> ==S001-style-modifie==<br /> '''🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !'''<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S003-palette-couleurs==<br /> '''Configurer la palette de couleurs Divi pour un workflow fluide et efficace''' <br /> <br /> * Slug: configurer-palette-couleurs-divi-workflow<br /> * Tagline : Personnalisez votre expérience Divi avec une palette de couleurs sur mesure<br /> <br /> Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail. <br /> <br /> Je vais vous montrer comment faire en quelques étapes simples.<br /> <br /> # Allez dans le tableau de bord WordPress, puis cliquez sur &quot;Divi&quot; et sélectionnez &quot;Options du thème&quot;.<br /> # Dans l'onglet &quot;Général&quot;, faites défiler vers le bas pour trouver la section &quot;Palette de couleurs du sélecteur de couleurs&quot;.<br /> # Ici, vous pouvez définir vos couleurs préférées pour votre projet. Cliquez sur les cases de couleur et choisissez les couleurs que vous souhaitez utiliser sur votre site. Vous pouvez définir jusqu'à 8 couleurs.<br /> # Une fois vos couleurs sélectionnées, n'oubliez pas de cliquer sur &quot;Enregistrer les modifications&quot; pour sauvegarder votre palette de couleurs personnalisée.<br /> <br /> Maintenant, lorsque vous travaillerez sur votre site Divi, vous aurez accès à votre palette de couleurs personnalisée pour un choix et une application des couleurs plus rapides et plus cohérents.<br /> <br /> Dans une prochaine vidéo, je vous parlerai aussi des couleurs globales, un concept très avancée et performant de Divi.<br /> <br /> Je suis Grégory, catalyseur numérique, j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S002-packs==<br /> '''Découvrez les nouveaux packs de layout Divi et leurs ressources incluses'''<br /> <br /> Salut à tous ! Aujourd'hui, je vais vous parler des nouveaux packs de layout Divi et de toutes les ressources fantastiques qu'ils incluent. 🎉<br /> <br /> Chaque fois que Divi publie un nouveau pack de layout, il est accompagné d'un article de blog détaillé qui présente non seulement les layouts, mais aussi des ressources supplémentaires telles que des images, des icônes et divers formats de fichiers. 📝🖼️<br /> <br /> Ces ressources sont offertes en formats JPG, PNG et même en AI et EPS, vous permettant de les utiliser et de les personnaliser selon vos besoins. Elles sont idéales pour donner un aspect professionnel et cohérent à votre site web. ✨<br /> <br /> De plus, ces packs de layout sont conçus pour être facilement importés et utilisés dans vos projets Divi. Vous pouvez les personnaliser et les adapter à l'identité visuelle de votre marque en quelques clics. Gain de temps garanti ! ⏱️<br /> <br /> Alors, n'hésitez pas à consulter régulièrement le blog de Divi pour découvrir leurs derniers packs de layout et les ressources offertes. Vous pourrez ainsi enrichir votre site web et impressionner vos visiteurs. 🚀<br /> <br /> C'était votre astuce rapide du jour ! <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> <br /> ==S003-selection-multiple==<br /> Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !<br /> <br /> Avec cette fonctionnalité, vous pouvez facilement modifier plusieurs éléments en même temps. <br /> <br /> Voici comment faire :<br /> <br /> # Maintenez la touche Ctrl (ou Cmd sur Mac) enfoncée et cliquez sur les éléments que vous souhaitez sélectionner. Vous verrez une bordure autour des éléments sélectionnés.<br /> # Une fois vos éléments sélectionnés, cliquez sur l'icône &quot;Modifier en bloc&quot; qui apparaît en bas de l'écran. Cela ouvrira une boîte de configuration où vous pourrez modifier les paramètres communs à tous les éléments sélectionnés.<br /> # Appliquez les modifications souhaitées et cliquez sur &quot;Enregistrer&quot; pour valider.<br /> <br /> Et voilà ! Vous avez maintenant modifié plusieurs éléments en un clin d'œil avec l'édition en bloc de Divi. Cette astuce vous permettra de gagner du temps et d'améliorer votre productivité dans la conception de vos pages.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets-h1==<br /> Salut à tous ! Aujourd'hui, je vais vous montrer comment utiliser les préréglages pour définir vos styles par défaut pour les titres H1, H2 et H3 dans le module texte de Divi. C'est un excellent moyen d'assurer la cohérence de votre design dès le début de la création de votre site web.<br /> <br /> # Ouvrez le module texte où vous voulez définir les styles par défaut pour vos titres.<br /> # Cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Sélectionnez le préréglage &quot;Par défaut&quot; et cliquez sur l'icône &quot;Modifier&quot;.<br /> # Allez dans l'onglet &quot;Design&quot; et déroulez les options pour &quot;H1&quot;, &quot;H2&quot; et &quot;H3&quot;.<br /> # Personnalisez la police, la couleur et la taille pour chaque niveau de titre.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder les modifications apportées au préréglage par défaut.<br /> <br /> Maintenant, chaque fois que vous ajouterez un nouveau module texte, les styles par défaut pour les titres H1, H2 et H3 que vous avez définis seront automatiquement appliqués.<br /> <br /> N'oubliez pas de définir vos styles par défaut dès le début de la création de votre site web pour assurer une apparence cohérente et gagner du temps.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets==<br /> Salut à tous ! Aujourd'hui, je vais vous présenter une fonctionnalité très pratique dans Divi : les préréglages ou &quot;Presets&quot;. <br /> Ils vous permettront de créer des styles personnalisés et de les réutiliser facilement sur votre site.<br /> <br /> Les préréglages sont des ensembles de styles et de paramètres que vous pouvez appliquer à différents éléments, comme des modules, des rangées ou des sections. Ils vous permettent de gagner du temps et d'assurer la cohérence de votre design.<br /> <br /> Voici comment créer un préréglage :<br /> <br /> # Ouvrez un module, une rangée ou une section et cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Cliquez sur le bouton &quot;+&quot; pour ajouter un nouveau préréglage.<br /> # Nommez votre préréglage et personnalisez les styles et les paramètres selon vos besoins.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder votre préréglage.<br /> # Maintenant, pour appliquer votre préréglage à d'autres éléments, il suffit de les sélectionner, d'ouvrir la fenêtre de paramètres et de choisir le préréglage souhaité dans la liste.<br /> <br /> Les préréglages de Divi sont un outil puissant pour améliorer votre productivité et la cohérence de vos designs. Essayez-les dès maintenant !<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=134 2023-04-18T19:24:13Z

<p>Loribel: /* Article de blog */</p> <hr /> <div>=Prompts GPT=<br /> ==Intro Vidéo Short==<br /> Je suis un expert web avec WordPress et Divi. Je partage des trucs astuces et tuto sur ma chaîne Youtube. Je veux faire des shorts, format de vidéo courtes pour différents réseaux sociaux. Vidéo de moins d’une minute.<br /> <br /> Peux tu m’aider à optimiser mes scripts des shorts. Je vais te donner une ébauche de script ou simplement un titre et je veux que tu me donnes un script complet pour une durée de moins d’une minute.<br /> <br /> Termine les script par cet appel à l'action : <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> As tu besoin. De plus d’info avant que je te donne le 1er script à travailler ?<br /> <br /> ==Sujet à tester==<br /> Connais tu la fonctionnalité ---- de Divi.<br /> Si oui, basés sur les conseils précédents, fait un script de type short de moins d'une minute pour partager cette astuce. <br /> Sinon je vais te donner les détails de la fonctionnalité.<br /> <br /> ==Article de blog==<br /> Faire du script suivant un article de blog.<br /> <br /> Pour l'article donne moi :<br /> * 1 titre optimisé SEO (moins de 80 caractères)<br /> * 1 slug pour l'URL optimisé SEO<br /> * 1 sous titre sous forme de TagLine<br /> * 1 bloc meta description pour le SEO<br /> * 1 introduction<br /> * 4 blocs pour pouvoir ajouter photos et ou citations entre chaque blocs.<br /> * 4 citations (extrait ou véritable citation relié avec auteur)<br /> * 1 conclusion<br /> -- SCRIPT --<br /> <br /> =Idées=<br /> # Utiliser le mode Wireframe pour une meilleure organisation : Montrez comment passer en mode Wireframe pour faciliter la navigation et la gestion des sections, rangées et modules dans Divi.<br /> # Dupliquer des éléments rapidement : Montrez comment dupliquer rapidement des sections, rangées ou modules en cliquant simplement sur l'icône &quot;Dupliquer&quot; pour gagner du temps lors de la création de pages.<br /> # Utiliser l'historique des actions pour annuler ou rétablir des modifications : Expliquez comment accéder à l'historique des actions pour annuler ou rétablir facilement des modifications effectuées dans le Divi Builder.<br /> # Verrouiller ou masquer des éléments pour éviter les modifications accidentelles : Montrez comment verrouiller ou masquer des éléments dans Divi pour éviter les modifications accidentelles lors de la conception de pages.<br /> # Utiliser la bibliothèque Divi pour sauvegarder et réutiliser des éléments : Présentez comment sauvegarder des sections, rangées ou modules dans la bibliothèque Divi pour les réutiliser plus tard sur différentes pages de votre site.<br /> # Utiliser les raccourcis clavier pour gagner du temps : Partagez quelques raccourcis clavier utiles pour effectuer rapidement des actions courantes dans le Divi Builder.<br /> # Créer des colonnes personnalisées : Montrez comment créer des colonnes personnalisées dans Divi en ajustant la largeur de chaque colonne dans une rangée pour obtenir un design unique.<br /> # Utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles : Expliquez comment utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles spécifiques sur plusieurs éléments à la fois.<br /> # Ajuster la taille des modules en fonction de l'appareil : Montrez comment définir la taille et les dimensions des modules pour différents appareils (ordinateurs de bureau, tablettes et mobiles) afin d'assurer une apparence cohérente sur tous les écrans.<br /> # Utiliser les filtres CSS pour ajouter des effets visuels : Présentez comment appliquer des filtres CSS, tels que le flou, la luminosité ou le contraste, aux images et autres éléments pour ajouter des effets visuels intéressants à vos pages.<br /> # Ajuster l'espacement entre les éléments : Montrez comment modifier facilement les marges et les espacements entre les sections, rangées et modules pour un meilleur contrôle du design.<br /> # Utiliser les ombres portées pour ajouter de la profondeur : Expliquez comment ajouter des ombres portées aux éléments pour donner de la profondeur et améliorer l'esthétique de votre site.<br /> # Créer des dégradés pour un arrière-plan unique : Montrez comment utiliser la fonctionnalité de dégradés pour créer des arrière-plans personnalisés et dynamiques pour les sections, rangées et modules.<br /> # Ajouter des animations pour rendre votre site plus attrayant : Présentez comment ajouter des animations aux éléments de votre site pour capter l'attention des visiteurs et rendre votre site plus interactif.<br /> # Utiliser le mode &quot;Responsive&quot; pour prévisualiser sur différents appareils : Montrez comment activer le mode &quot;Responsive&quot; pour prévisualiser et ajuster votre site sur différents appareils (ordinateurs de bureau, tablettes et mobiles).<br /> # Personnaliser les boutons avec des styles uniques : Expliquez comment personnaliser l'apparence des boutons, y compris la couleur, la police et la taille, pour correspondre à l'esthétique de votre site.<br /> # Créer des formes personnalisées avec les séparateurs de section : Montrez comment utiliser les séparateurs de section pour créer des formes personnalisées et ajouter une touche unique à votre design.<br /> # Ajouter des icônes pour améliorer l'expérience utilisateur : Présentez comment ajouter des icônes aux boutons, titres et autres éléments pour rendre votre site plus attrayant et améliorer l'expérience utilisateur.<br /> # Utiliser les effets de défilement pour créer des animations basées sur le défilement : Expliquez comment ajouter des effets de défilement aux éléments pour les animer lors du défilement de la page, ajoutant ainsi une touche d'interactivité à votre site.<br /> # Optimiser les images pour de meilleures performances : Montrez comment optimiser les images pour réduire leur taille de fichier et améliorer les temps de chargement de votre site, tout en préservant la qualité visuelle.<br /> # Créer des effets de parallaxe pour un design dynamique : Montrez comment ajouter des effets de parallaxe aux images et aux arrière-plans pour créer un design plus dynamique et intéressant.<br /> # Utiliser les ancres pour faciliter la navigation : Expliquez comment utiliser les ancres pour créer des liens de navigation qui dirigent les visiteurs vers des sections spécifiques de votre page.<br /> # Personnaliser la barre de navigation : Présentez comment modifier l'apparence et le comportement de la barre de navigation pour mieux correspondre au style de votre site.<br /> # Utiliser des modèles de page prédéfinis : Montrez comment importer des modèles de page prédéfinis pour accélérer le processus de création de votre site et bénéficier d'inspiration pour votre design.<br /> # Ajouter des codes courts pour intégrer des fonctionnalités supplémentaires : Expliquez comment utiliser des codes courts pour intégrer facilement des fonctionnalités supplémentaires, telles que des formulaires de contact, des galeries d'images ou des témoignages.<br /> # Créer des colonnes imbriquées pour des mises en page complexes : Montrez comment créer des colonnes imbriquées pour réaliser des mises en page plus complexes et flexibles.<br /> # Utiliser le mode &quot;split testing&quot; pour optimiser votre site : Présentez comment utiliser le mode &quot;split testing&quot; pour comparer différentes versions d'un élément et déterminer quelle version fonctionne le mieux.<br /> # Personnaliser les pieds de page : Expliquez comment personnaliser les pieds de page de votre site, y compris les widgets, les couleurs et les polices, pour correspondre à l'esthétique de votre site.<br /> # Utiliser les espaces blancs pour améliorer la lisibilité : Montrez comment utiliser les espaces blancs pour améliorer la lisibilité et l'aspect général de votre site.<br /> # Ajouter des filtres de catégorie pour organiser votre contenu : Présentez comment utiliser les filtres de catégorie pour organiser et afficher votre contenu de manière plus structurée et conviviale.<br /> # Créer des en-têtes personnalisés : Montrez comment créer des en-têtes personnalisés pour votre site en utilisant le Thème Builder, y compris la modification du logo, des menus et des éléments de contact.<br /> # Concevoir des pieds de page personnalisés : Présentez comment créer des pieds de page personnalisés avec le Thème Builder, incluant l'ajout de widgets, de liens vers les réseaux sociaux et de coordonnées.<br /> # Utiliser les modèles de publication pour un design cohérent : Expliquez comment créer des modèles de publication personnalisés pour les articles de blog afin de garantir un design cohérent sur l'ensemble de votre site.<br /> # Appliquer des modèles conditionnels : Montrez comment appliquer des modèles conditionnels pour afficher différents en-têtes, pieds de page ou modèles de publication en fonction de certaines conditions, telles que la catégorie ou le type de page.<br /> # Créer des modèles d'archive personnalisés : Présentez comment créer des modèles d'archive personnalisés pour afficher vos articles de blog ou vos projets de manière unique et attrayante.<br /> # Personnaliser les pages de produits WooCommerce : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de produits WooCommerce, en modifiant l'apparence des images, des descriptions et des boutons &quot;Ajouter au panier&quot;.<br /> # Ajouter des éléments dynamiques : Montrez comment ajouter des éléments dynamiques, tels que des titres de publication, des métadonnées et des images à la une, aux modèles du Thème Builder pour afficher automatiquement les informations pertinentes.<br /> # Créer des modèles de page 404 personnalisés : Présentez comment créer des modèles de page 404 personnalisés pour offrir une expérience utilisateur améliorée lorsqu'un visiteur tombe sur une page inexistante.<br /> # Personnaliser les pages de connexion : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de connexion de votre site, y compris les couleurs, les images et les polices.<br /> # Utiliser les modèles globaux pour faciliter les mises à jour : Montrez comment utiliser les modèles globaux pour faciliter les mises à jour sur l'ensemble de votre site, en permettant de modifier un élément à un endroit et de mettre à jour automatiquement toutes les instances de cet élément.<br /> <br /> =Scripts=<br /> <br /> ==S001-style-modifie==<br /> '''🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !'''<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S002-palette-couleurs==<br /> '''Configurer la palette de couleurs Divi pour un workflow fluide et efficace''' <br /> <br /> * Slug: configurer-palette-couleurs-divi-workflow<br /> * Tagline : Personnalisez votre expérience Divi avec une palette de couleurs sur mesure<br /> <br /> Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail. <br /> <br /> Je vais vous montrer comment faire en quelques étapes simples.<br /> <br /> # Allez dans le tableau de bord WordPress, puis cliquez sur &quot;Divi&quot; et sélectionnez &quot;Options du thème&quot;.<br /> # Dans l'onglet &quot;Général&quot;, faites défiler vers le bas pour trouver la section &quot;Palette de couleurs du sélecteur de couleurs&quot;.<br /> # Ici, vous pouvez définir vos couleurs préférées pour votre projet. Cliquez sur les cases de couleur et choisissez les couleurs que vous souhaitez utiliser sur votre site. Vous pouvez définir jusqu'à 8 couleurs.<br /> # Une fois vos couleurs sélectionnées, n'oubliez pas de cliquer sur &quot;Enregistrer les modifications&quot; pour sauvegarder votre palette de couleurs personnalisée.<br /> <br /> Maintenant, lorsque vous travaillerez sur votre site Divi, vous aurez accès à votre palette de couleurs personnalisée pour un choix et une application des couleurs plus rapides et plus cohérents.<br /> <br /> Dans une prochaine vidéo, je vous parlerai aussi des couleurs globales, un concept très avancée et performant de Divi.<br /> <br /> Je suis Grégory, catalyseur numérique, j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S003-selection-multiple==<br /> Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !<br /> <br /> Avec cette fonctionnalité, vous pouvez facilement modifier plusieurs éléments en même temps. <br /> <br /> Voici comment faire :<br /> <br /> # Maintenez la touche Ctrl (ou Cmd sur Mac) enfoncée et cliquez sur les éléments que vous souhaitez sélectionner. Vous verrez une bordure autour des éléments sélectionnés.<br /> # Une fois vos éléments sélectionnés, cliquez sur l'icône &quot;Modifier en bloc&quot; qui apparaît en bas de l'écran. Cela ouvrira une boîte de configuration où vous pourrez modifier les paramètres communs à tous les éléments sélectionnés.<br /> # Appliquez les modifications souhaitées et cliquez sur &quot;Enregistrer&quot; pour valider.<br /> <br /> Et voilà ! Vous avez maintenant modifié plusieurs éléments en un clin d'œil avec l'édition en bloc de Divi. Cette astuce vous permettra de gagner du temps et d'améliorer votre productivité dans la conception de vos pages.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets-h1==<br /> Salut à tous ! Aujourd'hui, je vais vous montrer comment utiliser les préréglages pour définir vos styles par défaut pour les titres H1, H2 et H3 dans le module texte de Divi. C'est un excellent moyen d'assurer la cohérence de votre design dès le début de la création de votre site web.<br /> <br /> # Ouvrez le module texte où vous voulez définir les styles par défaut pour vos titres.<br /> # Cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Sélectionnez le préréglage &quot;Par défaut&quot; et cliquez sur l'icône &quot;Modifier&quot;.<br /> # Allez dans l'onglet &quot;Design&quot; et déroulez les options pour &quot;H1&quot;, &quot;H2&quot; et &quot;H3&quot;.<br /> # Personnalisez la police, la couleur et la taille pour chaque niveau de titre.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder les modifications apportées au préréglage par défaut.<br /> <br /> Maintenant, chaque fois que vous ajouterez un nouveau module texte, les styles par défaut pour les titres H1, H2 et H3 que vous avez définis seront automatiquement appliqués.<br /> <br /> N'oubliez pas de définir vos styles par défaut dès le début de la création de votre site web pour assurer une apparence cohérente et gagner du temps.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S004-packs==<br /> '''Découvrez les nouveaux packs de layout Divi et leurs ressources incluses'''<br /> <br /> Salut à tous ! Aujourd'hui, je vais vous parler des nouveaux packs de layout Divi et de toutes les ressources fantastiques qu'ils incluent. 🎉<br /> <br /> Chaque fois que Divi publie un nouveau pack de layout, il est accompagné d'un article de blog détaillé qui présente non seulement les layouts, mais aussi des ressources supplémentaires telles que des images, des icônes et divers formats de fichiers. 📝🖼️<br /> <br /> Ces ressources sont offertes en formats JPG, PNG et même en AI et EPS, vous permettant de les utiliser et de les personnaliser selon vos besoins. Elles sont idéales pour donner un aspect professionnel et cohérent à votre site web. ✨<br /> <br /> De plus, ces packs de layout sont conçus pour être facilement importés et utilisés dans vos projets Divi. Vous pouvez les personnaliser et les adapter à l'identité visuelle de votre marque en quelques clics. Gain de temps garanti ! ⏱️<br /> <br /> Alors, n'hésitez pas à consulter régulièrement le blog de Divi pour découvrir leurs derniers packs de layout et les ressources offertes. Vous pourrez ainsi enrichir votre site web et impressionner vos visiteurs. 🚀<br /> <br /> C'était votre astuce rapide du jour ! <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets==<br /> Salut à tous ! Aujourd'hui, je vais vous présenter une fonctionnalité très pratique dans Divi : les préréglages ou &quot;Presets&quot;. <br /> Ils vous permettront de créer des styles personnalisés et de les réutiliser facilement sur votre site.<br /> <br /> Les préréglages sont des ensembles de styles et de paramètres que vous pouvez appliquer à différents éléments, comme des modules, des rangées ou des sections. Ils vous permettent de gagner du temps et d'assurer la cohérence de votre design.<br /> <br /> Voici comment créer un préréglage :<br /> <br /> # Ouvrez un module, une rangée ou une section et cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Cliquez sur le bouton &quot;+&quot; pour ajouter un nouveau préréglage.<br /> # Nommez votre préréglage et personnalisez les styles et les paramètres selon vos besoins.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder votre préréglage.<br /> # Maintenant, pour appliquer votre préréglage à d'autres éléments, il suffit de les sélectionner, d'ouvrir la fenêtre de paramètres et de choisir le préréglage souhaité dans la liste.<br /> <br /> Les préréglages de Divi sont un outil puissant pour améliorer votre productivité et la cohérence de vos designs. Essayez-les dès maintenant !<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=133 2023-04-18T19:02:01Z

<p>Loribel: </p> <hr /> <div>=Prompts GPT=<br /> ==Intro Vidéo Short==<br /> Je suis un expert web avec WordPress et Divi. Je partage des trucs astuces et tuto sur ma chaîne Youtube. Je veux faire des shorts, format de vidéo courtes pour différents réseaux sociaux. Vidéo de moins d’une minute.<br /> <br /> Peux tu m’aider à optimiser mes scripts des shorts. Je vais te donner une ébauche de script ou simplement un titre et je veux que tu me donnes un script complet pour une durée de moins d’une minute.<br /> <br /> Termine les script par cet appel à l'action : <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> As tu besoin. De plus d’info avant que je te donne le 1er script à travailler ?<br /> <br /> ==Sujet à tester==<br /> Connais tu la fonctionnalité ---- de Divi.<br /> Si oui, basés sur les conseils précédents, fait un script de type short de moins d'une minute pour partager cette astuce. <br /> Sinon je vais te donner les détails de la fonctionnalité.<br /> <br /> ==Article de blog==<br /> Faire de ce script un article de blog.<br /> <br /> Pour l'article donne moi :<br /> * 1 titre optimisé SEO<br /> * 1 bloc meta description pour le SEO<br /> * 1 introduction<br /> * 4 blocs pour pouvoir ajouter photos et ou citations entre chaque blocs.<br /> * 4 citations (extrait ou véritable citation relié avec auteur)<br /> * 1 conclusion<br /> <br /> =Idées=<br /> # Utiliser le mode Wireframe pour une meilleure organisation : Montrez comment passer en mode Wireframe pour faciliter la navigation et la gestion des sections, rangées et modules dans Divi.<br /> # Dupliquer des éléments rapidement : Montrez comment dupliquer rapidement des sections, rangées ou modules en cliquant simplement sur l'icône &quot;Dupliquer&quot; pour gagner du temps lors de la création de pages.<br /> # Utiliser l'historique des actions pour annuler ou rétablir des modifications : Expliquez comment accéder à l'historique des actions pour annuler ou rétablir facilement des modifications effectuées dans le Divi Builder.<br /> # Verrouiller ou masquer des éléments pour éviter les modifications accidentelles : Montrez comment verrouiller ou masquer des éléments dans Divi pour éviter les modifications accidentelles lors de la conception de pages.<br /> # Utiliser la bibliothèque Divi pour sauvegarder et réutiliser des éléments : Présentez comment sauvegarder des sections, rangées ou modules dans la bibliothèque Divi pour les réutiliser plus tard sur différentes pages de votre site.<br /> # Utiliser les raccourcis clavier pour gagner du temps : Partagez quelques raccourcis clavier utiles pour effectuer rapidement des actions courantes dans le Divi Builder.<br /> # Créer des colonnes personnalisées : Montrez comment créer des colonnes personnalisées dans Divi en ajustant la largeur de chaque colonne dans une rangée pour obtenir un design unique.<br /> # Utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles : Expliquez comment utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles spécifiques sur plusieurs éléments à la fois.<br /> # Ajuster la taille des modules en fonction de l'appareil : Montrez comment définir la taille et les dimensions des modules pour différents appareils (ordinateurs de bureau, tablettes et mobiles) afin d'assurer une apparence cohérente sur tous les écrans.<br /> # Utiliser les filtres CSS pour ajouter des effets visuels : Présentez comment appliquer des filtres CSS, tels que le flou, la luminosité ou le contraste, aux images et autres éléments pour ajouter des effets visuels intéressants à vos pages.<br /> # Ajuster l'espacement entre les éléments : Montrez comment modifier facilement les marges et les espacements entre les sections, rangées et modules pour un meilleur contrôle du design.<br /> # Utiliser les ombres portées pour ajouter de la profondeur : Expliquez comment ajouter des ombres portées aux éléments pour donner de la profondeur et améliorer l'esthétique de votre site.<br /> # Créer des dégradés pour un arrière-plan unique : Montrez comment utiliser la fonctionnalité de dégradés pour créer des arrière-plans personnalisés et dynamiques pour les sections, rangées et modules.<br /> # Ajouter des animations pour rendre votre site plus attrayant : Présentez comment ajouter des animations aux éléments de votre site pour capter l'attention des visiteurs et rendre votre site plus interactif.<br /> # Utiliser le mode &quot;Responsive&quot; pour prévisualiser sur différents appareils : Montrez comment activer le mode &quot;Responsive&quot; pour prévisualiser et ajuster votre site sur différents appareils (ordinateurs de bureau, tablettes et mobiles).<br /> # Personnaliser les boutons avec des styles uniques : Expliquez comment personnaliser l'apparence des boutons, y compris la couleur, la police et la taille, pour correspondre à l'esthétique de votre site.<br /> # Créer des formes personnalisées avec les séparateurs de section : Montrez comment utiliser les séparateurs de section pour créer des formes personnalisées et ajouter une touche unique à votre design.<br /> # Ajouter des icônes pour améliorer l'expérience utilisateur : Présentez comment ajouter des icônes aux boutons, titres et autres éléments pour rendre votre site plus attrayant et améliorer l'expérience utilisateur.<br /> # Utiliser les effets de défilement pour créer des animations basées sur le défilement : Expliquez comment ajouter des effets de défilement aux éléments pour les animer lors du défilement de la page, ajoutant ainsi une touche d'interactivité à votre site.<br /> # Optimiser les images pour de meilleures performances : Montrez comment optimiser les images pour réduire leur taille de fichier et améliorer les temps de chargement de votre site, tout en préservant la qualité visuelle.<br /> # Créer des effets de parallaxe pour un design dynamique : Montrez comment ajouter des effets de parallaxe aux images et aux arrière-plans pour créer un design plus dynamique et intéressant.<br /> # Utiliser les ancres pour faciliter la navigation : Expliquez comment utiliser les ancres pour créer des liens de navigation qui dirigent les visiteurs vers des sections spécifiques de votre page.<br /> # Personnaliser la barre de navigation : Présentez comment modifier l'apparence et le comportement de la barre de navigation pour mieux correspondre au style de votre site.<br /> # Utiliser des modèles de page prédéfinis : Montrez comment importer des modèles de page prédéfinis pour accélérer le processus de création de votre site et bénéficier d'inspiration pour votre design.<br /> # Ajouter des codes courts pour intégrer des fonctionnalités supplémentaires : Expliquez comment utiliser des codes courts pour intégrer facilement des fonctionnalités supplémentaires, telles que des formulaires de contact, des galeries d'images ou des témoignages.<br /> # Créer des colonnes imbriquées pour des mises en page complexes : Montrez comment créer des colonnes imbriquées pour réaliser des mises en page plus complexes et flexibles.<br /> # Utiliser le mode &quot;split testing&quot; pour optimiser votre site : Présentez comment utiliser le mode &quot;split testing&quot; pour comparer différentes versions d'un élément et déterminer quelle version fonctionne le mieux.<br /> # Personnaliser les pieds de page : Expliquez comment personnaliser les pieds de page de votre site, y compris les widgets, les couleurs et les polices, pour correspondre à l'esthétique de votre site.<br /> # Utiliser les espaces blancs pour améliorer la lisibilité : Montrez comment utiliser les espaces blancs pour améliorer la lisibilité et l'aspect général de votre site.<br /> # Ajouter des filtres de catégorie pour organiser votre contenu : Présentez comment utiliser les filtres de catégorie pour organiser et afficher votre contenu de manière plus structurée et conviviale.<br /> # Créer des en-têtes personnalisés : Montrez comment créer des en-têtes personnalisés pour votre site en utilisant le Thème Builder, y compris la modification du logo, des menus et des éléments de contact.<br /> # Concevoir des pieds de page personnalisés : Présentez comment créer des pieds de page personnalisés avec le Thème Builder, incluant l'ajout de widgets, de liens vers les réseaux sociaux et de coordonnées.<br /> # Utiliser les modèles de publication pour un design cohérent : Expliquez comment créer des modèles de publication personnalisés pour les articles de blog afin de garantir un design cohérent sur l'ensemble de votre site.<br /> # Appliquer des modèles conditionnels : Montrez comment appliquer des modèles conditionnels pour afficher différents en-têtes, pieds de page ou modèles de publication en fonction de certaines conditions, telles que la catégorie ou le type de page.<br /> # Créer des modèles d'archive personnalisés : Présentez comment créer des modèles d'archive personnalisés pour afficher vos articles de blog ou vos projets de manière unique et attrayante.<br /> # Personnaliser les pages de produits WooCommerce : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de produits WooCommerce, en modifiant l'apparence des images, des descriptions et des boutons &quot;Ajouter au panier&quot;.<br /> # Ajouter des éléments dynamiques : Montrez comment ajouter des éléments dynamiques, tels que des titres de publication, des métadonnées et des images à la une, aux modèles du Thème Builder pour afficher automatiquement les informations pertinentes.<br /> # Créer des modèles de page 404 personnalisés : Présentez comment créer des modèles de page 404 personnalisés pour offrir une expérience utilisateur améliorée lorsqu'un visiteur tombe sur une page inexistante.<br /> # Personnaliser les pages de connexion : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de connexion de votre site, y compris les couleurs, les images et les polices.<br /> # Utiliser les modèles globaux pour faciliter les mises à jour : Montrez comment utiliser les modèles globaux pour faciliter les mises à jour sur l'ensemble de votre site, en permettant de modifier un élément à un endroit et de mettre à jour automatiquement toutes les instances de cet élément.<br /> <br /> =Scripts=<br /> <br /> ==S001-style-modifie==<br /> '''🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !'''<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S002-palette-couleurs==<br /> Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail. <br /> <br /> Je vais vous montrer comment faire en quelques étapes simples.<br /> <br /> # Allez dans le tableau de bord WordPress, puis cliquez sur &quot;Divi&quot; et sélectionnez &quot;Options du thème&quot;.<br /> # Dans l'onglet &quot;Général&quot;, faites défiler vers le bas pour trouver la section &quot;Palette de couleurs du sélecteur de couleurs&quot;.<br /> # Ici, vous pouvez définir vos couleurs préférées pour votre projet. Cliquez sur les cases de couleur et choisissez les couleurs que vous souhaitez utiliser sur votre site. Vous pouvez définir jusqu'à 8 couleurs.<br /> # Une fois vos couleurs sélectionnées, n'oubliez pas de cliquer sur &quot;Enregistrer les modifications&quot; pour sauvegarder votre palette de couleurs personnalisée.<br /> <br /> Maintenant, lorsque vous travaillerez sur votre site Divi, vous aurez accès à votre palette de couleurs personnalisée pour un choix et une application des couleurs plus rapides et plus cohérents.<br /> <br /> Dans une prochaine vidéo, je vous parlerai aussi des couleurs globales, un concept très avancée et performant de Divi.<br /> <br /> Je suis Grégory, catalyseur numérique, j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S000-selection-multiple==<br /> Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !<br /> <br /> Avec cette fonctionnalité, vous pouvez facilement modifier plusieurs éléments en même temps. <br /> <br /> Voici comment faire :<br /> <br /> # Maintenez la touche Ctrl (ou Cmd sur Mac) enfoncée et cliquez sur les éléments que vous souhaitez sélectionner. Vous verrez une bordure autour des éléments sélectionnés.<br /> # Une fois vos éléments sélectionnés, cliquez sur l'icône &quot;Modifier en bloc&quot; qui apparaît en bas de l'écran. Cela ouvrira une boîte de configuration où vous pourrez modifier les paramètres communs à tous les éléments sélectionnés.<br /> # Appliquez les modifications souhaitées et cliquez sur &quot;Enregistrer&quot; pour valider.<br /> <br /> Et voilà ! Vous avez maintenant modifié plusieurs éléments en un clin d'œil avec l'édition en bloc de Divi. Cette astuce vous permettra de gagner du temps et d'améliorer votre productivité dans la conception de vos pages.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets-h1==<br /> Salut à tous ! Aujourd'hui, je vais vous montrer comment utiliser les préréglages pour définir vos styles par défaut pour les titres H1, H2 et H3 dans le module texte de Divi. C'est un excellent moyen d'assurer la cohérence de votre design dès le début de la création de votre site web.<br /> <br /> # Ouvrez le module texte où vous voulez définir les styles par défaut pour vos titres.<br /> # Cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Sélectionnez le préréglage &quot;Par défaut&quot; et cliquez sur l'icône &quot;Modifier&quot;.<br /> # Allez dans l'onglet &quot;Design&quot; et déroulez les options pour &quot;H1&quot;, &quot;H2&quot; et &quot;H3&quot;.<br /> # Personnalisez la police, la couleur et la taille pour chaque niveau de titre.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder les modifications apportées au préréglage par défaut.<br /> <br /> Maintenant, chaque fois que vous ajouterez un nouveau module texte, les styles par défaut pour les titres H1, H2 et H3 que vous avez définis seront automatiquement appliqués.<br /> <br /> N'oubliez pas de définir vos styles par défaut dès le début de la création de votre site web pour assurer une apparence cohérente et gagner du temps.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-packs==<br /> Découvrez les nouveaux packs de layout Divi et leurs ressources incluses<br /> <br /> Salut à tous ! Aujourd'hui, je vais vous parler des nouveaux packs de layout Divi et de toutes les ressources fantastiques qu'ils incluent. 🎉<br /> <br /> Chaque fois que Divi publie un nouveau pack de layout, il est accompagné d'un article de blog détaillé qui présente non seulement les layouts, mais aussi des ressources supplémentaires telles que des images, des icônes et divers formats de fichiers. 📝🖼️<br /> <br /> Ces ressources sont offertes en formats JPG, PNG et même en AI et EPS, vous permettant de les utiliser et de les personnaliser selon vos besoins. Elles sont idéales pour donner un aspect professionnel et cohérent à votre site web. ✨<br /> <br /> De plus, ces packs de layout sont conçus pour être facilement importés et utilisés dans vos projets Divi. Vous pouvez les personnaliser et les adapter à l'identité visuelle de votre marque en quelques clics. Gain de temps garanti ! ⏱️<br /> <br /> Alors, n'hésitez pas à consulter régulièrement le blog de Divi pour découvrir leurs derniers packs de layout et les ressources offertes. Vous pourrez ainsi enrichir votre site web et impressionner vos visiteurs. 🚀<br /> <br /> C'était votre astuce rapide du jour ! <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets==<br /> Salut à tous ! Aujourd'hui, je vais vous présenter une fonctionnalité très pratique dans Divi : les préréglages ou &quot;Presets&quot;. <br /> Ils vous permettront de créer des styles personnalisés et de les réutiliser facilement sur votre site.<br /> <br /> Les préréglages sont des ensembles de styles et de paramètres que vous pouvez appliquer à différents éléments, comme des modules, des rangées ou des sections. Ils vous permettent de gagner du temps et d'assurer la cohérence de votre design.<br /> <br /> Voici comment créer un préréglage :<br /> <br /> # Ouvrez un module, une rangée ou une section et cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Cliquez sur le bouton &quot;+&quot; pour ajouter un nouveau préréglage.<br /> # Nommez votre préréglage et personnalisez les styles et les paramètres selon vos besoins.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder votre préréglage.<br /> # Maintenant, pour appliquer votre préréglage à d'autres éléments, il suffit de les sélectionner, d'ouvrir la fenêtre de paramètres et de choisir le préréglage souhaité dans la liste.<br /> <br /> Les préréglages de Divi sont un outil puissant pour améliorer votre productivité et la cohérence de vos designs. Essayez-les dès maintenant !<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=132 2023-04-18T13:32:37Z

<p>Loribel: /* Article de blog */</p> <hr /> <div>=Prompts GPT=<br /> ==Intro Vidéo Short==<br /> Je suis un expert web avec WordPress et Divi. Je partage des trucs astuces et tuto sur ma chaîne Youtube. Je veux faire des shorts, format de vidéo courtes pour différents réseaux sociaux. Vidéo de moins d’une minute.<br /> <br /> Peux tu m’aider à optimiser mes scripts des shorts. Je vais te donner une ébauche de script ou simplement un titre et je veux que tu me donnes un script complet pour une durée de moins d’une minute.<br /> <br /> Termine les script par cet appel à l'action : <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> As tu besoin. De plus d’info avant que je te donne le 1er script à travailler ?<br /> <br /> ==Sujet à tester==<br /> Connais tu la fonctionnalité ---- de Divi.<br /> Si oui, basés sur les conseils précédents, fait un script de type short de moins d'une minute pour partager cette astuce. <br /> Sinon je vais te donner les détails de la fonctionnalité.<br /> <br /> ==Article de blog==<br /> Faire de ce script un article de blog.<br /> <br /> Pour l'article donne moi :<br /> * 1 titre optimisé SEO<br /> * 1 bloc meta description pour le SEO<br /> * 1 introduction<br /> * 4 blocs pour pouvoir ajouter photos et ou citations entre chaque blocs.<br /> * 4 citations (extrait ou véritable citation relié avec auteur)<br /> * 1 conclusion<br /> <br /> =Idées=<br /> # Utiliser le mode Wireframe pour une meilleure organisation : Montrez comment passer en mode Wireframe pour faciliter la navigation et la gestion des sections, rangées et modules dans Divi.<br /> # Dupliquer des éléments rapidement : Montrez comment dupliquer rapidement des sections, rangées ou modules en cliquant simplement sur l'icône &quot;Dupliquer&quot; pour gagner du temps lors de la création de pages.<br /> # Utiliser l'historique des actions pour annuler ou rétablir des modifications : Expliquez comment accéder à l'historique des actions pour annuler ou rétablir facilement des modifications effectuées dans le Divi Builder.<br /> # Verrouiller ou masquer des éléments pour éviter les modifications accidentelles : Montrez comment verrouiller ou masquer des éléments dans Divi pour éviter les modifications accidentelles lors de la conception de pages.<br /> # Utiliser la bibliothèque Divi pour sauvegarder et réutiliser des éléments : Présentez comment sauvegarder des sections, rangées ou modules dans la bibliothèque Divi pour les réutiliser plus tard sur différentes pages de votre site.<br /> # Utiliser les raccourcis clavier pour gagner du temps : Partagez quelques raccourcis clavier utiles pour effectuer rapidement des actions courantes dans le Divi Builder.<br /> # Créer des colonnes personnalisées : Montrez comment créer des colonnes personnalisées dans Divi en ajustant la largeur de chaque colonne dans une rangée pour obtenir un design unique.<br /> # Utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles : Expliquez comment utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles spécifiques sur plusieurs éléments à la fois.<br /> # Ajuster la taille des modules en fonction de l'appareil : Montrez comment définir la taille et les dimensions des modules pour différents appareils (ordinateurs de bureau, tablettes et mobiles) afin d'assurer une apparence cohérente sur tous les écrans.<br /> # Utiliser les filtres CSS pour ajouter des effets visuels : Présentez comment appliquer des filtres CSS, tels que le flou, la luminosité ou le contraste, aux images et autres éléments pour ajouter des effets visuels intéressants à vos pages.<br /> # Ajuster l'espacement entre les éléments : Montrez comment modifier facilement les marges et les espacements entre les sections, rangées et modules pour un meilleur contrôle du design.<br /> # Utiliser les ombres portées pour ajouter de la profondeur : Expliquez comment ajouter des ombres portées aux éléments pour donner de la profondeur et améliorer l'esthétique de votre site.<br /> # Créer des dégradés pour un arrière-plan unique : Montrez comment utiliser la fonctionnalité de dégradés pour créer des arrière-plans personnalisés et dynamiques pour les sections, rangées et modules.<br /> # Ajouter des animations pour rendre votre site plus attrayant : Présentez comment ajouter des animations aux éléments de votre site pour capter l'attention des visiteurs et rendre votre site plus interactif.<br /> # Utiliser le mode &quot;Responsive&quot; pour prévisualiser sur différents appareils : Montrez comment activer le mode &quot;Responsive&quot; pour prévisualiser et ajuster votre site sur différents appareils (ordinateurs de bureau, tablettes et mobiles).<br /> # Personnaliser les boutons avec des styles uniques : Expliquez comment personnaliser l'apparence des boutons, y compris la couleur, la police et la taille, pour correspondre à l'esthétique de votre site.<br /> # Créer des formes personnalisées avec les séparateurs de section : Montrez comment utiliser les séparateurs de section pour créer des formes personnalisées et ajouter une touche unique à votre design.<br /> # Ajouter des icônes pour améliorer l'expérience utilisateur : Présentez comment ajouter des icônes aux boutons, titres et autres éléments pour rendre votre site plus attrayant et améliorer l'expérience utilisateur.<br /> # Utiliser les effets de défilement pour créer des animations basées sur le défilement : Expliquez comment ajouter des effets de défilement aux éléments pour les animer lors du défilement de la page, ajoutant ainsi une touche d'interactivité à votre site.<br /> # Optimiser les images pour de meilleures performances : Montrez comment optimiser les images pour réduire leur taille de fichier et améliorer les temps de chargement de votre site, tout en préservant la qualité visuelle.<br /> # Créer des effets de parallaxe pour un design dynamique : Montrez comment ajouter des effets de parallaxe aux images et aux arrière-plans pour créer un design plus dynamique et intéressant.<br /> # Utiliser les ancres pour faciliter la navigation : Expliquez comment utiliser les ancres pour créer des liens de navigation qui dirigent les visiteurs vers des sections spécifiques de votre page.<br /> # Personnaliser la barre de navigation : Présentez comment modifier l'apparence et le comportement de la barre de navigation pour mieux correspondre au style de votre site.<br /> # Utiliser des modèles de page prédéfinis : Montrez comment importer des modèles de page prédéfinis pour accélérer le processus de création de votre site et bénéficier d'inspiration pour votre design.<br /> # Ajouter des codes courts pour intégrer des fonctionnalités supplémentaires : Expliquez comment utiliser des codes courts pour intégrer facilement des fonctionnalités supplémentaires, telles que des formulaires de contact, des galeries d'images ou des témoignages.<br /> # Créer des colonnes imbriquées pour des mises en page complexes : Montrez comment créer des colonnes imbriquées pour réaliser des mises en page plus complexes et flexibles.<br /> # Utiliser le mode &quot;split testing&quot; pour optimiser votre site : Présentez comment utiliser le mode &quot;split testing&quot; pour comparer différentes versions d'un élément et déterminer quelle version fonctionne le mieux.<br /> # Personnaliser les pieds de page : Expliquez comment personnaliser les pieds de page de votre site, y compris les widgets, les couleurs et les polices, pour correspondre à l'esthétique de votre site.<br /> # Utiliser les espaces blancs pour améliorer la lisibilité : Montrez comment utiliser les espaces blancs pour améliorer la lisibilité et l'aspect général de votre site.<br /> # Ajouter des filtres de catégorie pour organiser votre contenu : Présentez comment utiliser les filtres de catégorie pour organiser et afficher votre contenu de manière plus structurée et conviviale.<br /> # Créer des en-têtes personnalisés : Montrez comment créer des en-têtes personnalisés pour votre site en utilisant le Thème Builder, y compris la modification du logo, des menus et des éléments de contact.<br /> # Concevoir des pieds de page personnalisés : Présentez comment créer des pieds de page personnalisés avec le Thème Builder, incluant l'ajout de widgets, de liens vers les réseaux sociaux et de coordonnées.<br /> # Utiliser les modèles de publication pour un design cohérent : Expliquez comment créer des modèles de publication personnalisés pour les articles de blog afin de garantir un design cohérent sur l'ensemble de votre site.<br /> # Appliquer des modèles conditionnels : Montrez comment appliquer des modèles conditionnels pour afficher différents en-têtes, pieds de page ou modèles de publication en fonction de certaines conditions, telles que la catégorie ou le type de page.<br /> # Créer des modèles d'archive personnalisés : Présentez comment créer des modèles d'archive personnalisés pour afficher vos articles de blog ou vos projets de manière unique et attrayante.<br /> # Personnaliser les pages de produits WooCommerce : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de produits WooCommerce, en modifiant l'apparence des images, des descriptions et des boutons &quot;Ajouter au panier&quot;.<br /> # Ajouter des éléments dynamiques : Montrez comment ajouter des éléments dynamiques, tels que des titres de publication, des métadonnées et des images à la une, aux modèles du Thème Builder pour afficher automatiquement les informations pertinentes.<br /> # Créer des modèles de page 404 personnalisés : Présentez comment créer des modèles de page 404 personnalisés pour offrir une expérience utilisateur améliorée lorsqu'un visiteur tombe sur une page inexistante.<br /> # Personnaliser les pages de connexion : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de connexion de votre site, y compris les couleurs, les images et les polices.<br /> # Utiliser les modèles globaux pour faciliter les mises à jour : Montrez comment utiliser les modèles globaux pour faciliter les mises à jour sur l'ensemble de votre site, en permettant de modifier un élément à un endroit et de mettre à jour automatiquement toutes les instances de cet élément.<br /> <br /> =Scripts=<br /> <br /> ==S001-style-modifie==<br /> '''🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !'''<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S002-palette-couleurs==<br /> Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail. Je vais vous montrer comment faire en quelques étapes simples.<br /> <br /> Allez dans le tableau de bord WordPress, puis cliquez sur &quot;Divi&quot; et sélectionnez &quot;Options du thème&quot;.<br /> <br /> Dans l'onglet &quot;Général&quot;, faites défiler vers le bas pour trouver la section &quot;Palette de couleurs du sélecteur de couleurs&quot;.<br /> <br /> Ici, vous pouvez définir vos couleurs préférées pour votre projet. Cliquez sur les cases de couleur et choisissez les couleurs que vous souhaitez utiliser sur votre site. Vous pouvez définir jusqu'à 8 couleurs.<br /> <br /> Une fois vos couleurs sélectionnées, n'oubliez pas de cliquer sur &quot;Enregistrer les modifications&quot; pour sauvegarder votre palette de couleurs personnalisée.<br /> <br /> Maintenant, lorsque vous travaillerez sur votre site Divi, vous aurez accès à votre palette de couleurs personnalisée pour un choix et une application des couleurs plus rapides et plus cohérents.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S000-selection-multiple==<br /> Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !<br /> <br /> Avec cette fonctionnalité, vous pouvez facilement modifier plusieurs éléments en même temps. <br /> <br /> Voici comment faire :<br /> <br /> # Maintenez la touche Ctrl (ou Cmd sur Mac) enfoncée et cliquez sur les éléments que vous souhaitez sélectionner. Vous verrez une bordure autour des éléments sélectionnés.<br /> # Une fois vos éléments sélectionnés, cliquez sur l'icône &quot;Modifier en bloc&quot; qui apparaît en bas de l'écran. Cela ouvrira une boîte de configuration où vous pourrez modifier les paramètres communs à tous les éléments sélectionnés.<br /> # Appliquez les modifications souhaitées et cliquez sur &quot;Enregistrer&quot; pour valider.<br /> <br /> Et voilà ! Vous avez maintenant modifié plusieurs éléments en un clin d'œil avec l'édition en bloc de Divi. Cette astuce vous permettra de gagner du temps et d'améliorer votre productivité dans la conception de vos pages.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets-h1==<br /> Salut à tous ! Aujourd'hui, je vais vous montrer comment utiliser les préréglages pour définir vos styles par défaut pour les titres H1, H2 et H3 dans le module texte de Divi. C'est un excellent moyen d'assurer la cohérence de votre design dès le début de la création de votre site web.<br /> <br /> # Ouvrez le module texte où vous voulez définir les styles par défaut pour vos titres.<br /> # Cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Sélectionnez le préréglage &quot;Par défaut&quot; et cliquez sur l'icône &quot;Modifier&quot;.<br /> # Allez dans l'onglet &quot;Design&quot; et déroulez les options pour &quot;H1&quot;, &quot;H2&quot; et &quot;H3&quot;.<br /> # Personnalisez la police, la couleur et la taille pour chaque niveau de titre.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder les modifications apportées au préréglage par défaut.<br /> <br /> Maintenant, chaque fois que vous ajouterez un nouveau module texte, les styles par défaut pour les titres H1, H2 et H3 que vous avez définis seront automatiquement appliqués.<br /> <br /> N'oubliez pas de définir vos styles par défaut dès le début de la création de votre site web pour assurer une apparence cohérente et gagner du temps.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-packs==<br /> Découvrez les nouveaux packs de layout Divi et leurs ressources incluses<br /> <br /> Salut à tous ! Aujourd'hui, je vais vous parler des nouveaux packs de layout Divi et de toutes les ressources fantastiques qu'ils incluent. 🎉<br /> <br /> Chaque fois que Divi publie un nouveau pack de layout, il est accompagné d'un article de blog détaillé qui présente non seulement les layouts, mais aussi des ressources supplémentaires telles que des images, des icônes et divers formats de fichiers. 📝🖼️<br /> <br /> Ces ressources sont offertes en formats JPG, PNG et même en AI et EPS, vous permettant de les utiliser et de les personnaliser selon vos besoins. Elles sont idéales pour donner un aspect professionnel et cohérent à votre site web. ✨<br /> <br /> De plus, ces packs de layout sont conçus pour être facilement importés et utilisés dans vos projets Divi. Vous pouvez les personnaliser et les adapter à l'identité visuelle de votre marque en quelques clics. Gain de temps garanti ! ⏱️<br /> <br /> Alors, n'hésitez pas à consulter régulièrement le blog de Divi pour découvrir leurs derniers packs de layout et les ressources offertes. Vous pourrez ainsi enrichir votre site web et impressionner vos visiteurs. 🚀<br /> <br /> C'était votre astuce rapide du jour ! <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets==<br /> Salut à tous ! Aujourd'hui, je vais vous présenter une fonctionnalité très pratique dans Divi : les préréglages ou &quot;Presets&quot;. <br /> Ils vous permettront de créer des styles personnalisés et de les réutiliser facilement sur votre site.<br /> <br /> Les préréglages sont des ensembles de styles et de paramètres que vous pouvez appliquer à différents éléments, comme des modules, des rangées ou des sections. Ils vous permettent de gagner du temps et d'assurer la cohérence de votre design.<br /> <br /> Voici comment créer un préréglage :<br /> <br /> # Ouvrez un module, une rangée ou une section et cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Cliquez sur le bouton &quot;+&quot; pour ajouter un nouveau préréglage.<br /> # Nommez votre préréglage et personnalisez les styles et les paramètres selon vos besoins.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder votre préréglage.<br /> # Maintenant, pour appliquer votre préréglage à d'autres éléments, il suffit de les sélectionner, d'ouvrir la fenêtre de paramètres et de choisir le préréglage souhaité dans la liste.<br /> <br /> Les préréglages de Divi sont un outil puissant pour améliorer votre productivité et la cohérence de vos designs. Essayez-les dès maintenant !<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=131 2023-04-18T13:30:16Z

<p>Loribel: /* Prompts GPT */</p> <hr /> <div>=Prompts GPT=<br /> ==Intro Vidéo Short==<br /> Je suis un expert web avec WordPress et Divi. Je partage des trucs astuces et tuto sur ma chaîne Youtube. Je veux faire des shorts, format de vidéo courtes pour différents réseaux sociaux. Vidéo de moins d’une minute.<br /> <br /> Peux tu m’aider à optimiser mes scripts des shorts. Je vais te donner une ébauche de script ou simplement un titre et je veux que tu me donnes un script complet pour une durée de moins d’une minute.<br /> <br /> Termine les script par cet appel à l'action : <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> As tu besoin. De plus d’info avant que je te donne le 1er script à travailler ?<br /> <br /> ==Sujet à tester==<br /> Connais tu la fonctionnalité ---- de Divi.<br /> Si oui, basés sur les conseils précédents, fait un script de type short de moins d'une minute pour partager cette astuce. <br /> Sinon je vais te donner les détails de la fonctionnalité.<br /> <br /> ==Article de blog==<br /> Faire de ce script un article de blog.<br /> <br /> Pour l'article donne moi :<br /> - 1 titre optimisé SEO<br /> - 1 introduction<br /> - 4 blocs pour pouvoir ajouter photos et ou citations entre chaque blocs.<br /> <br /> En plus de l’article, inclus aussi 4 citations relié au contenu.<br /> <br /> =Idées=<br /> # Utiliser le mode Wireframe pour une meilleure organisation : Montrez comment passer en mode Wireframe pour faciliter la navigation et la gestion des sections, rangées et modules dans Divi.<br /> # Dupliquer des éléments rapidement : Montrez comment dupliquer rapidement des sections, rangées ou modules en cliquant simplement sur l'icône &quot;Dupliquer&quot; pour gagner du temps lors de la création de pages.<br /> # Utiliser l'historique des actions pour annuler ou rétablir des modifications : Expliquez comment accéder à l'historique des actions pour annuler ou rétablir facilement des modifications effectuées dans le Divi Builder.<br /> # Verrouiller ou masquer des éléments pour éviter les modifications accidentelles : Montrez comment verrouiller ou masquer des éléments dans Divi pour éviter les modifications accidentelles lors de la conception de pages.<br /> # Utiliser la bibliothèque Divi pour sauvegarder et réutiliser des éléments : Présentez comment sauvegarder des sections, rangées ou modules dans la bibliothèque Divi pour les réutiliser plus tard sur différentes pages de votre site.<br /> # Utiliser les raccourcis clavier pour gagner du temps : Partagez quelques raccourcis clavier utiles pour effectuer rapidement des actions courantes dans le Divi Builder.<br /> # Créer des colonnes personnalisées : Montrez comment créer des colonnes personnalisées dans Divi en ajustant la largeur de chaque colonne dans une rangée pour obtenir un design unique.<br /> # Utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles : Expliquez comment utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles spécifiques sur plusieurs éléments à la fois.<br /> # Ajuster la taille des modules en fonction de l'appareil : Montrez comment définir la taille et les dimensions des modules pour différents appareils (ordinateurs de bureau, tablettes et mobiles) afin d'assurer une apparence cohérente sur tous les écrans.<br /> # Utiliser les filtres CSS pour ajouter des effets visuels : Présentez comment appliquer des filtres CSS, tels que le flou, la luminosité ou le contraste, aux images et autres éléments pour ajouter des effets visuels intéressants à vos pages.<br /> # Ajuster l'espacement entre les éléments : Montrez comment modifier facilement les marges et les espacements entre les sections, rangées et modules pour un meilleur contrôle du design.<br /> # Utiliser les ombres portées pour ajouter de la profondeur : Expliquez comment ajouter des ombres portées aux éléments pour donner de la profondeur et améliorer l'esthétique de votre site.<br /> # Créer des dégradés pour un arrière-plan unique : Montrez comment utiliser la fonctionnalité de dégradés pour créer des arrière-plans personnalisés et dynamiques pour les sections, rangées et modules.<br /> # Ajouter des animations pour rendre votre site plus attrayant : Présentez comment ajouter des animations aux éléments de votre site pour capter l'attention des visiteurs et rendre votre site plus interactif.<br /> # Utiliser le mode &quot;Responsive&quot; pour prévisualiser sur différents appareils : Montrez comment activer le mode &quot;Responsive&quot; pour prévisualiser et ajuster votre site sur différents appareils (ordinateurs de bureau, tablettes et mobiles).<br /> # Personnaliser les boutons avec des styles uniques : Expliquez comment personnaliser l'apparence des boutons, y compris la couleur, la police et la taille, pour correspondre à l'esthétique de votre site.<br /> # Créer des formes personnalisées avec les séparateurs de section : Montrez comment utiliser les séparateurs de section pour créer des formes personnalisées et ajouter une touche unique à votre design.<br /> # Ajouter des icônes pour améliorer l'expérience utilisateur : Présentez comment ajouter des icônes aux boutons, titres et autres éléments pour rendre votre site plus attrayant et améliorer l'expérience utilisateur.<br /> # Utiliser les effets de défilement pour créer des animations basées sur le défilement : Expliquez comment ajouter des effets de défilement aux éléments pour les animer lors du défilement de la page, ajoutant ainsi une touche d'interactivité à votre site.<br /> # Optimiser les images pour de meilleures performances : Montrez comment optimiser les images pour réduire leur taille de fichier et améliorer les temps de chargement de votre site, tout en préservant la qualité visuelle.<br /> # Créer des effets de parallaxe pour un design dynamique : Montrez comment ajouter des effets de parallaxe aux images et aux arrière-plans pour créer un design plus dynamique et intéressant.<br /> # Utiliser les ancres pour faciliter la navigation : Expliquez comment utiliser les ancres pour créer des liens de navigation qui dirigent les visiteurs vers des sections spécifiques de votre page.<br /> # Personnaliser la barre de navigation : Présentez comment modifier l'apparence et le comportement de la barre de navigation pour mieux correspondre au style de votre site.<br /> # Utiliser des modèles de page prédéfinis : Montrez comment importer des modèles de page prédéfinis pour accélérer le processus de création de votre site et bénéficier d'inspiration pour votre design.<br /> # Ajouter des codes courts pour intégrer des fonctionnalités supplémentaires : Expliquez comment utiliser des codes courts pour intégrer facilement des fonctionnalités supplémentaires, telles que des formulaires de contact, des galeries d'images ou des témoignages.<br /> # Créer des colonnes imbriquées pour des mises en page complexes : Montrez comment créer des colonnes imbriquées pour réaliser des mises en page plus complexes et flexibles.<br /> # Utiliser le mode &quot;split testing&quot; pour optimiser votre site : Présentez comment utiliser le mode &quot;split testing&quot; pour comparer différentes versions d'un élément et déterminer quelle version fonctionne le mieux.<br /> # Personnaliser les pieds de page : Expliquez comment personnaliser les pieds de page de votre site, y compris les widgets, les couleurs et les polices, pour correspondre à l'esthétique de votre site.<br /> # Utiliser les espaces blancs pour améliorer la lisibilité : Montrez comment utiliser les espaces blancs pour améliorer la lisibilité et l'aspect général de votre site.<br /> # Ajouter des filtres de catégorie pour organiser votre contenu : Présentez comment utiliser les filtres de catégorie pour organiser et afficher votre contenu de manière plus structurée et conviviale.<br /> # Créer des en-têtes personnalisés : Montrez comment créer des en-têtes personnalisés pour votre site en utilisant le Thème Builder, y compris la modification du logo, des menus et des éléments de contact.<br /> # Concevoir des pieds de page personnalisés : Présentez comment créer des pieds de page personnalisés avec le Thème Builder, incluant l'ajout de widgets, de liens vers les réseaux sociaux et de coordonnées.<br /> # Utiliser les modèles de publication pour un design cohérent : Expliquez comment créer des modèles de publication personnalisés pour les articles de blog afin de garantir un design cohérent sur l'ensemble de votre site.<br /> # Appliquer des modèles conditionnels : Montrez comment appliquer des modèles conditionnels pour afficher différents en-têtes, pieds de page ou modèles de publication en fonction de certaines conditions, telles que la catégorie ou le type de page.<br /> # Créer des modèles d'archive personnalisés : Présentez comment créer des modèles d'archive personnalisés pour afficher vos articles de blog ou vos projets de manière unique et attrayante.<br /> # Personnaliser les pages de produits WooCommerce : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de produits WooCommerce, en modifiant l'apparence des images, des descriptions et des boutons &quot;Ajouter au panier&quot;.<br /> # Ajouter des éléments dynamiques : Montrez comment ajouter des éléments dynamiques, tels que des titres de publication, des métadonnées et des images à la une, aux modèles du Thème Builder pour afficher automatiquement les informations pertinentes.<br /> # Créer des modèles de page 404 personnalisés : Présentez comment créer des modèles de page 404 personnalisés pour offrir une expérience utilisateur améliorée lorsqu'un visiteur tombe sur une page inexistante.<br /> # Personnaliser les pages de connexion : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de connexion de votre site, y compris les couleurs, les images et les polices.<br /> # Utiliser les modèles globaux pour faciliter les mises à jour : Montrez comment utiliser les modèles globaux pour faciliter les mises à jour sur l'ensemble de votre site, en permettant de modifier un élément à un endroit et de mettre à jour automatiquement toutes les instances de cet élément.<br /> <br /> =Scripts=<br /> <br /> ==S001-style-modifie==<br /> '''🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !'''<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S002-palette-couleurs==<br /> Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail. Je vais vous montrer comment faire en quelques étapes simples.<br /> <br /> Allez dans le tableau de bord WordPress, puis cliquez sur &quot;Divi&quot; et sélectionnez &quot;Options du thème&quot;.<br /> <br /> Dans l'onglet &quot;Général&quot;, faites défiler vers le bas pour trouver la section &quot;Palette de couleurs du sélecteur de couleurs&quot;.<br /> <br /> Ici, vous pouvez définir vos couleurs préférées pour votre projet. Cliquez sur les cases de couleur et choisissez les couleurs que vous souhaitez utiliser sur votre site. Vous pouvez définir jusqu'à 8 couleurs.<br /> <br /> Une fois vos couleurs sélectionnées, n'oubliez pas de cliquer sur &quot;Enregistrer les modifications&quot; pour sauvegarder votre palette de couleurs personnalisée.<br /> <br /> Maintenant, lorsque vous travaillerez sur votre site Divi, vous aurez accès à votre palette de couleurs personnalisée pour un choix et une application des couleurs plus rapides et plus cohérents.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S000-selection-multiple==<br /> Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !<br /> <br /> Avec cette fonctionnalité, vous pouvez facilement modifier plusieurs éléments en même temps. <br /> <br /> Voici comment faire :<br /> <br /> # Maintenez la touche Ctrl (ou Cmd sur Mac) enfoncée et cliquez sur les éléments que vous souhaitez sélectionner. Vous verrez une bordure autour des éléments sélectionnés.<br /> # Une fois vos éléments sélectionnés, cliquez sur l'icône &quot;Modifier en bloc&quot; qui apparaît en bas de l'écran. Cela ouvrira une boîte de configuration où vous pourrez modifier les paramètres communs à tous les éléments sélectionnés.<br /> # Appliquez les modifications souhaitées et cliquez sur &quot;Enregistrer&quot; pour valider.<br /> <br /> Et voilà ! Vous avez maintenant modifié plusieurs éléments en un clin d'œil avec l'édition en bloc de Divi. Cette astuce vous permettra de gagner du temps et d'améliorer votre productivité dans la conception de vos pages.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets-h1==<br /> Salut à tous ! Aujourd'hui, je vais vous montrer comment utiliser les préréglages pour définir vos styles par défaut pour les titres H1, H2 et H3 dans le module texte de Divi. C'est un excellent moyen d'assurer la cohérence de votre design dès le début de la création de votre site web.<br /> <br /> # Ouvrez le module texte où vous voulez définir les styles par défaut pour vos titres.<br /> # Cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Sélectionnez le préréglage &quot;Par défaut&quot; et cliquez sur l'icône &quot;Modifier&quot;.<br /> # Allez dans l'onglet &quot;Design&quot; et déroulez les options pour &quot;H1&quot;, &quot;H2&quot; et &quot;H3&quot;.<br /> # Personnalisez la police, la couleur et la taille pour chaque niveau de titre.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder les modifications apportées au préréglage par défaut.<br /> <br /> Maintenant, chaque fois que vous ajouterez un nouveau module texte, les styles par défaut pour les titres H1, H2 et H3 que vous avez définis seront automatiquement appliqués.<br /> <br /> N'oubliez pas de définir vos styles par défaut dès le début de la création de votre site web pour assurer une apparence cohérente et gagner du temps.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-packs==<br /> Découvrez les nouveaux packs de layout Divi et leurs ressources incluses<br /> <br /> Salut à tous ! Aujourd'hui, je vais vous parler des nouveaux packs de layout Divi et de toutes les ressources fantastiques qu'ils incluent. 🎉<br /> <br /> Chaque fois que Divi publie un nouveau pack de layout, il est accompagné d'un article de blog détaillé qui présente non seulement les layouts, mais aussi des ressources supplémentaires telles que des images, des icônes et divers formats de fichiers. 📝🖼️<br /> <br /> Ces ressources sont offertes en formats JPG, PNG et même en AI et EPS, vous permettant de les utiliser et de les personnaliser selon vos besoins. Elles sont idéales pour donner un aspect professionnel et cohérent à votre site web. ✨<br /> <br /> De plus, ces packs de layout sont conçus pour être facilement importés et utilisés dans vos projets Divi. Vous pouvez les personnaliser et les adapter à l'identité visuelle de votre marque en quelques clics. Gain de temps garanti ! ⏱️<br /> <br /> Alors, n'hésitez pas à consulter régulièrement le blog de Divi pour découvrir leurs derniers packs de layout et les ressources offertes. Vous pourrez ainsi enrichir votre site web et impressionner vos visiteurs. 🚀<br /> <br /> C'était votre astuce rapide du jour ! <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets==<br /> Salut à tous ! Aujourd'hui, je vais vous présenter une fonctionnalité très pratique dans Divi : les préréglages ou &quot;Presets&quot;. <br /> Ils vous permettront de créer des styles personnalisés et de les réutiliser facilement sur votre site.<br /> <br /> Les préréglages sont des ensembles de styles et de paramètres que vous pouvez appliquer à différents éléments, comme des modules, des rangées ou des sections. Ils vous permettent de gagner du temps et d'assurer la cohérence de votre design.<br /> <br /> Voici comment créer un préréglage :<br /> <br /> # Ouvrez un module, une rangée ou une section et cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Cliquez sur le bouton &quot;+&quot; pour ajouter un nouveau préréglage.<br /> # Nommez votre préréglage et personnalisez les styles et les paramètres selon vos besoins.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder votre préréglage.<br /> # Maintenant, pour appliquer votre préréglage à d'autres éléments, il suffit de les sélectionner, d'ouvrir la fenêtre de paramètres et de choisir le préréglage souhaité dans la liste.<br /> <br /> Les préréglages de Divi sont un outil puissant pour améliorer votre productivité et la cohérence de vos designs. Essayez-les dès maintenant !<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=130 2023-04-18T13:12:33Z

<p>Loribel: </p> <hr /> <div>=Prompts GPT=<br /> ==Intro Vidéo Short==<br /> Je suis un expert web avec WordPress et Divi. Je partage des trucs astuces et tuto sur ma chaîne Youtube. Je veux faire des shorts, format de vidéo courtes pour différents réseaux sociaux. Vidéo de moins d’une minute.<br /> <br /> Peux tu m’aider à optimiser mes scripts des shorts. Je vais te donner une ébauche de script ou simplement un titre et je veux que tu me donnes un script complet pour une durée de moins d’une minute.<br /> <br /> Termine les script par cet appel à l'action : <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> As tu besoin. De plus d’info avant que je te donne le 1er script à travailler ? <br /> <br /> =Idées=<br /> # Utiliser le mode Wireframe pour une meilleure organisation : Montrez comment passer en mode Wireframe pour faciliter la navigation et la gestion des sections, rangées et modules dans Divi.<br /> # Dupliquer des éléments rapidement : Montrez comment dupliquer rapidement des sections, rangées ou modules en cliquant simplement sur l'icône &quot;Dupliquer&quot; pour gagner du temps lors de la création de pages.<br /> # Utiliser l'historique des actions pour annuler ou rétablir des modifications : Expliquez comment accéder à l'historique des actions pour annuler ou rétablir facilement des modifications effectuées dans le Divi Builder.<br /> # Verrouiller ou masquer des éléments pour éviter les modifications accidentelles : Montrez comment verrouiller ou masquer des éléments dans Divi pour éviter les modifications accidentelles lors de la conception de pages.<br /> # Utiliser la bibliothèque Divi pour sauvegarder et réutiliser des éléments : Présentez comment sauvegarder des sections, rangées ou modules dans la bibliothèque Divi pour les réutiliser plus tard sur différentes pages de votre site.<br /> # Utiliser les raccourcis clavier pour gagner du temps : Partagez quelques raccourcis clavier utiles pour effectuer rapidement des actions courantes dans le Divi Builder.<br /> # Créer des colonnes personnalisées : Montrez comment créer des colonnes personnalisées dans Divi en ajustant la largeur de chaque colonne dans une rangée pour obtenir un design unique.<br /> # Utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles : Expliquez comment utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles spécifiques sur plusieurs éléments à la fois.<br /> # Ajuster la taille des modules en fonction de l'appareil : Montrez comment définir la taille et les dimensions des modules pour différents appareils (ordinateurs de bureau, tablettes et mobiles) afin d'assurer une apparence cohérente sur tous les écrans.<br /> # Utiliser les filtres CSS pour ajouter des effets visuels : Présentez comment appliquer des filtres CSS, tels que le flou, la luminosité ou le contraste, aux images et autres éléments pour ajouter des effets visuels intéressants à vos pages.<br /> # Ajuster l'espacement entre les éléments : Montrez comment modifier facilement les marges et les espacements entre les sections, rangées et modules pour un meilleur contrôle du design.<br /> # Utiliser les ombres portées pour ajouter de la profondeur : Expliquez comment ajouter des ombres portées aux éléments pour donner de la profondeur et améliorer l'esthétique de votre site.<br /> # Créer des dégradés pour un arrière-plan unique : Montrez comment utiliser la fonctionnalité de dégradés pour créer des arrière-plans personnalisés et dynamiques pour les sections, rangées et modules.<br /> # Ajouter des animations pour rendre votre site plus attrayant : Présentez comment ajouter des animations aux éléments de votre site pour capter l'attention des visiteurs et rendre votre site plus interactif.<br /> # Utiliser le mode &quot;Responsive&quot; pour prévisualiser sur différents appareils : Montrez comment activer le mode &quot;Responsive&quot; pour prévisualiser et ajuster votre site sur différents appareils (ordinateurs de bureau, tablettes et mobiles).<br /> # Personnaliser les boutons avec des styles uniques : Expliquez comment personnaliser l'apparence des boutons, y compris la couleur, la police et la taille, pour correspondre à l'esthétique de votre site.<br /> # Créer des formes personnalisées avec les séparateurs de section : Montrez comment utiliser les séparateurs de section pour créer des formes personnalisées et ajouter une touche unique à votre design.<br /> # Ajouter des icônes pour améliorer l'expérience utilisateur : Présentez comment ajouter des icônes aux boutons, titres et autres éléments pour rendre votre site plus attrayant et améliorer l'expérience utilisateur.<br /> # Utiliser les effets de défilement pour créer des animations basées sur le défilement : Expliquez comment ajouter des effets de défilement aux éléments pour les animer lors du défilement de la page, ajoutant ainsi une touche d'interactivité à votre site.<br /> # Optimiser les images pour de meilleures performances : Montrez comment optimiser les images pour réduire leur taille de fichier et améliorer les temps de chargement de votre site, tout en préservant la qualité visuelle.<br /> # Créer des effets de parallaxe pour un design dynamique : Montrez comment ajouter des effets de parallaxe aux images et aux arrière-plans pour créer un design plus dynamique et intéressant.<br /> # Utiliser les ancres pour faciliter la navigation : Expliquez comment utiliser les ancres pour créer des liens de navigation qui dirigent les visiteurs vers des sections spécifiques de votre page.<br /> # Personnaliser la barre de navigation : Présentez comment modifier l'apparence et le comportement de la barre de navigation pour mieux correspondre au style de votre site.<br /> # Utiliser des modèles de page prédéfinis : Montrez comment importer des modèles de page prédéfinis pour accélérer le processus de création de votre site et bénéficier d'inspiration pour votre design.<br /> # Ajouter des codes courts pour intégrer des fonctionnalités supplémentaires : Expliquez comment utiliser des codes courts pour intégrer facilement des fonctionnalités supplémentaires, telles que des formulaires de contact, des galeries d'images ou des témoignages.<br /> # Créer des colonnes imbriquées pour des mises en page complexes : Montrez comment créer des colonnes imbriquées pour réaliser des mises en page plus complexes et flexibles.<br /> # Utiliser le mode &quot;split testing&quot; pour optimiser votre site : Présentez comment utiliser le mode &quot;split testing&quot; pour comparer différentes versions d'un élément et déterminer quelle version fonctionne le mieux.<br /> # Personnaliser les pieds de page : Expliquez comment personnaliser les pieds de page de votre site, y compris les widgets, les couleurs et les polices, pour correspondre à l'esthétique de votre site.<br /> # Utiliser les espaces blancs pour améliorer la lisibilité : Montrez comment utiliser les espaces blancs pour améliorer la lisibilité et l'aspect général de votre site.<br /> # Ajouter des filtres de catégorie pour organiser votre contenu : Présentez comment utiliser les filtres de catégorie pour organiser et afficher votre contenu de manière plus structurée et conviviale.<br /> # Créer des en-têtes personnalisés : Montrez comment créer des en-têtes personnalisés pour votre site en utilisant le Thème Builder, y compris la modification du logo, des menus et des éléments de contact.<br /> # Concevoir des pieds de page personnalisés : Présentez comment créer des pieds de page personnalisés avec le Thème Builder, incluant l'ajout de widgets, de liens vers les réseaux sociaux et de coordonnées.<br /> # Utiliser les modèles de publication pour un design cohérent : Expliquez comment créer des modèles de publication personnalisés pour les articles de blog afin de garantir un design cohérent sur l'ensemble de votre site.<br /> # Appliquer des modèles conditionnels : Montrez comment appliquer des modèles conditionnels pour afficher différents en-têtes, pieds de page ou modèles de publication en fonction de certaines conditions, telles que la catégorie ou le type de page.<br /> # Créer des modèles d'archive personnalisés : Présentez comment créer des modèles d'archive personnalisés pour afficher vos articles de blog ou vos projets de manière unique et attrayante.<br /> # Personnaliser les pages de produits WooCommerce : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de produits WooCommerce, en modifiant l'apparence des images, des descriptions et des boutons &quot;Ajouter au panier&quot;.<br /> # Ajouter des éléments dynamiques : Montrez comment ajouter des éléments dynamiques, tels que des titres de publication, des métadonnées et des images à la une, aux modèles du Thème Builder pour afficher automatiquement les informations pertinentes.<br /> # Créer des modèles de page 404 personnalisés : Présentez comment créer des modèles de page 404 personnalisés pour offrir une expérience utilisateur améliorée lorsqu'un visiteur tombe sur une page inexistante.<br /> # Personnaliser les pages de connexion : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de connexion de votre site, y compris les couleurs, les images et les polices.<br /> # Utiliser les modèles globaux pour faciliter les mises à jour : Montrez comment utiliser les modèles globaux pour faciliter les mises à jour sur l'ensemble de votre site, en permettant de modifier un élément à un endroit et de mettre à jour automatiquement toutes les instances de cet élément.<br /> <br /> =Scripts=<br /> <br /> ==S001-style-modifie==<br /> '''🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !'''<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S002-palette-couleurs==<br /> Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail. Je vais vous montrer comment faire en quelques étapes simples.<br /> <br /> Allez dans le tableau de bord WordPress, puis cliquez sur &quot;Divi&quot; et sélectionnez &quot;Options du thème&quot;.<br /> <br /> Dans l'onglet &quot;Général&quot;, faites défiler vers le bas pour trouver la section &quot;Palette de couleurs du sélecteur de couleurs&quot;.<br /> <br /> Ici, vous pouvez définir vos couleurs préférées pour votre projet. Cliquez sur les cases de couleur et choisissez les couleurs que vous souhaitez utiliser sur votre site. Vous pouvez définir jusqu'à 8 couleurs.<br /> <br /> Une fois vos couleurs sélectionnées, n'oubliez pas de cliquer sur &quot;Enregistrer les modifications&quot; pour sauvegarder votre palette de couleurs personnalisée.<br /> <br /> Maintenant, lorsque vous travaillerez sur votre site Divi, vous aurez accès à votre palette de couleurs personnalisée pour un choix et une application des couleurs plus rapides et plus cohérents.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S000-selection-multiple==<br /> Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !<br /> <br /> Avec cette fonctionnalité, vous pouvez facilement modifier plusieurs éléments en même temps. <br /> <br /> Voici comment faire :<br /> <br /> # Maintenez la touche Ctrl (ou Cmd sur Mac) enfoncée et cliquez sur les éléments que vous souhaitez sélectionner. Vous verrez une bordure autour des éléments sélectionnés.<br /> # Une fois vos éléments sélectionnés, cliquez sur l'icône &quot;Modifier en bloc&quot; qui apparaît en bas de l'écran. Cela ouvrira une boîte de configuration où vous pourrez modifier les paramètres communs à tous les éléments sélectionnés.<br /> # Appliquez les modifications souhaitées et cliquez sur &quot;Enregistrer&quot; pour valider.<br /> <br /> Et voilà ! Vous avez maintenant modifié plusieurs éléments en un clin d'œil avec l'édition en bloc de Divi. Cette astuce vous permettra de gagner du temps et d'améliorer votre productivité dans la conception de vos pages.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets-h1==<br /> Salut à tous ! Aujourd'hui, je vais vous montrer comment utiliser les préréglages pour définir vos styles par défaut pour les titres H1, H2 et H3 dans le module texte de Divi. C'est un excellent moyen d'assurer la cohérence de votre design dès le début de la création de votre site web.<br /> <br /> # Ouvrez le module texte où vous voulez définir les styles par défaut pour vos titres.<br /> # Cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Sélectionnez le préréglage &quot;Par défaut&quot; et cliquez sur l'icône &quot;Modifier&quot;.<br /> # Allez dans l'onglet &quot;Design&quot; et déroulez les options pour &quot;H1&quot;, &quot;H2&quot; et &quot;H3&quot;.<br /> # Personnalisez la police, la couleur et la taille pour chaque niveau de titre.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder les modifications apportées au préréglage par défaut.<br /> <br /> Maintenant, chaque fois que vous ajouterez un nouveau module texte, les styles par défaut pour les titres H1, H2 et H3 que vous avez définis seront automatiquement appliqués.<br /> <br /> N'oubliez pas de définir vos styles par défaut dès le début de la création de votre site web pour assurer une apparence cohérente et gagner du temps.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-packs==<br /> Découvrez les nouveaux packs de layout Divi et leurs ressources incluses<br /> <br /> Salut à tous ! Aujourd'hui, je vais vous parler des nouveaux packs de layout Divi et de toutes les ressources fantastiques qu'ils incluent. 🎉<br /> <br /> Chaque fois que Divi publie un nouveau pack de layout, il est accompagné d'un article de blog détaillé qui présente non seulement les layouts, mais aussi des ressources supplémentaires telles que des images, des icônes et divers formats de fichiers. 📝🖼️<br /> <br /> Ces ressources sont offertes en formats JPG, PNG et même en AI et EPS, vous permettant de les utiliser et de les personnaliser selon vos besoins. Elles sont idéales pour donner un aspect professionnel et cohérent à votre site web. ✨<br /> <br /> De plus, ces packs de layout sont conçus pour être facilement importés et utilisés dans vos projets Divi. Vous pouvez les personnaliser et les adapter à l'identité visuelle de votre marque en quelques clics. Gain de temps garanti ! ⏱️<br /> <br /> Alors, n'hésitez pas à consulter régulièrement le blog de Divi pour découvrir leurs derniers packs de layout et les ressources offertes. Vous pourrez ainsi enrichir votre site web et impressionner vos visiteurs. 🚀<br /> <br /> C'était votre astuce rapide du jour ! <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets==<br /> Salut à tous ! Aujourd'hui, je vais vous présenter une fonctionnalité très pratique dans Divi : les préréglages ou &quot;Presets&quot;. <br /> Ils vous permettront de créer des styles personnalisés et de les réutiliser facilement sur votre site.<br /> <br /> Les préréglages sont des ensembles de styles et de paramètres que vous pouvez appliquer à différents éléments, comme des modules, des rangées ou des sections. Ils vous permettent de gagner du temps et d'assurer la cohérence de votre design.<br /> <br /> Voici comment créer un préréglage :<br /> <br /> # Ouvrez un module, une rangée ou une section et cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Cliquez sur le bouton &quot;+&quot; pour ajouter un nouveau préréglage.<br /> # Nommez votre préréglage et personnalisez les styles et les paramètres selon vos besoins.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder votre préréglage.<br /> # Maintenant, pour appliquer votre préréglage à d'autres éléments, il suffit de les sélectionner, d'ouvrir la fenêtre de paramètres et de choisir le préréglage souhaité dans la liste.<br /> <br /> Les préréglages de Divi sont un outil puissant pour améliorer votre productivité et la cohérence de vos designs. Essayez-les dès maintenant !<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=129 2023-04-18T12:28:17Z

<p>Loribel: /* Idées */</p> <hr /> <div><br /> =Idées=<br /> <br /> # Utiliser le mode Wireframe pour une meilleure organisation : Montrez comment passer en mode Wireframe pour faciliter la navigation et la gestion des sections, rangées et modules dans Divi.<br /> # Dupliquer des éléments rapidement : Montrez comment dupliquer rapidement des sections, rangées ou modules en cliquant simplement sur l'icône &quot;Dupliquer&quot; pour gagner du temps lors de la création de pages.<br /> # Utiliser l'historique des actions pour annuler ou rétablir des modifications : Expliquez comment accéder à l'historique des actions pour annuler ou rétablir facilement des modifications effectuées dans le Divi Builder.<br /> # Verrouiller ou masquer des éléments pour éviter les modifications accidentelles : Montrez comment verrouiller ou masquer des éléments dans Divi pour éviter les modifications accidentelles lors de la conception de pages.<br /> # Utiliser la bibliothèque Divi pour sauvegarder et réutiliser des éléments : Présentez comment sauvegarder des sections, rangées ou modules dans la bibliothèque Divi pour les réutiliser plus tard sur différentes pages de votre site.<br /> # Utiliser les raccourcis clavier pour gagner du temps : Partagez quelques raccourcis clavier utiles pour effectuer rapidement des actions courantes dans le Divi Builder.<br /> # Créer des colonnes personnalisées : Montrez comment créer des colonnes personnalisées dans Divi en ajustant la largeur de chaque colonne dans une rangée pour obtenir un design unique.<br /> # Utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles : Expliquez comment utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles spécifiques sur plusieurs éléments à la fois.<br /> # Ajuster la taille des modules en fonction de l'appareil : Montrez comment définir la taille et les dimensions des modules pour différents appareils (ordinateurs de bureau, tablettes et mobiles) afin d'assurer une apparence cohérente sur tous les écrans.<br /> # Utiliser les filtres CSS pour ajouter des effets visuels : Présentez comment appliquer des filtres CSS, tels que le flou, la luminosité ou le contraste, aux images et autres éléments pour ajouter des effets visuels intéressants à vos pages.<br /> # Ajuster l'espacement entre les éléments : Montrez comment modifier facilement les marges et les espacements entre les sections, rangées et modules pour un meilleur contrôle du design.<br /> # Utiliser les ombres portées pour ajouter de la profondeur : Expliquez comment ajouter des ombres portées aux éléments pour donner de la profondeur et améliorer l'esthétique de votre site.<br /> # Créer des dégradés pour un arrière-plan unique : Montrez comment utiliser la fonctionnalité de dégradés pour créer des arrière-plans personnalisés et dynamiques pour les sections, rangées et modules.<br /> # Ajouter des animations pour rendre votre site plus attrayant : Présentez comment ajouter des animations aux éléments de votre site pour capter l'attention des visiteurs et rendre votre site plus interactif.<br /> # Utiliser le mode &quot;Responsive&quot; pour prévisualiser sur différents appareils : Montrez comment activer le mode &quot;Responsive&quot; pour prévisualiser et ajuster votre site sur différents appareils (ordinateurs de bureau, tablettes et mobiles).<br /> # Personnaliser les boutons avec des styles uniques : Expliquez comment personnaliser l'apparence des boutons, y compris la couleur, la police et la taille, pour correspondre à l'esthétique de votre site.<br /> # Créer des formes personnalisées avec les séparateurs de section : Montrez comment utiliser les séparateurs de section pour créer des formes personnalisées et ajouter une touche unique à votre design.<br /> # Ajouter des icônes pour améliorer l'expérience utilisateur : Présentez comment ajouter des icônes aux boutons, titres et autres éléments pour rendre votre site plus attrayant et améliorer l'expérience utilisateur.<br /> # Utiliser les effets de défilement pour créer des animations basées sur le défilement : Expliquez comment ajouter des effets de défilement aux éléments pour les animer lors du défilement de la page, ajoutant ainsi une touche d'interactivité à votre site.<br /> # Optimiser les images pour de meilleures performances : Montrez comment optimiser les images pour réduire leur taille de fichier et améliorer les temps de chargement de votre site, tout en préservant la qualité visuelle.<br /> # Créer des effets de parallaxe pour un design dynamique : Montrez comment ajouter des effets de parallaxe aux images et aux arrière-plans pour créer un design plus dynamique et intéressant.<br /> # Utiliser les ancres pour faciliter la navigation : Expliquez comment utiliser les ancres pour créer des liens de navigation qui dirigent les visiteurs vers des sections spécifiques de votre page.<br /> # Personnaliser la barre de navigation : Présentez comment modifier l'apparence et le comportement de la barre de navigation pour mieux correspondre au style de votre site.<br /> # Utiliser des modèles de page prédéfinis : Montrez comment importer des modèles de page prédéfinis pour accélérer le processus de création de votre site et bénéficier d'inspiration pour votre design.<br /> # Ajouter des codes courts pour intégrer des fonctionnalités supplémentaires : Expliquez comment utiliser des codes courts pour intégrer facilement des fonctionnalités supplémentaires, telles que des formulaires de contact, des galeries d'images ou des témoignages.<br /> # Créer des colonnes imbriquées pour des mises en page complexes : Montrez comment créer des colonnes imbriquées pour réaliser des mises en page plus complexes et flexibles.<br /> # Utiliser le mode &quot;split testing&quot; pour optimiser votre site : Présentez comment utiliser le mode &quot;split testing&quot; pour comparer différentes versions d'un élément et déterminer quelle version fonctionne le mieux.<br /> # Personnaliser les pieds de page : Expliquez comment personnaliser les pieds de page de votre site, y compris les widgets, les couleurs et les polices, pour correspondre à l'esthétique de votre site.<br /> # Utiliser les espaces blancs pour améliorer la lisibilité : Montrez comment utiliser les espaces blancs pour améliorer la lisibilité et l'aspect général de votre site.<br /> # Ajouter des filtres de catégorie pour organiser votre contenu : Présentez comment utiliser les filtres de catégorie pour organiser et afficher votre contenu de manière plus structurée et conviviale.<br /> # Créer des en-têtes personnalisés : Montrez comment créer des en-têtes personnalisés pour votre site en utilisant le Thème Builder, y compris la modification du logo, des menus et des éléments de contact.<br /> # Concevoir des pieds de page personnalisés : Présentez comment créer des pieds de page personnalisés avec le Thème Builder, incluant l'ajout de widgets, de liens vers les réseaux sociaux et de coordonnées.<br /> # Utiliser les modèles de publication pour un design cohérent : Expliquez comment créer des modèles de publication personnalisés pour les articles de blog afin de garantir un design cohérent sur l'ensemble de votre site.<br /> # Appliquer des modèles conditionnels : Montrez comment appliquer des modèles conditionnels pour afficher différents en-têtes, pieds de page ou modèles de publication en fonction de certaines conditions, telles que la catégorie ou le type de page.<br /> # Créer des modèles d'archive personnalisés : Présentez comment créer des modèles d'archive personnalisés pour afficher vos articles de blog ou vos projets de manière unique et attrayante.<br /> # Personnaliser les pages de produits WooCommerce : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de produits WooCommerce, en modifiant l'apparence des images, des descriptions et des boutons &quot;Ajouter au panier&quot;.<br /> # Ajouter des éléments dynamiques : Montrez comment ajouter des éléments dynamiques, tels que des titres de publication, des métadonnées et des images à la une, aux modèles du Thème Builder pour afficher automatiquement les informations pertinentes.<br /> # Créer des modèles de page 404 personnalisés : Présentez comment créer des modèles de page 404 personnalisés pour offrir une expérience utilisateur améliorée lorsqu'un visiteur tombe sur une page inexistante.<br /> # Personnaliser les pages de connexion : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de connexion de votre site, y compris les couleurs, les images et les polices.<br /> # Utiliser les modèles globaux pour faciliter les mises à jour : Montrez comment utiliser les modèles globaux pour faciliter les mises à jour sur l'ensemble de votre site, en permettant de modifier un élément à un endroit et de mettre à jour automatiquement toutes les instances de cet élément.<br /> <br /> =Scripts=<br /> <br /> ==S001-style-modifie==<br /> '''🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !'''<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S002-palette-couleurs==<br /> Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail. Je vais vous montrer comment faire en quelques étapes simples.<br /> <br /> Allez dans le tableau de bord WordPress, puis cliquez sur &quot;Divi&quot; et sélectionnez &quot;Options du thème&quot;.<br /> <br /> Dans l'onglet &quot;Général&quot;, faites défiler vers le bas pour trouver la section &quot;Palette de couleurs du sélecteur de couleurs&quot;.<br /> <br /> Ici, vous pouvez définir vos couleurs préférées pour votre projet. Cliquez sur les cases de couleur et choisissez les couleurs que vous souhaitez utiliser sur votre site. Vous pouvez définir jusqu'à 8 couleurs.<br /> <br /> Une fois vos couleurs sélectionnées, n'oubliez pas de cliquer sur &quot;Enregistrer les modifications&quot; pour sauvegarder votre palette de couleurs personnalisée.<br /> <br /> Maintenant, lorsque vous travaillerez sur votre site Divi, vous aurez accès à votre palette de couleurs personnalisée pour un choix et une application des couleurs plus rapides et plus cohérents.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S000-selection-multiple==<br /> Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !<br /> <br /> Avec cette fonctionnalité, vous pouvez facilement modifier plusieurs éléments en même temps. <br /> <br /> Voici comment faire :<br /> <br /> # Maintenez la touche Ctrl (ou Cmd sur Mac) enfoncée et cliquez sur les éléments que vous souhaitez sélectionner. Vous verrez une bordure autour des éléments sélectionnés.<br /> # Une fois vos éléments sélectionnés, cliquez sur l'icône &quot;Modifier en bloc&quot; qui apparaît en bas de l'écran. Cela ouvrira une boîte de configuration où vous pourrez modifier les paramètres communs à tous les éléments sélectionnés.<br /> # Appliquez les modifications souhaitées et cliquez sur &quot;Enregistrer&quot; pour valider.<br /> <br /> Et voilà ! Vous avez maintenant modifié plusieurs éléments en un clin d'œil avec l'édition en bloc de Divi. Cette astuce vous permettra de gagner du temps et d'améliorer votre productivité dans la conception de vos pages.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets-h1==<br /> Salut à tous ! Aujourd'hui, je vais vous montrer comment utiliser les préréglages pour définir vos styles par défaut pour les titres H1, H2 et H3 dans le module texte de Divi. C'est un excellent moyen d'assurer la cohérence de votre design dès le début de la création de votre site web.<br /> <br /> # Ouvrez le module texte où vous voulez définir les styles par défaut pour vos titres.<br /> # Cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Sélectionnez le préréglage &quot;Par défaut&quot; et cliquez sur l'icône &quot;Modifier&quot;.<br /> # Allez dans l'onglet &quot;Design&quot; et déroulez les options pour &quot;H1&quot;, &quot;H2&quot; et &quot;H3&quot;.<br /> # Personnalisez la police, la couleur et la taille pour chaque niveau de titre.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder les modifications apportées au préréglage par défaut.<br /> <br /> Maintenant, chaque fois que vous ajouterez un nouveau module texte, les styles par défaut pour les titres H1, H2 et H3 que vous avez définis seront automatiquement appliqués.<br /> <br /> N'oubliez pas de définir vos styles par défaut dès le début de la création de votre site web pour assurer une apparence cohérente et gagner du temps.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-packs==<br /> Découvrez les nouveaux packs de layout Divi et leurs ressources incluses<br /> <br /> Salut à tous ! Aujourd'hui, je vais vous parler des nouveaux packs de layout Divi et de toutes les ressources fantastiques qu'ils incluent. 🎉<br /> <br /> Chaque fois que Divi publie un nouveau pack de layout, il est accompagné d'un article de blog détaillé qui présente non seulement les layouts, mais aussi des ressources supplémentaires telles que des images, des icônes et divers formats de fichiers. 📝🖼️<br /> <br /> Ces ressources sont offertes en formats JPG, PNG et même en AI et EPS, vous permettant de les utiliser et de les personnaliser selon vos besoins. Elles sont idéales pour donner un aspect professionnel et cohérent à votre site web. ✨<br /> <br /> De plus, ces packs de layout sont conçus pour être facilement importés et utilisés dans vos projets Divi. Vous pouvez les personnaliser et les adapter à l'identité visuelle de votre marque en quelques clics. Gain de temps garanti ! ⏱️<br /> <br /> Alors, n'hésitez pas à consulter régulièrement le blog de Divi pour découvrir leurs derniers packs de layout et les ressources offertes. Vous pourrez ainsi enrichir votre site web et impressionner vos visiteurs. 🚀<br /> <br /> C'était votre astuce rapide du jour ! <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets==<br /> Salut à tous ! Aujourd'hui, je vais vous présenter une fonctionnalité très pratique dans Divi : les préréglages ou &quot;Presets&quot;. <br /> Ils vous permettront de créer des styles personnalisés et de les réutiliser facilement sur votre site.<br /> <br /> Les préréglages sont des ensembles de styles et de paramètres que vous pouvez appliquer à différents éléments, comme des modules, des rangées ou des sections. Ils vous permettent de gagner du temps et d'assurer la cohérence de votre design.<br /> <br /> Voici comment créer un préréglage :<br /> <br /> # Ouvrez un module, une rangée ou une section et cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Cliquez sur le bouton &quot;+&quot; pour ajouter un nouveau préréglage.<br /> # Nommez votre préréglage et personnalisez les styles et les paramètres selon vos besoins.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder votre préréglage.<br /> # Maintenant, pour appliquer votre préréglage à d'autres éléments, il suffit de les sélectionner, d'ouvrir la fenêtre de paramètres et de choisir le préréglage souhaité dans la liste.<br /> <br /> Les préréglages de Divi sont un outil puissant pour améliorer votre productivité et la cohérence de vos designs. Essayez-les dès maintenant !<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=128 2023-04-18T12:27:23Z

<p>Loribel: /* Scripts */</p> <hr /> <div><br /> =Idées=<br /> Utiliser le mode Wireframe pour une meilleure organisation : Montrez comment passer en mode Wireframe pour faciliter la navigation et la gestion des sections, rangées et modules dans Divi.<br /> <br /> Dupliquer des éléments rapidement : Montrez comment dupliquer rapidement des sections, rangées ou modules en cliquant simplement sur l'icône &quot;Dupliquer&quot; pour gagner du temps lors de la création de pages.<br /> <br /> Utiliser l'historique des actions pour annuler ou rétablir des modifications : Expliquez comment accéder à l'historique des actions pour annuler ou rétablir facilement des modifications effectuées dans le Divi Builder.<br /> <br /> Verrouiller ou masquer des éléments pour éviter les modifications accidentelles : Montrez comment verrouiller ou masquer des éléments dans Divi pour éviter les modifications accidentelles lors de la conception de pages.<br /> <br /> Utiliser la bibliothèque Divi pour sauvegarder et réutiliser des éléments : Présentez comment sauvegarder des sections, rangées ou modules dans la bibliothèque Divi pour les réutiliser plus tard sur différentes pages de votre site.<br /> <br /> Utiliser les raccourcis clavier pour gagner du temps : Partagez quelques raccourcis clavier utiles pour effectuer rapidement des actions courantes dans le Divi Builder.<br /> <br /> Créer des colonnes personnalisées : Montrez comment créer des colonnes personnalisées dans Divi en ajustant la largeur de chaque colonne dans une rangée pour obtenir un design unique.<br /> <br /> Utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles : Expliquez comment utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles spécifiques sur plusieurs éléments à la fois.<br /> <br /> Ajuster la taille des modules en fonction de l'appareil : Montrez comment définir la taille et les dimensions des modules pour différents appareils (ordinateurs de bureau, tablettes et mobiles) afin d'assurer une apparence cohérente sur tous les écrans.<br /> <br /> Utiliser les filtres CSS pour ajouter des effets visuels : Présentez comment appliquer des filtres CSS, tels que le flou, la luminosité ou le contraste, aux images et autres éléments pour ajouter des effets visuels intéressants à vos pages.<br /> <br /> Ajuster l'espacement entre les éléments : Montrez comment modifier facilement les marges et les espacements entre les sections, rangées et modules pour un meilleur contrôle du design.<br /> <br /> Utiliser les ombres portées pour ajouter de la profondeur : Expliquez comment ajouter des ombres portées aux éléments pour donner de la profondeur et améliorer l'esthétique de votre site.<br /> <br /> Créer des dégradés pour un arrière-plan unique : Montrez comment utiliser la fonctionnalité de dégradés pour créer des arrière-plans personnalisés et dynamiques pour les sections, rangées et modules.<br /> <br /> Ajouter des animations pour rendre votre site plus attrayant : Présentez comment ajouter des animations aux éléments de votre site pour capter l'attention des visiteurs et rendre votre site plus interactif.<br /> <br /> Utiliser le mode &quot;Responsive&quot; pour prévisualiser sur différents appareils : Montrez comment activer le mode &quot;Responsive&quot; pour prévisualiser et ajuster votre site sur différents appareils (ordinateurs de bureau, tablettes et mobiles).<br /> <br /> Personnaliser les boutons avec des styles uniques : Expliquez comment personnaliser l'apparence des boutons, y compris la couleur, la police et la taille, pour correspondre à l'esthétique de votre site.<br /> <br /> Créer des formes personnalisées avec les séparateurs de section : Montrez comment utiliser les séparateurs de section pour créer des formes personnalisées et ajouter une touche unique à votre design.<br /> <br /> Ajouter des icônes pour améliorer l'expérience utilisateur : Présentez comment ajouter des icônes aux boutons, titres et autres éléments pour rendre votre site plus attrayant et améliorer l'expérience utilisateur.<br /> <br /> Utiliser les effets de défilement pour créer des animations basées sur le défilement : Expliquez comment ajouter des effets de défilement aux éléments pour les animer lors du défilement de la page, ajoutant ainsi une touche d'interactivité à votre site.<br /> <br /> Optimiser les images pour de meilleures performances : Montrez comment optimiser les images pour réduire leur taille de fichier et améliorer les temps de chargement de votre site, tout en préservant la qualité visuelle.<br /> <br /> Créer des effets de parallaxe pour un design dynamique : Montrez comment ajouter des effets de parallaxe aux images et aux arrière-plans pour créer un design plus dynamique et intéressant.<br /> <br /> Utiliser les ancres pour faciliter la navigation : Expliquez comment utiliser les ancres pour créer des liens de navigation qui dirigent les visiteurs vers des sections spécifiques de votre page.<br /> <br /> Personnaliser la barre de navigation : Présentez comment modifier l'apparence et le comportement de la barre de navigation pour mieux correspondre au style de votre site.<br /> <br /> Utiliser des modèles de page prédéfinis : Montrez comment importer des modèles de page prédéfinis pour accélérer le processus de création de votre site et bénéficier d'inspiration pour votre design.<br /> <br /> Ajouter des codes courts pour intégrer des fonctionnalités supplémentaires : Expliquez comment utiliser des codes courts pour intégrer facilement des fonctionnalités supplémentaires, telles que des formulaires de contact, des galeries d'images ou des témoignages.<br /> <br /> Créer des colonnes imbriquées pour des mises en page complexes : Montrez comment créer des colonnes imbriquées pour réaliser des mises en page plus complexes et flexibles.<br /> <br /> Utiliser le mode &quot;split testing&quot; pour optimiser votre site : Présentez comment utiliser le mode &quot;split testing&quot; pour comparer différentes versions d'un élément et déterminer quelle version fonctionne le mieux.<br /> <br /> Personnaliser les pieds de page : Expliquez comment personnaliser les pieds de page de votre site, y compris les widgets, les couleurs et les polices, pour correspondre à l'esthétique de votre site.<br /> <br /> Utiliser les espaces blancs pour améliorer la lisibilité : Montrez comment utiliser les espaces blancs pour améliorer la lisibilité et l'aspect général de votre site.<br /> <br /> Ajouter des filtres de catégorie pour organiser votre contenu : Présentez comment utiliser les filtres de catégorie pour organiser et afficher votre contenu de manière plus structurée et conviviale.<br /> <br /> Créer des en-têtes personnalisés : Montrez comment créer des en-têtes personnalisés pour votre site en utilisant le Thème Builder, y compris la modification du logo, des menus et des éléments de contact.<br /> <br /> Concevoir des pieds de page personnalisés : Présentez comment créer des pieds de page personnalisés avec le Thème Builder, incluant l'ajout de widgets, de liens vers les réseaux sociaux et de coordonnées.<br /> <br /> Utiliser les modèles de publication pour un design cohérent : Expliquez comment créer des modèles de publication personnalisés pour les articles de blog afin de garantir un design cohérent sur l'ensemble de votre site.<br /> <br /> Appliquer des modèles conditionnels : Montrez comment appliquer des modèles conditionnels pour afficher différents en-têtes, pieds de page ou modèles de publication en fonction de certaines conditions, telles que la catégorie ou le type de page.<br /> <br /> Créer des modèles d'archive personnalisés : Présentez comment créer des modèles d'archive personnalisés pour afficher vos articles de blog ou vos projets de manière unique et attrayante.<br /> <br /> Personnaliser les pages de produits WooCommerce : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de produits WooCommerce, en modifiant l'apparence des images, des descriptions et des boutons &quot;Ajouter au panier&quot;.<br /> <br /> Ajouter des éléments dynamiques : Montrez comment ajouter des éléments dynamiques, tels que des titres de publication, des métadonnées et des images à la une, aux modèles du Thème Builder pour afficher automatiquement les informations pertinentes.<br /> <br /> Créer des modèles de page 404 personnalisés : Présentez comment créer des modèles de page 404 personnalisés pour offrir une expérience utilisateur améliorée lorsqu'un visiteur tombe sur une page inexistante.<br /> <br /> Personnaliser les pages de connexion : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de connexion de votre site, y compris les couleurs, les images et les polices.<br /> <br /> Utiliser les modèles globaux pour faciliter les mises à jour : Montrez comment utiliser les modèles globaux pour faciliter les mises à jour sur l'ensemble de votre site, en permettant de modifier un élément à un endroit et de mettre à jour automatiquement toutes les instances de cet élément.<br /> <br /> =Scripts=<br /> <br /> ==S001-style-modifie==<br /> '''🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !'''<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S002-palette-couleurs==<br /> Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail. Je vais vous montrer comment faire en quelques étapes simples.<br /> <br /> Allez dans le tableau de bord WordPress, puis cliquez sur &quot;Divi&quot; et sélectionnez &quot;Options du thème&quot;.<br /> <br /> Dans l'onglet &quot;Général&quot;, faites défiler vers le bas pour trouver la section &quot;Palette de couleurs du sélecteur de couleurs&quot;.<br /> <br /> Ici, vous pouvez définir vos couleurs préférées pour votre projet. Cliquez sur les cases de couleur et choisissez les couleurs que vous souhaitez utiliser sur votre site. Vous pouvez définir jusqu'à 8 couleurs.<br /> <br /> Une fois vos couleurs sélectionnées, n'oubliez pas de cliquer sur &quot;Enregistrer les modifications&quot; pour sauvegarder votre palette de couleurs personnalisée.<br /> <br /> Maintenant, lorsque vous travaillerez sur votre site Divi, vous aurez accès à votre palette de couleurs personnalisée pour un choix et une application des couleurs plus rapides et plus cohérents.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S000-selection-multiple==<br /> Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !<br /> <br /> Avec cette fonctionnalité, vous pouvez facilement modifier plusieurs éléments en même temps. <br /> <br /> Voici comment faire :<br /> <br /> # Maintenez la touche Ctrl (ou Cmd sur Mac) enfoncée et cliquez sur les éléments que vous souhaitez sélectionner. Vous verrez une bordure autour des éléments sélectionnés.<br /> # Une fois vos éléments sélectionnés, cliquez sur l'icône &quot;Modifier en bloc&quot; qui apparaît en bas de l'écran. Cela ouvrira une boîte de configuration où vous pourrez modifier les paramètres communs à tous les éléments sélectionnés.<br /> # Appliquez les modifications souhaitées et cliquez sur &quot;Enregistrer&quot; pour valider.<br /> <br /> Et voilà ! Vous avez maintenant modifié plusieurs éléments en un clin d'œil avec l'édition en bloc de Divi. Cette astuce vous permettra de gagner du temps et d'améliorer votre productivité dans la conception de vos pages.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets-h1==<br /> Salut à tous ! Aujourd'hui, je vais vous montrer comment utiliser les préréglages pour définir vos styles par défaut pour les titres H1, H2 et H3 dans le module texte de Divi. C'est un excellent moyen d'assurer la cohérence de votre design dès le début de la création de votre site web.<br /> <br /> # Ouvrez le module texte où vous voulez définir les styles par défaut pour vos titres.<br /> # Cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Sélectionnez le préréglage &quot;Par défaut&quot; et cliquez sur l'icône &quot;Modifier&quot;.<br /> # Allez dans l'onglet &quot;Design&quot; et déroulez les options pour &quot;H1&quot;, &quot;H2&quot; et &quot;H3&quot;.<br /> # Personnalisez la police, la couleur et la taille pour chaque niveau de titre.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder les modifications apportées au préréglage par défaut.<br /> <br /> Maintenant, chaque fois que vous ajouterez un nouveau module texte, les styles par défaut pour les titres H1, H2 et H3 que vous avez définis seront automatiquement appliqués.<br /> <br /> N'oubliez pas de définir vos styles par défaut dès le début de la création de votre site web pour assurer une apparence cohérente et gagner du temps.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-packs==<br /> Découvrez les nouveaux packs de layout Divi et leurs ressources incluses<br /> <br /> Salut à tous ! Aujourd'hui, je vais vous parler des nouveaux packs de layout Divi et de toutes les ressources fantastiques qu'ils incluent. 🎉<br /> <br /> Chaque fois que Divi publie un nouveau pack de layout, il est accompagné d'un article de blog détaillé qui présente non seulement les layouts, mais aussi des ressources supplémentaires telles que des images, des icônes et divers formats de fichiers. 📝🖼️<br /> <br /> Ces ressources sont offertes en formats JPG, PNG et même en AI et EPS, vous permettant de les utiliser et de les personnaliser selon vos besoins. Elles sont idéales pour donner un aspect professionnel et cohérent à votre site web. ✨<br /> <br /> De plus, ces packs de layout sont conçus pour être facilement importés et utilisés dans vos projets Divi. Vous pouvez les personnaliser et les adapter à l'identité visuelle de votre marque en quelques clics. Gain de temps garanti ! ⏱️<br /> <br /> Alors, n'hésitez pas à consulter régulièrement le blog de Divi pour découvrir leurs derniers packs de layout et les ressources offertes. Vous pourrez ainsi enrichir votre site web et impressionner vos visiteurs. 🚀<br /> <br /> C'était votre astuce rapide du jour ! <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets==<br /> Salut à tous ! Aujourd'hui, je vais vous présenter une fonctionnalité très pratique dans Divi : les préréglages ou &quot;Presets&quot;. <br /> Ils vous permettront de créer des styles personnalisés et de les réutiliser facilement sur votre site.<br /> <br /> Les préréglages sont des ensembles de styles et de paramètres que vous pouvez appliquer à différents éléments, comme des modules, des rangées ou des sections. Ils vous permettent de gagner du temps et d'assurer la cohérence de votre design.<br /> <br /> Voici comment créer un préréglage :<br /> <br /> # Ouvrez un module, une rangée ou une section et cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Cliquez sur le bouton &quot;+&quot; pour ajouter un nouveau préréglage.<br /> # Nommez votre préréglage et personnalisez les styles et les paramètres selon vos besoins.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder votre préréglage.<br /> # Maintenant, pour appliquer votre préréglage à d'autres éléments, il suffit de les sélectionner, d'ouvrir la fenêtre de paramètres et de choisir le préréglage souhaité dans la liste.<br /> <br /> Les préréglages de Divi sont un outil puissant pour améliorer votre productivité et la cohérence de vos designs. Essayez-les dès maintenant !<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=127 2023-04-18T12:26:18Z

<p>Loribel: /* Idées */</p> <hr /> <div><br /> =Idées=<br /> Utiliser le mode Wireframe pour une meilleure organisation : Montrez comment passer en mode Wireframe pour faciliter la navigation et la gestion des sections, rangées et modules dans Divi.<br /> <br /> Dupliquer des éléments rapidement : Montrez comment dupliquer rapidement des sections, rangées ou modules en cliquant simplement sur l'icône &quot;Dupliquer&quot; pour gagner du temps lors de la création de pages.<br /> <br /> Utiliser l'historique des actions pour annuler ou rétablir des modifications : Expliquez comment accéder à l'historique des actions pour annuler ou rétablir facilement des modifications effectuées dans le Divi Builder.<br /> <br /> Verrouiller ou masquer des éléments pour éviter les modifications accidentelles : Montrez comment verrouiller ou masquer des éléments dans Divi pour éviter les modifications accidentelles lors de la conception de pages.<br /> <br /> Utiliser la bibliothèque Divi pour sauvegarder et réutiliser des éléments : Présentez comment sauvegarder des sections, rangées ou modules dans la bibliothèque Divi pour les réutiliser plus tard sur différentes pages de votre site.<br /> <br /> Utiliser les raccourcis clavier pour gagner du temps : Partagez quelques raccourcis clavier utiles pour effectuer rapidement des actions courantes dans le Divi Builder.<br /> <br /> Créer des colonnes personnalisées : Montrez comment créer des colonnes personnalisées dans Divi en ajustant la largeur de chaque colonne dans une rangée pour obtenir un design unique.<br /> <br /> Utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles : Expliquez comment utiliser la fonction &quot;trouver et remplacer&quot; pour modifier rapidement des styles spécifiques sur plusieurs éléments à la fois.<br /> <br /> Ajuster la taille des modules en fonction de l'appareil : Montrez comment définir la taille et les dimensions des modules pour différents appareils (ordinateurs de bureau, tablettes et mobiles) afin d'assurer une apparence cohérente sur tous les écrans.<br /> <br /> Utiliser les filtres CSS pour ajouter des effets visuels : Présentez comment appliquer des filtres CSS, tels que le flou, la luminosité ou le contraste, aux images et autres éléments pour ajouter des effets visuels intéressants à vos pages.<br /> <br /> Ajuster l'espacement entre les éléments : Montrez comment modifier facilement les marges et les espacements entre les sections, rangées et modules pour un meilleur contrôle du design.<br /> <br /> Utiliser les ombres portées pour ajouter de la profondeur : Expliquez comment ajouter des ombres portées aux éléments pour donner de la profondeur et améliorer l'esthétique de votre site.<br /> <br /> Créer des dégradés pour un arrière-plan unique : Montrez comment utiliser la fonctionnalité de dégradés pour créer des arrière-plans personnalisés et dynamiques pour les sections, rangées et modules.<br /> <br /> Ajouter des animations pour rendre votre site plus attrayant : Présentez comment ajouter des animations aux éléments de votre site pour capter l'attention des visiteurs et rendre votre site plus interactif.<br /> <br /> Utiliser le mode &quot;Responsive&quot; pour prévisualiser sur différents appareils : Montrez comment activer le mode &quot;Responsive&quot; pour prévisualiser et ajuster votre site sur différents appareils (ordinateurs de bureau, tablettes et mobiles).<br /> <br /> Personnaliser les boutons avec des styles uniques : Expliquez comment personnaliser l'apparence des boutons, y compris la couleur, la police et la taille, pour correspondre à l'esthétique de votre site.<br /> <br /> Créer des formes personnalisées avec les séparateurs de section : Montrez comment utiliser les séparateurs de section pour créer des formes personnalisées et ajouter une touche unique à votre design.<br /> <br /> Ajouter des icônes pour améliorer l'expérience utilisateur : Présentez comment ajouter des icônes aux boutons, titres et autres éléments pour rendre votre site plus attrayant et améliorer l'expérience utilisateur.<br /> <br /> Utiliser les effets de défilement pour créer des animations basées sur le défilement : Expliquez comment ajouter des effets de défilement aux éléments pour les animer lors du défilement de la page, ajoutant ainsi une touche d'interactivité à votre site.<br /> <br /> Optimiser les images pour de meilleures performances : Montrez comment optimiser les images pour réduire leur taille de fichier et améliorer les temps de chargement de votre site, tout en préservant la qualité visuelle.<br /> <br /> Créer des effets de parallaxe pour un design dynamique : Montrez comment ajouter des effets de parallaxe aux images et aux arrière-plans pour créer un design plus dynamique et intéressant.<br /> <br /> Utiliser les ancres pour faciliter la navigation : Expliquez comment utiliser les ancres pour créer des liens de navigation qui dirigent les visiteurs vers des sections spécifiques de votre page.<br /> <br /> Personnaliser la barre de navigation : Présentez comment modifier l'apparence et le comportement de la barre de navigation pour mieux correspondre au style de votre site.<br /> <br /> Utiliser des modèles de page prédéfinis : Montrez comment importer des modèles de page prédéfinis pour accélérer le processus de création de votre site et bénéficier d'inspiration pour votre design.<br /> <br /> Ajouter des codes courts pour intégrer des fonctionnalités supplémentaires : Expliquez comment utiliser des codes courts pour intégrer facilement des fonctionnalités supplémentaires, telles que des formulaires de contact, des galeries d'images ou des témoignages.<br /> <br /> Créer des colonnes imbriquées pour des mises en page complexes : Montrez comment créer des colonnes imbriquées pour réaliser des mises en page plus complexes et flexibles.<br /> <br /> Utiliser le mode &quot;split testing&quot; pour optimiser votre site : Présentez comment utiliser le mode &quot;split testing&quot; pour comparer différentes versions d'un élément et déterminer quelle version fonctionne le mieux.<br /> <br /> Personnaliser les pieds de page : Expliquez comment personnaliser les pieds de page de votre site, y compris les widgets, les couleurs et les polices, pour correspondre à l'esthétique de votre site.<br /> <br /> Utiliser les espaces blancs pour améliorer la lisibilité : Montrez comment utiliser les espaces blancs pour améliorer la lisibilité et l'aspect général de votre site.<br /> <br /> Ajouter des filtres de catégorie pour organiser votre contenu : Présentez comment utiliser les filtres de catégorie pour organiser et afficher votre contenu de manière plus structurée et conviviale.<br /> <br /> Créer des en-têtes personnalisés : Montrez comment créer des en-têtes personnalisés pour votre site en utilisant le Thème Builder, y compris la modification du logo, des menus et des éléments de contact.<br /> <br /> Concevoir des pieds de page personnalisés : Présentez comment créer des pieds de page personnalisés avec le Thème Builder, incluant l'ajout de widgets, de liens vers les réseaux sociaux et de coordonnées.<br /> <br /> Utiliser les modèles de publication pour un design cohérent : Expliquez comment créer des modèles de publication personnalisés pour les articles de blog afin de garantir un design cohérent sur l'ensemble de votre site.<br /> <br /> Appliquer des modèles conditionnels : Montrez comment appliquer des modèles conditionnels pour afficher différents en-têtes, pieds de page ou modèles de publication en fonction de certaines conditions, telles que la catégorie ou le type de page.<br /> <br /> Créer des modèles d'archive personnalisés : Présentez comment créer des modèles d'archive personnalisés pour afficher vos articles de blog ou vos projets de manière unique et attrayante.<br /> <br /> Personnaliser les pages de produits WooCommerce : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de produits WooCommerce, en modifiant l'apparence des images, des descriptions et des boutons &quot;Ajouter au panier&quot;.<br /> <br /> Ajouter des éléments dynamiques : Montrez comment ajouter des éléments dynamiques, tels que des titres de publication, des métadonnées et des images à la une, aux modèles du Thème Builder pour afficher automatiquement les informations pertinentes.<br /> <br /> Créer des modèles de page 404 personnalisés : Présentez comment créer des modèles de page 404 personnalisés pour offrir une expérience utilisateur améliorée lorsqu'un visiteur tombe sur une page inexistante.<br /> <br /> Personnaliser les pages de connexion : Expliquez comment utiliser le Thème Builder pour personnaliser les pages de connexion de votre site, y compris les couleurs, les images et les polices.<br /> <br /> Utiliser les modèles globaux pour faciliter les mises à jour : Montrez comment utiliser les modèles globaux pour faciliter les mises à jour sur l'ensemble de votre site, en permettant de modifier un élément à un endroit et de mettre à jour automatiquement toutes les instances de cet élément.<br /> <br /> =Scripts=<br /> <br /> ==S001-style-modifie==<br /> '''🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !'''<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S002-palette-couleurs==<br /> Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail. Je vais vous montrer comment faire en quelques étapes simples.<br /> <br /> Allez dans le tableau de bord WordPress, puis cliquez sur &quot;Divi&quot; et sélectionnez &quot;Options du thème&quot;.<br /> <br /> Dans l'onglet &quot;Général&quot;, faites défiler vers le bas pour trouver la section &quot;Palette de couleurs du sélecteur de couleurs&quot;.<br /> <br /> Ici, vous pouvez définir vos couleurs préférées pour votre projet. Cliquez sur les cases de couleur et choisissez les couleurs que vous souhaitez utiliser sur votre site. Vous pouvez définir jusqu'à 8 couleurs.<br /> <br /> Une fois vos couleurs sélectionnées, n'oubliez pas de cliquer sur &quot;Enregistrer les modifications&quot; pour sauvegarder votre palette de couleurs personnalisée.<br /> <br /> Maintenant, lorsque vous travaillerez sur votre site Divi, vous aurez accès à votre palette de couleurs personnalisée pour un choix et une application des couleurs plus rapides et plus cohérents.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S000-selection-multiple==<br /> Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !<br /> <br /> Avec cette fonctionnalité, vous pouvez facilement modifier plusieurs éléments en même temps. <br /> <br /> Voici comment faire :<br /> <br /> # Maintenez la touche Ctrl (ou Cmd sur Mac) enfoncée et cliquez sur les éléments que vous souhaitez sélectionner. Vous verrez une bordure autour des éléments sélectionnés.<br /> # Une fois vos éléments sélectionnés, cliquez sur l'icône &quot;Modifier en bloc&quot; qui apparaît en bas de l'écran. Cela ouvrira une boîte de configuration où vous pourrez modifier les paramètres communs à tous les éléments sélectionnés.<br /> # Appliquez les modifications souhaitées et cliquez sur &quot;Enregistrer&quot; pour valider.<br /> <br /> Et voilà ! Vous avez maintenant modifié plusieurs éléments en un clin d'œil avec l'édition en bloc de Divi. Cette astuce vous permettra de gagner du temps et d'améliorer votre productivité dans la conception de vos pages.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets-h1==<br /> Salut à tous ! Aujourd'hui, je vais vous montrer comment utiliser les préréglages pour définir vos styles par défaut pour les titres H1, H2 et H3 dans le module texte de Divi. C'est un excellent moyen d'assurer la cohérence de votre design dès le début de la création de votre site web.<br /> <br /> # Ouvrez le module texte où vous voulez définir les styles par défaut pour vos titres.<br /> # Cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Sélectionnez le préréglage &quot;Par défaut&quot; et cliquez sur l'icône &quot;Modifier&quot;.<br /> # Allez dans l'onglet &quot;Design&quot; et déroulez les options pour &quot;H1&quot;, &quot;H2&quot; et &quot;H3&quot;.<br /> # Personnalisez la police, la couleur et la taille pour chaque niveau de titre.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder les modifications apportées au préréglage par défaut.<br /> <br /> Maintenant, chaque fois que vous ajouterez un nouveau module texte, les styles par défaut pour les titres H1, H2 et H3 que vous avez définis seront automatiquement appliqués.<br /> <br /> N'oubliez pas de définir vos styles par défaut dès le début de la création de votre site web pour assurer une apparence cohérente et gagner du temps.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets==<br /> Salut à tous ! Aujourd'hui, je vais vous présenter une fonctionnalité très pratique dans Divi : les préréglages ou &quot;Presets&quot;. <br /> Ils vous permettront de créer des styles personnalisés et de les réutiliser facilement sur votre site.<br /> <br /> Les préréglages sont des ensembles de styles et de paramètres que vous pouvez appliquer à différents éléments, comme des modules, des rangées ou des sections. Ils vous permettent de gagner du temps et d'assurer la cohérence de votre design.<br /> <br /> Voici comment créer un préréglage :<br /> <br /> # Ouvrez un module, une rangée ou une section et cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Cliquez sur le bouton &quot;+&quot; pour ajouter un nouveau préréglage.<br /> # Nommez votre préréglage et personnalisez les styles et les paramètres selon vos besoins.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder votre préréglage.<br /> # Maintenant, pour appliquer votre préréglage à d'autres éléments, il suffit de les sélectionner, d'ouvrir la fenêtre de paramètres et de choisir le préréglage souhaité dans la liste.<br /> <br /> Les préréglages de Divi sont un outil puissant pour améliorer votre productivité et la cohérence de vos designs. Essayez-les dès maintenant !<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=126 2023-04-18T12:24:29Z

<p>Loribel: </p> <hr /> <div><br /> =Idées=<br /> <br /> <br /> =Scripts=<br /> <br /> ==S001-style-modifie==<br /> '''🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !'''<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S002-palette-couleurs==<br /> Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail. Je vais vous montrer comment faire en quelques étapes simples.<br /> <br /> Allez dans le tableau de bord WordPress, puis cliquez sur &quot;Divi&quot; et sélectionnez &quot;Options du thème&quot;.<br /> <br /> Dans l'onglet &quot;Général&quot;, faites défiler vers le bas pour trouver la section &quot;Palette de couleurs du sélecteur de couleurs&quot;.<br /> <br /> Ici, vous pouvez définir vos couleurs préférées pour votre projet. Cliquez sur les cases de couleur et choisissez les couleurs que vous souhaitez utiliser sur votre site. Vous pouvez définir jusqu'à 8 couleurs.<br /> <br /> Une fois vos couleurs sélectionnées, n'oubliez pas de cliquer sur &quot;Enregistrer les modifications&quot; pour sauvegarder votre palette de couleurs personnalisée.<br /> <br /> Maintenant, lorsque vous travaillerez sur votre site Divi, vous aurez accès à votre palette de couleurs personnalisée pour un choix et une application des couleurs plus rapides et plus cohérents.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S000-selection-multiple==<br /> Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !<br /> <br /> Avec cette fonctionnalité, vous pouvez facilement modifier plusieurs éléments en même temps. <br /> <br /> Voici comment faire :<br /> <br /> # Maintenez la touche Ctrl (ou Cmd sur Mac) enfoncée et cliquez sur les éléments que vous souhaitez sélectionner. Vous verrez une bordure autour des éléments sélectionnés.<br /> # Une fois vos éléments sélectionnés, cliquez sur l'icône &quot;Modifier en bloc&quot; qui apparaît en bas de l'écran. Cela ouvrira une boîte de configuration où vous pourrez modifier les paramètres communs à tous les éléments sélectionnés.<br /> # Appliquez les modifications souhaitées et cliquez sur &quot;Enregistrer&quot; pour valider.<br /> <br /> Et voilà ! Vous avez maintenant modifié plusieurs éléments en un clin d'œil avec l'édition en bloc de Divi. Cette astuce vous permettra de gagner du temps et d'améliorer votre productivité dans la conception de vos pages.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets-h1==<br /> Salut à tous ! Aujourd'hui, je vais vous montrer comment utiliser les préréglages pour définir vos styles par défaut pour les titres H1, H2 et H3 dans le module texte de Divi. C'est un excellent moyen d'assurer la cohérence de votre design dès le début de la création de votre site web.<br /> <br /> # Ouvrez le module texte où vous voulez définir les styles par défaut pour vos titres.<br /> # Cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Sélectionnez le préréglage &quot;Par défaut&quot; et cliquez sur l'icône &quot;Modifier&quot;.<br /> # Allez dans l'onglet &quot;Design&quot; et déroulez les options pour &quot;H1&quot;, &quot;H2&quot; et &quot;H3&quot;.<br /> # Personnalisez la police, la couleur et la taille pour chaque niveau de titre.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder les modifications apportées au préréglage par défaut.<br /> <br /> Maintenant, chaque fois que vous ajouterez un nouveau module texte, les styles par défaut pour les titres H1, H2 et H3 que vous avez définis seront automatiquement appliqués.<br /> <br /> N'oubliez pas de définir vos styles par défaut dès le début de la création de votre site web pour assurer une apparence cohérente et gagner du temps.<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !<br /> <br /> ==S00-presets==<br /> Salut à tous ! Aujourd'hui, je vais vous présenter une fonctionnalité très pratique dans Divi : les préréglages ou &quot;Presets&quot;. <br /> Ils vous permettront de créer des styles personnalisés et de les réutiliser facilement sur votre site.<br /> <br /> Les préréglages sont des ensembles de styles et de paramètres que vous pouvez appliquer à différents éléments, comme des modules, des rangées ou des sections. Ils vous permettent de gagner du temps et d'assurer la cohérence de votre design.<br /> <br /> Voici comment créer un préréglage :<br /> <br /> # Ouvrez un module, une rangée ou une section et cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.<br /> # Cliquez sur le bouton &quot;+&quot; pour ajouter un nouveau préréglage.<br /> # Nommez votre préréglage et personnalisez les styles et les paramètres selon vos besoins.<br /> # Cliquez sur &quot;Enregistrer&quot; pour sauvegarder votre préréglage.<br /> # Maintenant, pour appliquer votre préréglage à d'autres éléments, il suffit de les sélectionner, d'ouvrir la fenêtre de paramètres et de choisir le préréglage souhaité dans la liste.<br /> <br /> Les préréglages de Divi sont un outil puissant pour améliorer votre productivité et la cohérence de vos designs. Essayez-les dès maintenant !<br /> <br /> Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. <br /> Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=125 2023-04-18T12:16:57Z

<p>Loribel: </p> <hr /> <div>==S001-style-modifie==<br /> '''🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !'''<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=124 2023-04-18T12:16:36Z

<p>Loribel: </p> <hr /> <div>==S001-style-modifie==<br /> 🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !<br /> <br /> Vous galérez à modifier les gabarits de Divi ? <br /> Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !<br /> <br /> Aujourd'hui, je vais vous montrer comment afficher uniquement les styles et paramètres modifiés sur Divi. Faites un clic droit sur l'engrenage et choisissez &quot;Afficher les styles modifiés&quot;. Vous verrez alors une boîte de configuration limitée aux styles modifiés, et vous pourrez ajuster la couleur, la marge ou la taille de police directement.<br /> <br /> Cette technique fonctionne sur les modules (barre grise), les rangées (en vert) et les sections (en bleu). Pour passer des styles modifiés à tous les styles, cliquez sur la croix en haut à droite de la boîte de configuration.<br /> <br /> Essayez cette astuce et transformez votre façon de travailler avec Divi, en rendant vos modifications plus faciles et rapides. Je suis Grégory, catalyseur numérique, et j'accompagne les entrepreneurs vers plus de résultats. Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Scripts&diff=123 2023-04-18T12:13:49Z

<p>Loribel: Created page with &quot;==Scripts Shorts== * S001-style-modifie&quot;</p> <hr /> <div>==Scripts Shorts==<br /> * [[S001-style-modifie]]</div>

Loribel https://wiki.divifree.com/index.php?title=Main_Page&diff=122 2023-04-18T12:07:07Z

<p>Loribel: /* Divi Free */</p> <hr /> <div>==Divi Free==<br /> * [[DF Facebook]] : Groupes Facebook pour Divi<br /> * [[DF-CSS]]<br /> * [[DF Scripts]]<br /> <br /> ==Divi==<br /> * [[Divi]]<br /> * [[Breakpoints]]<br /> <br /> ==Tools==<br /> * [[Purge CSS]]<br /> * [[React]]<br /> <br /> ==Divers==<br /> * [[YouTube]]<br /> <br /> <br /> == Getting started ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</div>

Loribel https://wiki.divifree.com/index.php?title=Main_Page&diff=121 2023-04-10T03:11:09Z

<p>Loribel: </p> <hr /> <div>==Divi Free==<br /> * [[DF Facebook]] : Groupes Facebook pour Divi<br /> * [[DF-CSS]]<br /> <br /> ==Divi==<br /> * [[Divi]]<br /> * [[Breakpoints]]<br /> <br /> ==Tools==<br /> * [[Purge CSS]]<br /> * [[React]]<br /> <br /> ==Divers==<br /> * [[YouTube]]<br /> <br /> <br /> == Getting started ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Facebook&diff=120 2023-04-07T19:37:19Z

<p>Loribel: </p> <hr /> <div>Voir aussi : [[DF YouTube]]<br /> <br /> =Groupes Facebook (français)=<br /> <br /> ==WordPress &amp; Divi pour les débutants (5.1K) - Validation ==<br /> * Groupe public géré par Alpa14<br /> * https://www.facebook.com/groups/aideweb/<br /> * Publications Greg : https://www.facebook.com/groups/759081421375618/user/636161098<br /> <br /> ==Divi Community France (4.9K)==<br /> * Groupe Privé géré par Divi Community<br /> * https://www.facebook.com/groups/SupportDiviCommunity/<br /> * Publications Greg : https://www.facebook.com/groups/223669628151842/user/636161098<br /> <br /> ==Divi theme France et Extra Theme (2.9K)==<br /> * Groupe privé (2.9K)<br /> * https://www.facebook.com/groups/1529254874065095/<br /> * Publications Greg : https://www.facebook.com/groups/1529254874065095/user/636161098<br /> <br /> =Groupes Facebook (anglais)=<br /> <br /> ==Divi Theme Examples (19.6K / en)==<br /> * Groupe public géré par Divi Theme Examples<br /> * https://www.facebook.com/groups/divithemeexamples/<br /> <br /> <br /> =TODO=<br /> <br /> ==Créer un groupe Facebook==<br /> * Public ou Privé ?<br /> * Titre: Divi &amp; WordPress : de débutant à expert, avec DiViFree<br /> <br /> ===Description===<br /> <br /> Bienvenue dans le groupe Divi &amp; WordPress : de débutant à expert, avec DiViFree ! Ce groupe est dédié à tous ceux qui souhaitent apprendre à créer des sites Web de qualité professionnelle à l'aide des plateformes Divi et WordPress. Que vous soyez débutant ou expert, notre groupe est l'endroit idéal pour découvrir des astuces et des conseils pratiques pour améliorer vos compétences en matière de création de sites Web.<br /> <br /> Notre groupe est l'endroit idéal pour découvrir des astuces et des conseils pratiques pour la création de sites Web avec Divi et WordPress. Nous sommes heureux de vous offrir l'accès gratuit au site DiViFree, qui contient des articles et des ressources gratuites et payantes sélectionnées pour vous aider dans votre parcours de création de sites Web.<br /> <br /> Nous disposons également d'une chaîne YouTube où nous publions des tutoriels vidéo pour vous aider à améliorer vos compétences en matière de création de sites Web. Nos membres partagent également leurs expériences et leurs connaissances pour vous aider à résoudre les problèmes rencontrés et à améliorer votre site Web.<br /> <br /> Rejoignez notre communauté en ligne pour échanger des idées, poser des questions et découvrir les dernières tendances de l'industrie de la création de sites Web. Nous sommes impatients de vous aider à réussir dans la création de sites Web avec Divi et WordPress, avec l'aide de DiViFree et de notre chaîne YouTube.<br /> <br /> ===Ancienne Description===<br /> Bienvenue dans ce groupe réservé aux entrepreneurs que j’accompagne avec la création de leur site Web.<br /> <br /> Ce groupe est en accès gratuit et il me fait plaisir de contribuer à votre succès pour que vous puissiez obtenir plus de résultats et plus d'impact grâce à Internet.<br /> <br /> J'ai aussi une offre Premium pour les personnes qui veulent avoir plus d'outils et un accès direct à moi pour que je puisse vous débloquer et vous accompagner personnellement dans la réalisation de votre projet de site Web de la création. Vous pouvez m'écrier en privé pour les détails.<br /> <br /> Pour les membres Premium que j'accompagne avec leur site Web, <br /> Voici l'accès à votre groupe privé :: https://www.facebook.com/groups/SiteWebDivi<br /> <br /> ==Nouveau post==<br /> Je suis heureux de vous annoncer que je vais bientôt lancer une série de vidéos tutoriels sur YouTube, destinée à aider les débutants et les experts à mieux comprendre le thème Divi.<br /> <br /> Divi est un thème puissant, cependant, il peut être difficile de savoir par où commencer ou comment tirer parti de toutes ses fonctionnalités et suivre ses évolutions.<br /> <br /> C'est pourquoi j'ai décidé de créer une série de vidéos qui couvre tout ce que vous devez savoir pour maîtriser Divi, depuis les bases jusqu'aux astuces avancées. <br /> <br /> Si cela vous intéresse, n'hésitez pas à me le faire savoir dans les commentaires. Et pour vous donner un avant-goût, je partage la première vidéo de la série ci-dessous:<br /> <br /> Divi pour les débutants : Maîtrisez le Divi Builder, les sections, colonnes et modules !<br /> https://youtu.be/aUbuaNXjpFg<br /> <br /> Je suis impatient de partager avec vous tout ce que j'ai appris sur Divi au fil des ans. Si ce n'est pas la place ici pour ça, n'hésitez pas à me le signaler, car mon objectif premier est de partager avec vous mes connaissances et mes astuces sur Divi.</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Facebook&diff=119 2023-04-07T19:36:51Z

<p>Loribel: </p> <hr /> <div>Voir aussi : [[DF YouTube]]<br /> <br /> =Groupes Facebook (français)=<br /> <br /> ==WordPress &amp; Divi pour les débutants (5.1K) - Validation ==<br /> * Groupe public géré par Alpa14<br /> * https://www.facebook.com/groups/aideweb/<br /> * Publications Greg : https://www.facebook.com/groups/759081421375618/user/636161098<br /> <br /> ==Divi Community France (4.9K)==<br /> * Groupe Privé géré par Divi Community<br /> * https://www.facebook.com/groups/SupportDiviCommunity/<br /> * Publications Greg : https://www.facebook.com/groups/223669628151842/user/636161098<br /> <br /> ==Divi theme France et Extra Theme (2.9K)==<br /> * Groupe privé (2.9K)<br /> * https://www.facebook.com/groups/1529254874065095/<br /> * Publications Greg : https://www.facebook.com/groups/1529254874065095/user/636161098<br /> <br /> =Groupes Facebook (anglais)=<br /> <br /> ==Divi Theme Examples (19.6K / en)==<br /> * Groupe public géré par Divi Theme Examples<br /> * https://www.facebook.com/groups/divithemeexamples/<br /> <br /> <br /> =TODO=<br /> <br /> ==Créer un groupe Facebook==<br /> * Public ou Privé ?<br /> * Titre: Divi &amp; WordPress : de débutant à expert, avec DiViFree<br /> <br /> ===Description===<br /> <br /> Bienvenue dans le groupe Divi &amp; WordPress : de débutant à expert, avec DiViFree ! Ce groupe est dédié à tous ceux qui souhaitent apprendre à créer des sites Web de qualité professionnelle à l'aide des plateformes Divi et WordPress. Que vous soyez débutant ou expert, notre groupe est l'endroit idéal pour découvrir des astuces et des conseils pratiques pour améliorer vos compétences en matière de création de sites Web.<br /> <br /> Notre groupe est l'endroit idéal pour découvrir des astuces et des conseils pratiques pour la création de sites Web avec Divi et WordPress. Nous sommes heureux de vous offrir l'accès gratuit au site DiViFree, qui contient des articles et des ressources gratuites et payantes sélectionnées pour vous aider dans votre parcours de création de sites Web.<br /> <br /> Nous disposons également d'une chaîne YouTube où nous publions des tutoriels vidéo pour vous aider à améliorer vos compétences en matière de création de sites Web. Nos membres partagent également leurs expériences et leurs connaissances pour vous aider à résoudre les problèmes rencontrés et à améliorer votre site Web.<br /> <br /> Rejoignez notre communauté en ligne pour échanger des idées, poser des questions et découvrir les dernières tendances de l'industrie de la création de sites Web. Nous sommes impatients de vous aider à réussir dans la création de sites Web avec Divi et WordPress, avec l'aide de DiViFree et de notre chaîne YouTube.<br /> <br /> ==Ancienne Description ==<br /> Bienvenue dans ce groupe réservé aux entrepreneurs que j’accompagne avec la création de leur site Web.<br /> <br /> Ce groupe est en accès gratuit et il me fait plaisir de contribuer à votre succès pour que vous puissiez obtenir plus de résultats et plus d'impact grâce à Internet.<br /> <br /> J'ai aussi une offre Premium pour les personnes qui veulent avoir plus d'outils et un accès direct à moi pour que je puisse vous débloquer et vous accompagner personnellement dans la réalisation de votre projet de site Web de la création. Vous pouvez m'écrier en privé pour les détails.<br /> <br /> Pour les membres Premium que j'accompagne avec leur site Web, <br /> Voici l'accès à votre groupe privé :: https://www.facebook.com/groups/SiteWebDivi<br /> <br /> ==Nouveau post==<br /> Je suis heureux de vous annoncer que je vais bientôt lancer une série de vidéos tutoriels sur YouTube, destinée à aider les débutants et les experts à mieux comprendre le thème Divi.<br /> <br /> Divi est un thème puissant, cependant, il peut être difficile de savoir par où commencer ou comment tirer parti de toutes ses fonctionnalités et suivre ses évolutions.<br /> <br /> C'est pourquoi j'ai décidé de créer une série de vidéos qui couvre tout ce que vous devez savoir pour maîtriser Divi, depuis les bases jusqu'aux astuces avancées. <br /> <br /> Si cela vous intéresse, n'hésitez pas à me le faire savoir dans les commentaires. Et pour vous donner un avant-goût, je partage la première vidéo de la série ci-dessous:<br /> <br /> Divi pour les débutants : Maîtrisez le Divi Builder, les sections, colonnes et modules !<br /> https://youtu.be/aUbuaNXjpFg<br /> <br /> Je suis impatient de partager avec vous tout ce que j'ai appris sur Divi au fil des ans. Si ce n'est pas la place ici pour ça, n'hésitez pas à me le signaler, car mon objectif premier est de partager avec vous mes connaissances et mes astuces sur Divi.</div>

Loribel https://wiki.divifree.com/index.php?title=DF_YouTube&diff=118 2023-04-06T12:30:25Z

<p>Loribel: Created page with &quot;Voir aussi : DF Facebook =Vidéos Publiées= ==Divi-10 Sections== * Divi pour les débutants : Maîtrisez le Divi Builder, les sections, colonnes et modules ! (Français) * https://youtu.be/aUbuaNXjpFg ==Divi-11 Couleurs== * Astuces incontournables pour modifier les couleurs des gabarits Divi sans effort (Français) * https://youtu.be/YO2N-NHxrBI&quot;</p> <hr /> <div>Voir aussi : [[DF Facebook]]<br /> <br /> =Vidéos Publiées=<br /> <br /> ==Divi-10 Sections==<br /> * Divi pour les débutants : Maîtrisez le Divi Builder, les sections, colonnes et modules ! (Français)<br /> * https://youtu.be/aUbuaNXjpFg<br /> <br /> ==Divi-11 Couleurs==<br /> * Astuces incontournables pour modifier les couleurs des gabarits Divi sans effort (Français)<br /> * https://youtu.be/YO2N-NHxrBI</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Facebook&diff=117 2023-04-06T12:24:06Z

<p>Loribel: </p> <hr /> <div>Voir aussi : [[DF YouTube]]<br /> <br /> =Groupes Facebook (français)=<br /> <br /> ==WordPress &amp; Divi pour les débutants (5.1K) - Validation ==<br /> * Groupe public géré par Alpa14<br /> * https://www.facebook.com/groups/aideweb/<br /> * Publications Greg : https://www.facebook.com/groups/759081421375618/user/636161098<br /> <br /> ==Divi Community France (4.9K)==<br /> * Groupe Privé géré par Divi Community<br /> * https://www.facebook.com/groups/SupportDiviCommunity/<br /> * Publications Greg : https://www.facebook.com/groups/223669628151842/user/636161098<br /> <br /> ==Divi theme France et Extra Theme (2.9K)==<br /> * Groupe privé (2.9K)<br /> * https://www.facebook.com/groups/1529254874065095/<br /> * Publications Greg : https://www.facebook.com/groups/1529254874065095/user/636161098<br /> <br /> =Groupes Facebook (anglais)=<br /> <br /> ==Divi Theme Examples (19.6K / en)==<br /> * Groupe public géré par Divi Theme Examples<br /> * https://www.facebook.com/groups/divithemeexamples/<br /> <br /> <br /> =TODO=<br /> <br /> ==Créer un groupe Facebook==<br /> * Public ou Privé ?<br /> * Titre: Divi &amp; WordPress : de débutant à expert, avec DiViFree<br /> <br /> ===Description===<br /> <br /> Bienvenue dans le groupe Divi &amp; WordPress : de débutant à expert, avec DiViFree ! Ce groupe est dédié à tous ceux qui souhaitent apprendre à créer des sites Web de qualité professionnelle à l'aide des plateformes Divi et WordPress. Que vous soyez débutant ou expert, notre groupe est l'endroit idéal pour découvrir des astuces et des conseils pratiques pour améliorer vos compétences en matière de création de sites Web.<br /> <br /> Notre groupe est l'endroit idéal pour découvrir des astuces et des conseils pratiques pour la création de sites Web avec Divi et WordPress. Nous sommes heureux de vous offrir l'accès gratuit au site DiViFree, qui contient des articles et des ressources gratuites et payantes sélectionnées pour vous aider dans votre parcours de création de sites Web.<br /> <br /> Nous disposons également d'une chaîne YouTube où nous publions des tutoriels vidéo pour vous aider à améliorer vos compétences en matière de création de sites Web. Nos membres partagent également leurs expériences et leurs connaissances pour vous aider à résoudre les problèmes rencontrés et à améliorer votre site Web.<br /> <br /> Rejoignez notre communauté en ligne pour échanger des idées, poser des questions et découvrir les dernières tendances de l'industrie de la création de sites Web. Nous sommes impatients de vous aider à réussir dans la création de sites Web avec Divi et WordPress, avec l'aide de DiViFree et de notre chaîne YouTube.<br /> <br /> ==Nouveau post==<br /> Je suis heureux de vous annoncer que je vais bientôt lancer une série de vidéos tutoriels sur YouTube, destinée à aider les débutants et les experts à mieux comprendre le thème Divi.<br /> <br /> Divi est un thème puissant, cependant, il peut être difficile de savoir par où commencer ou comment tirer parti de toutes ses fonctionnalités et suivre ses évolutions.<br /> <br /> C'est pourquoi j'ai décidé de créer une série de vidéos qui couvre tout ce que vous devez savoir pour maîtriser Divi, depuis les bases jusqu'aux astuces avancées. <br /> <br /> Si cela vous intéresse, n'hésitez pas à me le faire savoir dans les commentaires. Et pour vous donner un avant-goût, je partage la première vidéo de la série ci-dessous:<br /> <br /> Divi pour les débutants : Maîtrisez le Divi Builder, les sections, colonnes et modules !<br /> https://youtu.be/aUbuaNXjpFg<br /> <br /> Je suis impatient de partager avec vous tout ce que j'ai appris sur Divi au fil des ans. Si ce n'est pas la place ici pour ça, n'hésitez pas à me le signaler, car mon objectif premier est de partager avec vous mes connaissances et mes astuces sur Divi.</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Facebook&diff=116 2023-04-04T20:17:14Z

<p>Loribel: </p> <hr /> <div>=Groupes Facebook (français)=<br /> <br /> ==WordPress &amp; Divi pour les débutants (5.1K) - Validation ==<br /> * Groupe public géré par Alpa14<br /> * https://www.facebook.com/groups/aideweb/<br /> * Publications Greg : https://www.facebook.com/groups/759081421375618/user/636161098<br /> <br /> ==Divi Community France (4.9K)==<br /> * Groupe Privé géré par Divi Community<br /> * https://www.facebook.com/groups/SupportDiviCommunity/<br /> * Publications Greg : https://www.facebook.com/groups/223669628151842/user/636161098<br /> <br /> ==Divi theme France et Extra Theme (2.9K)==<br /> * Groupe privé (2.9K)<br /> * https://www.facebook.com/groups/1529254874065095/<br /> * Publications Greg : https://www.facebook.com/groups/1529254874065095/user/636161098<br /> <br /> =Groupes Facebook (anglais)=<br /> <br /> ==Divi Theme Examples (19.6K / en)==<br /> * Groupe public géré par Divi Theme Examples<br /> * https://www.facebook.com/groups/divithemeexamples/<br /> <br /> <br /> =TODO=<br /> <br /> ==Créer un groupe Facebook==<br /> * Public ou Privé ?<br /> * Titre: Divi &amp; WordPress : de débutant à expert, avec DiViFree<br /> <br /> ===Description===<br /> <br /> Bienvenue dans le groupe Divi &amp; WordPress : de débutant à expert, avec DiViFree ! Ce groupe est dédié à tous ceux qui souhaitent apprendre à créer des sites Web de qualité professionnelle à l'aide des plateformes Divi et WordPress. Que vous soyez débutant ou expert, notre groupe est l'endroit idéal pour découvrir des astuces et des conseils pratiques pour améliorer vos compétences en matière de création de sites Web.<br /> <br /> Notre groupe est l'endroit idéal pour découvrir des astuces et des conseils pratiques pour la création de sites Web avec Divi et WordPress. Nous sommes heureux de vous offrir l'accès gratuit au site DiViFree, qui contient des articles et des ressources gratuites et payantes sélectionnées pour vous aider dans votre parcours de création de sites Web.<br /> <br /> Nous disposons également d'une chaîne YouTube où nous publions des tutoriels vidéo pour vous aider à améliorer vos compétences en matière de création de sites Web. Nos membres partagent également leurs expériences et leurs connaissances pour vous aider à résoudre les problèmes rencontrés et à améliorer votre site Web.<br /> <br /> Rejoignez notre communauté en ligne pour échanger des idées, poser des questions et découvrir les dernières tendances de l'industrie de la création de sites Web. Nous sommes impatients de vous aider à réussir dans la création de sites Web avec Divi et WordPress, avec l'aide de DiViFree et de notre chaîne YouTube.<br /> <br /> ==Nouveau post==<br /> Je suis heureux de vous annoncer que je vais bientôt lancer une série de vidéos tutoriels sur YouTube, destinée à aider les débutants et les experts à mieux comprendre le thème Divi.<br /> <br /> Divi est un thème puissant, cependant, il peut être difficile de savoir par où commencer ou comment tirer parti de toutes ses fonctionnalités et suivre ses évolutions.<br /> <br /> C'est pourquoi j'ai décidé de créer une série de vidéos qui couvre tout ce que vous devez savoir pour maîtriser Divi, depuis les bases jusqu'aux astuces avancées. <br /> <br /> Si cela vous intéresse, n'hésitez pas à me le faire savoir dans les commentaires. Et pour vous donner un avant-goût, je partage la première vidéo de la série ci-dessous:<br /> <br /> Divi pour les débutants : Maîtrisez le Divi Builder, les sections, colonnes et modules !<br /> https://youtu.be/aUbuaNXjpFg<br /> <br /> Je suis impatient de partager avec vous tout ce que j'ai appris sur Divi au fil des ans. Si ce n'est pas la place ici pour ça, n'hésitez pas à me le signaler, car mon objectif premier est de partager avec vous mes connaissances et mes astuces sur Divi.</div>

Loribel https://wiki.divifree.com/index.php?title=React&diff=115 2023-03-28T18:46:11Z

<p>Loribel: </p> <hr /> <div>==Déployer un app react==<br /> * https://create-react-app.dev/docs/deployment/<br /> * https://stackoverflow.com/questions/57090744/how-do-i-configure-my-htaccess-file-for-react-app-in-subdirectory<br /> <br /> Start the projet<br /> &lt;pre&gt;<br /> npm start<br /> &lt;/pre&gt;<br /> <br /> Build the project (to deploy)<br /> &lt;pre&gt;<br /> npm run build<br /> &lt;/pre&gt;<br /> <br /> .htaccess<br /> &lt;pre&gt;<br /> &lt;IfModule mod_rewrite.c&gt;<br /> RewriteEngine On<br /> RewriteBase /subdirectory<br /> RewriteRule ^index\.html$ - [L]<br /> RewriteCond %{REQUEST_FILENAME} !-f<br /> RewriteCond %{REQUEST_FILENAME} !-d<br /> RewriteCond %{REQUEST_FILENAME} !-l<br /> RewriteRule . /index.html [L]<br /> &lt;/IfModule&gt;<br /> &lt;/pre&gt;<br /> <br /> ==Erreur==<br /> 'react-scripts' n’est pas reconnu en tant que commande interne<br /> &lt;pre&gt;<br /> npm install react-scripts --save<br /> &lt;/pre&gt;</div>

Loribel https://wiki.divifree.com/index.php?title=React&diff=114 2023-03-28T18:43:26Z

<p>Loribel: </p> <hr /> <div>==Déployer un app react==<br /> * https://create-react-app.dev/docs/deployment/<br /> * https://stackoverflow.com/questions/57090744/how-do-i-configure-my-htaccess-file-for-react-app-in-subdirectory<br /> <br /> Build the project (<br /> &lt;pre&gt;<br /> npm run build<br /> &lt;/pre&gt;<br /> <br /> .htaccess<br /> &lt;pre&gt;<br /> &lt;IfModule mod_rewrite.c&gt;<br /> RewriteEngine On<br /> RewriteBase /subdirectory<br /> RewriteRule ^index\.html$ - [L]<br /> RewriteCond %{REQUEST_FILENAME} !-f<br /> RewriteCond %{REQUEST_FILENAME} !-d<br /> RewriteCond %{REQUEST_FILENAME} !-l<br /> RewriteRule . /index.html [L]<br /> &lt;/IfModule&gt;<br /> &lt;/pre&gt;<br /> <br /> ==Erreur==<br /> 'react-scripts' n’est pas reconnu en tant que commande interne<br /> &lt;pre&gt;<br /> npm install react-scripts --save<br /> &lt;/pre&gt;</div>

Loribel https://wiki.divifree.com/index.php?title=React&diff=113 2023-03-28T18:31:59Z

<p>Loribel: Created page with &quot;==Déployer un app react== * https://create-react-app.dev/docs/deployment/ * https://stackoverflow.com/questions/57090744/how-do-i-configure-my-htaccess-file-for-react-app-in-subdirectory Build the project ( &lt;pre&gt; npm run build &lt;/pre&gt; .htaccess &lt;pre&gt; &lt;IfModule mod_rewrite.c&gt; RewriteEngine On RewriteBase /subdirectory RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-l RewriteRule ....&quot;</p> <hr /> <div>==Déployer un app react==<br /> * https://create-react-app.dev/docs/deployment/<br /> * https://stackoverflow.com/questions/57090744/how-do-i-configure-my-htaccess-file-for-react-app-in-subdirectory<br /> <br /> Build the project (<br /> &lt;pre&gt;<br /> npm run build<br /> &lt;/pre&gt;<br /> <br /> .htaccess<br /> &lt;pre&gt;<br /> &lt;IfModule mod_rewrite.c&gt;<br /> RewriteEngine On<br /> RewriteBase /subdirectory<br /> RewriteRule ^index\.html$ - [L]<br /> RewriteCond %{REQUEST_FILENAME} !-f<br /> RewriteCond %{REQUEST_FILENAME} !-d<br /> RewriteCond %{REQUEST_FILENAME} !-l<br /> RewriteRule . /index.html [L]<br /> &lt;/IfModule&gt;<br /> &lt;/pre&gt;</div>

Loribel https://wiki.divifree.com/index.php?title=Main_Page&diff=112 2023-03-28T18:20:19Z

<p>Loribel: </p> <hr /> <div>&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;<br /> <br /> [[Divi]]<br /> <br /> [[DF-CSS]]<br /> <br /> [[Breakpoints]]<br /> <br /> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.<br /> <br /> <br /> ==Divi Free==<br /> * [[DF Facebook]] : Groupes Facebook pour Divi<br /> <br /> ==Tools==<br /> * [[Purge CSS]]<br /> * [[React]]<br /> <br /> == Getting started ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</div>

Loribel https://wiki.divifree.com/index.php?title=Purge_CSS&diff=111 2023-03-28T05:23:25Z

<p>Loribel: Created page with &quot; ==PurifyCSS== https://github.com/purifycss/purifycss Installation &lt;pre&gt; npm install -g purify-css &lt;/pre&gt; Utilisation &lt;pre&gt; purifycss style.css index.html -o style2.css &lt;/pre&gt; ==Liens== How to Remove Unused CSS for Leaner CSS Files * https://www.keycdn.com/blog/remove-unused-css&quot;</p> <hr /> <div><br /> ==PurifyCSS==<br /> https://github.com/purifycss/purifycss<br /> <br /> Installation<br /> &lt;pre&gt;<br /> npm install -g purify-css<br /> &lt;/pre&gt;<br /> <br /> Utilisation<br /> &lt;pre&gt;<br /> purifycss style.css index.html -o style2.css<br /> &lt;/pre&gt;<br /> <br /> <br /> ==Liens==<br /> How to Remove Unused CSS for Leaner CSS Files<br /> * https://www.keycdn.com/blog/remove-unused-css</div>

Loribel https://wiki.divifree.com/index.php?title=Main_Page&diff=110 2023-03-28T05:20:05Z

<p>Loribel: </p> <hr /> <div>&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;<br /> <br /> [[Divi]]<br /> <br /> [[DF-CSS]]<br /> <br /> [[Breakpoints]]<br /> <br /> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.<br /> <br /> <br /> ==Divi Free==<br /> * [[DF Facebook]] : Groupes Facebook pour Divi<br /> <br /> ==Tools==<br /> * [[Purge CSS]]<br /> <br /> == Getting started ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Facebook&diff=109 2023-03-23T14:51:05Z

<p>Loribel: </p> <hr /> <div>=Groupes Facebook (français)=<br /> <br /> ==WordPress &amp; Divi pour les débutants (5.1K)==<br /> * Groupe public géré par Alpa14<br /> * https://www.facebook.com/groups/aideweb/<br /> <br /> ==Divi Community France (4.9K)==<br /> * Groupe Privé géré par Divi Community<br /> * https://www.facebook.com/groups/SupportDiviCommunity/<br /> <br /> ==Divi theme France et Extra Theme (2.9K)==<br /> * Groupe privé (2.9K)<br /> * https://www.facebook.com/groups/1529254874065095/<br /> <br /> =Groupes Facebook (anglais)=<br /> <br /> ==Divi Theme Examples (19.6K / en)==<br /> * Groupe public géré par Divi Theme Examples<br /> * https://www.facebook.com/groups/divithemeexamples/<br /> <br /> <br /> =TODO=<br /> <br /> ==Créer un groupe Facebook==<br /> * Public ou Privé ?<br /> * Titre: Divi &amp; WordPress : de débutant à expert, avec DiViFree<br /> <br /> ===Description===<br /> <br /> Bienvenue dans le groupe Divi &amp; WordPress : de débutant à expert, avec DiViFree ! Ce groupe est dédié à tous ceux qui souhaitent apprendre à créer des sites Web de qualité professionnelle à l'aide des plateformes Divi et WordPress. Que vous soyez débutant ou expert, notre groupe est l'endroit idéal pour découvrir des astuces et des conseils pratiques pour améliorer vos compétences en matière de création de sites Web.<br /> <br /> Notre groupe est l'endroit idéal pour découvrir des astuces et des conseils pratiques pour la création de sites Web avec Divi et WordPress. Nous sommes heureux de vous offrir l'accès gratuit au site DiViFree, qui contient des articles et des ressources gratuites et payantes sélectionnées pour vous aider dans votre parcours de création de sites Web.<br /> <br /> Nous disposons également d'une chaîne YouTube où nous publions des tutoriels vidéo pour vous aider à améliorer vos compétences en matière de création de sites Web. Nos membres partagent également leurs expériences et leurs connaissances pour vous aider à résoudre les problèmes rencontrés et à améliorer votre site Web.<br /> <br /> Rejoignez notre communauté en ligne pour échanger des idées, poser des questions et découvrir les dernières tendances de l'industrie de la création de sites Web. Nous sommes impatients de vous aider à réussir dans la création de sites Web avec Divi et WordPress, avec l'aide de DiViFree et de notre chaîne YouTube.<br /> <br /> ==Nouveau post==<br /> Je suis heureux de vous annoncer que je vais bientôt lancer une série de vidéos tutoriels sur YouTube, destinée à aider les débutants et les experts à mieux comprendre le thème Divi.<br /> <br /> Divi est un thème puissant, cependant, il peut être difficile de savoir par où commencer ou comment tirer parti de toutes ses fonctionnalités et suivre ses évolutions.<br /> <br /> C'est pourquoi j'ai décidé de créer une série de vidéos qui couvre tout ce que vous devez savoir pour maîtriser Divi, depuis les bases jusqu'aux astuces avancées. <br /> <br /> Si cela vous intéresse, n'hésitez pas à me le faire savoir dans les commentaires. Et pour vous donner un avant-goût, je partage la première vidéo de la série ci-dessous:<br /> <br /> Divi pour les débutants : Maîtrisez le Divi Builder, les sections, colonnes et modules !<br /> https://youtu.be/aUbuaNXjpFg<br /> <br /> Je suis impatient de partager avec vous tout ce que j'ai appris sur Divi au fil des ans. Si ce n'est pas la place ici pour ça, n'hésitez pas à me le signaler, car mon objectif premier est de partager avec vous mes connaissances et mes astuces sur Divi.</div>

Loribel https://wiki.divifree.com/index.php?title=DF_Facebook&diff=108 2023-03-23T14:16:21Z

<p>Loribel: Created page with &quot;=Groupes Facebook (français)= ==WordPress &amp; Divi pour les débutants (5.1K)== * Groupe public géré par Alpa14 * https://www.facebook.com/groups/aideweb/ ==Divi Community France (4.9K)== * Groupe Privé géré par Divi Community * https://www.facebook.com/groups/SupportDiviCommunity/ ==Divi theme France et Extra Theme (2.9K)== * Groupe privé (2.9K) * https://www.facebook.com/groups/1529254874065095/ =Groupes Facebook (anglais)= ==Divi Theme Examples (19.6K / en)=...&quot;</p> <hr /> <div>=Groupes Facebook (français)=<br /> <br /> ==WordPress &amp; Divi pour les débutants (5.1K)==<br /> * Groupe public géré par Alpa14<br /> * https://www.facebook.com/groups/aideweb/<br /> <br /> ==Divi Community France (4.9K)==<br /> * Groupe Privé géré par Divi Community<br /> * https://www.facebook.com/groups/SupportDiviCommunity/<br /> <br /> ==Divi theme France et Extra Theme (2.9K)==<br /> * Groupe privé (2.9K)<br /> * https://www.facebook.com/groups/1529254874065095/<br /> <br /> =Groupes Facebook (anglais)=<br /> <br /> ==Divi Theme Examples (19.6K / en)==<br /> * Groupe public géré par Divi Theme Examples<br /> * https://www.facebook.com/groups/divithemeexamples/<br /> <br /> <br /> =TODO=<br /> <br /> ==Créer un groupe Facebook==<br /> * Public ou Privé ?<br /> * Titre: Divi &amp; WordPress : de débutant à expert, avec DiViFree<br /> <br /> ===Description===<br /> <br /> Bienvenue dans le groupe Divi &amp; WordPress : de débutant à expert, avec DiViFree ! Ce groupe est dédié à tous ceux qui souhaitent apprendre à créer des sites Web de qualité professionnelle à l'aide des plateformes Divi et WordPress. Que vous soyez débutant ou expert, notre groupe est l'endroit idéal pour découvrir des astuces et des conseils pratiques pour améliorer vos compétences en matière de création de sites Web.<br /> <br /> Notre groupe est l'endroit idéal pour découvrir des astuces et des conseils pratiques pour la création de sites Web avec Divi et WordPress. Nous sommes heureux de vous offrir l'accès gratuit au site DiViFree, qui contient des articles et des ressources gratuites et payantes sélectionnées pour vous aider dans votre parcours de création de sites Web.<br /> <br /> Nous disposons également d'une chaîne YouTube où nous publions des tutoriels vidéo pour vous aider à améliorer vos compétences en matière de création de sites Web. Nos membres partagent également leurs expériences et leurs connaissances pour vous aider à résoudre les problèmes rencontrés et à améliorer votre site Web.<br /> <br /> Rejoignez notre communauté en ligne pour échanger des idées, poser des questions et découvrir les dernières tendances de l'industrie de la création de sites Web. Nous sommes impatients de vous aider à réussir dans la création de sites Web avec Divi et WordPress, avec l'aide de DiViFree et de notre chaîne YouTube.</div>

Loribel https://wiki.divifree.com/index.php?title=Main_Page&diff=107 2023-03-23T13:53:40Z

<p>Loribel: </p> <hr /> <div>&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;<br /> <br /> [[Divi]]<br /> <br /> [[DF-CSS]]<br /> <br /> [[Breakpoints]]<br /> <br /> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.<br /> <br /> ==Divi Free==<br /> * [[DF Facebook]] : Groupes Facebook pour Divi<br /> <br /> == Getting started ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</div>

Loribel https://wiki.divifree.com/index.php?title=Main_Page&diff=106 2023-03-23T13:53:28Z

<p>Loribel: </p> <hr /> <div>&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;<br /> <br /> [[Divi]]<br /> <br /> [[DF-CSS]]<br /> <br /> [[Breakpoints]]<br /> <br /> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.<br /> <br /> ==Divi Free==<br /> * [DF Facebook]] : Groupes Facebook pour Divi<br /> <br /> == Getting started ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</div>

Loribel https://wiki.divifree.com/index.php?title=Main_Page&diff=105 2023-03-23T13:53:20Z

<p>Loribel: </p> <hr /> <div>&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;<br /> <br /> [[Divi]]<br /> <br /> [[DF-CSS]]<br /> <br /> [[Breakpoints]]<br /> <br /> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.<br /> <br /> ==Divi Free==<br /> * [DF Facebook]] : Groupe Facebook pour Divi<br /> <br /> == Getting started ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</div>

Loribel https://wiki.divifree.com/index.php?title=Composer&diff=104 2023-03-22T06:19:36Z

<p>Loribel: </p> <hr /> <div><br /> <br /> ==Installation de Composer==<br /> * https://getcomposer.org/download/<br /> Attention version PHP dans le path 7.x<br /> <br /> composer.json<br /> &lt;pre&gt;<br /> {<br /> &quot;require&quot;: {<br /> &quot;twig/twig&quot;: &quot;^3.0&quot;,<br /> &quot;monolog/monolog&quot;: &quot;^2.0&quot;<br /> }<br /> }<br /> &lt;/pre&gt;<br /> <br /> &lt;pre&gt;<br /> composer update<br /> &lt;/pre&gt;<br /> <br /> &lt;pre&gt;<br /> require_once __DIR__ . '/vendor/autoload.php';<br /> &lt;/pre&gt;<br /> <br /> <br /> &lt;pre&gt;<br /> // Initialisez l'environnement Twig<br /> $loader = new \Twig\Loader\FilesystemLoader(__DIR__ . '/templates');<br /> $twig = new \Twig\Environment($loader);<br /> <br /> // Préparez les données pour le modèle<br /> $data = array(<br /> 'title' =&gt; 'Exemple de titre',<br /> 'content' =&gt; 'Exemple de contenu',<br /> );<br /> <br /> // Rendez et affichez le modèle<br /> $template = $twig-&gt;load('exemple.html.twig');<br /> echo $template-&gt;render($data);<br /> &lt;/pre&gt;<br /> <br /> ==Installation de Twig==<br /> * https://twig.symfony.com/doc/3.x/intro.html#installation</div>

Loribel https://wiki.divifree.com/index.php?title=YouTube&diff=103 2023-03-15T04:44:57Z

<p>Loribel: </p> <hr /> <div>==Google Cloud Console==<br /> * https://console.cloud.google.com/<br /> <br /> ==YouTube API (exemple)==<br /> <br /> &lt;pre&gt;<br /> https://www.googleapis.com/youtube/v3/search?channelId={channelId}&amp;maxResults=50<br /> &amp;pageToken={pageToken}<br /> &amp;order=date<br /> &amp;publishedAfter=1970-01-01T00:00:00Z<br /> &lt;/pre&gt;<br /> <br /> &lt;pre&gt;<br /> https://www.googleapis.com/youtube/v3/videos?part=snippet,statistics&amp;id={videoId}<br /> &lt;/pre&gt;<br /> <br /> &lt;pre&gt;<br /> https://www.googleapis.com/youtube/v3/playlists?part=snippet&amp;channelId=xxx&amp;maxResults=50<br /> &lt;/pre&gt;<br /> <br /> &lt;pre&gt;<br /> https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&amp;playlistId=PLAYLIST_ID&amp;key=API_KEY<br /> &lt;/pre&gt;<br /> <br /> ==YouTube API==<br /> <br /> * Dashboard : https://console.cloud.google.com/apis/dashboard<br /> <br /> * Projet YouTube : https://console.cloud.google.com/welcome?project=youtube-379720&amp;hl=fr<br /> <br /> * Doc API : https://developers-dot-devsite-v2-prod.appspot.com/youtube/v3/docs?hl=fr<br /> <br /> * Doc : https://developers.google.com/youtube/v3?hl=fr</div>

Loribel https://wiki.divifree.com/index.php?title=YouTube&diff=102 2023-03-13T04:52:11Z

<p>Loribel: </p> <hr /> <div>==Google Cloud Console==<br /> * https://console.cloud.google.com/<br /> <br /> ==YouTube API (exemple)==<br /> &lt;pre&gt;<br /> https://www.googleapis.com/youtube/v3/playlists?part=snippet&amp;channelId=xxx&amp;maxResults=50<br /> &lt;/pre&gt;<br /> <br /> &lt;pre&gt;<br /> https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&amp;playlistId=PLAYLIST_ID&amp;key=API_KEY<br /> &lt;/pre&gt;<br /> <br /> ==YouTube API==<br /> <br /> * Dashboard : https://console.cloud.google.com/apis/dashboard<br /> <br /> * Projet YouTube : https://console.cloud.google.com/welcome?project=youtube-379720&amp;hl=fr<br /> <br /> * Doc API : https://developers-dot-devsite-v2-prod.appspot.com/youtube/v3/docs?hl=fr<br /> <br /> * Doc : https://developers.google.com/youtube/v3?hl=fr</div>

Loribel https://wiki.divifree.com/index.php?title=YouTube&diff=101 2023-03-12T04:55:06Z

<p>Loribel: /* YouTube API (exemple) */</p> <hr /> <div><br /> ==YouTube API (exemple)==<br /> &lt;pre&gt;<br /> https://www.googleapis.com/youtube/v3/playlists?part=snippet&amp;channelId=xxx&amp;maxResults=50<br /> &lt;/pre&gt;<br /> <br /> &lt;pre&gt;<br /> https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&amp;playlistId=PLAYLIST_ID&amp;key=API_KEY<br /> &lt;/pre&gt;<br /> <br /> ==YouTube API==<br /> <br /> * Dashboard : https://console.cloud.google.com/apis/dashboard<br /> <br /> * Projet YouTube : https://console.cloud.google.com/welcome?project=youtube-379720&amp;hl=fr<br /> <br /> * Doc API : https://developers-dot-devsite-v2-prod.appspot.com/youtube/v3/docs?hl=fr<br /> <br /> * Doc : https://developers.google.com/youtube/v3?hl=fr</div>

Loribel https://wiki.divifree.com/index.php?title=YouTube&diff=100 2023-03-12T04:40:12Z

<p>Loribel: </p> <hr /> <div><br /> ==YouTube API (exemple)==<br /> &lt;pre&gt;<br /> https://www.googleapis.com/youtube/v3/playlists?part=snippet&amp;channelId=xxx&amp;maxResults=50<br /> &lt;/pre&gt;<br /> <br /> ==YouTube API==<br /> <br /> * Dashboard : https://console.cloud.google.com/apis/dashboard<br /> <br /> * Projet YouTube : https://console.cloud.google.com/welcome?project=youtube-379720&amp;hl=fr<br /> <br /> * Doc API : https://developers-dot-devsite-v2-prod.appspot.com/youtube/v3/docs?hl=fr<br /> <br /> * Doc : https://developers.google.com/youtube/v3?hl=fr</div>

Loribel https://wiki.divifree.com/index.php?title=YouTube&diff=99 2023-03-10T14:32:11Z

<p>Loribel: </p> <hr /> <div>==YouTube API==<br /> <br /> * Dashboard : https://console.cloud.google.com/apis/dashboard<br /> <br /> * Projet YouTube : https://console.cloud.google.com/welcome?project=youtube-379720&amp;hl=fr<br /> <br /> * Doc API : https://developers-dot-devsite-v2-prod.appspot.com/youtube/v3/docs?hl=fr<br /> <br /> * Doc : https://developers.google.com/youtube/v3?hl=fr</div>

Loribel https://wiki.divifree.com/index.php?title=YouTube&diff=98 2023-03-10T14:27:47Z

<p>Loribel: Created page with &quot;==YouTube API== * Dashboard : https://console.cloud.google.com/apis/dashboard * Projet YouTube : https://console.cloud.google.com/welcome?project=youtube-379720&amp;hl=fr * Doc : https://developers.google.com/youtube/v3?hl=fr&quot;</p> <hr /> <div>==YouTube API==<br /> <br /> * Dashboard : https://console.cloud.google.com/apis/dashboard<br /> <br /> * Projet YouTube : https://console.cloud.google.com/welcome?project=youtube-379720&amp;hl=fr<br /> <br /> * Doc : https://developers.google.com/youtube/v3?hl=fr</div>

Loribel https://wiki.divifree.com/index.php?title=ACF_Video&diff=97 2023-03-10T04:50:38Z

<p>Loribel: </p> <hr /> <div>{| class=&quot;wikitable&quot; style=&quot;width: 90%;&quot;<br /> ! Libellé|| Nom|| Type|| Description<br /> |-<br /> | YouTube Id || youtube_id || Texte || id de la vidéo<br /> |-<br /> | YouTube Ts || youtube_ts || Texte || <br /> |-<br /> | YouTube Title || youtube_title || Texte || <br /> |-<br /> | YouTube URL || youtube_url || Texte || <br /> |-<br /> | YouTube Thumbnail || youtube_thumbnail || Texte || <br /> |-<br /> | YouTube Thumbnail HD || youtube_thumbnail_hd || Texte || <br /> |-<br /> | YouTube Thumbnail X320 || youtube_thumbnail_x320 || Texte || <br /> |-<br /> | YouTube Thumbnail X120 || youtube_thumbnail_x120 || Texte || <br /> |-<br /> | YouTube Description || youtube_description || Editeur Wysiwyg || <br /> |-<br /> | YouTube Channel Title || youtube_channel_title || Texte || <br /> |-<br /> | YouTube Channel Id || youtube_channel_id || Texte || <br /> |-<br /> | YouTube Channel URL || youtube_channel_url || Texte || <br /> |-<br /> | YouTube Duration || youtube_duration || Texte || <br /> |-<br /> | YouTube Language || youtube_language || Texte || fr / en<br /> |-<br /> | YouTube Publish|| youtube_publish || Texte || Date YYYY-MM-DD<br /> |-<br /> | YouTube Duration|| youtube_duration || Texte || Durée HHh MMmmn SSs<br /> |-<br /> | YouTube Like|| youtube_like || Npombre|| <br /> |-<br /> | YouTube Count|| youtube_count || Nombre || <br /> <br /> |}<br /> <br /> {| class=&quot;wikitable&quot; style=&quot;width: 90%;&quot;<br /> ! Libellé|| Nom|| Type|| Description<br /> |-<br /> | IA Description || ia_description|| Zone de texte|| Description générée par IA<br /> |}<br /> <br /> == Categories ==<br /> {| class=&quot;wikitable&quot; style=&quot;width: 90%;&quot;<br /> ! Libellé|| Nom|| Type|| Description<br /> |-<br /> | IA Description || ia_description|| Zone de texte|| Description générée par IA<br /> |}</div>

Loribel https://wiki.divifree.com/index.php?title=ACF_Video&diff=96 2023-03-10T03:52:22Z

<p>Loribel: Created page with &quot;{| class=&quot;wikitable&quot; style=&quot;width: 90%;&quot; ! Libellé|| Nom|| Type|| Description |- | YouTube Id || youtube_id || Texte || id de la vidéo |- | YouTube Ts || youtube_ts || Texte || |- | YouTube Title || youtube_title || Texte || |- | YouTube URL || youtube_url || Texte || |- | YouTube Thumbnail || youtube_thumbnail || Texte || |- | YouTube Thumbnail HD || youtube_thumbnail_hd || Texte || |- | YouTube Thumbnail X320 || youtube_thumbnail_x320 || Texte ||...&quot;</p> <hr /> <div>{| class=&quot;wikitable&quot; style=&quot;width: 90%;&quot;<br /> ! Libellé|| Nom|| Type|| Description<br /> |-<br /> | YouTube Id || youtube_id || Texte || id de la vidéo<br /> |-<br /> | YouTube Ts || youtube_ts || Texte || <br /> |-<br /> | YouTube Title || youtube_title || Texte || <br /> |-<br /> | YouTube URL || youtube_url || Texte || <br /> |-<br /> | YouTube Thumbnail || youtube_thumbnail || Texte || <br /> |-<br /> | YouTube Thumbnail HD || youtube_thumbnail_hd || Texte || <br /> |-<br /> | YouTube Thumbnail X320 || youtube_thumbnail_x320 || Texte || <br /> |-<br /> | YouTube Thumbnail X120 || youtube_thumbnail_x120 || Texte || <br /> |-<br /> | YouTube Description || youtube_description || Editeur Wysiwyg || <br /> |-<br /> | YouTube Channel Title || youtube_channel_title || Texte || <br /> |-<br /> | YouTube Channel Id || youtube_channel_id || Texte || <br /> |-<br /> | YouTube Channel URL || youtube_channel_url || Texte || <br /> |-<br /> | YouTube Duration || youtube_duration || Texte || <br /> |-<br /> | YouTube Language || youtube_language || Texte || fr / en<br /> |}<br /> <br /> <br /> {| class=&quot;wikitable&quot; style=&quot;width: 90%;&quot;<br /> ! Libellé|| Nom|| Type|| Description<br /> |-<br /> | IA Description || ia_description|| Zone de texte|| Description générée par IA<br /> |}</div>

Loribel https://wiki.divifree.com/index.php?title=ACF&diff=95 2023-03-10T03:42:32Z

<p>Loribel: </p> <hr /> <div>* [[ACF Video]]</div>

Loribel https://wiki.divifree.com/index.php?title=ACF&diff=94 2023-03-10T03:42:22Z

<p>Loribel: Created page with &quot;* [ACF Video]]&quot;</p> <hr /> <div>* [ACF Video]]</div>

Loribel https://wiki.divifree.com/index.php?title=Bunny_CDN&diff=93 2023-03-08T14:02:50Z

<p>Loribel: Created page with &quot;* Bunny : https://bunny.net/ * Panel : https://panel.bunny.net/ ==CDN dfree== * https://dfree.b-cdn.net ** css ** df-css (voir DF-CSS) ** films.pourinspirer&quot;</p> <hr /> <div>* Bunny : https://bunny.net/<br /> * Panel : https://panel.bunny.net/<br /> <br /> ==CDN dfree==<br /> * https://dfree.b-cdn.net<br /> ** css<br /> ** df-css (voir [[DF-CSS]])<br /> ** films.pourinspirer</div>

Loribel