DF Scripts: Difference between revisions

From DiviFree
No edit summary
Line 17: Line 17:


==Article de blog==
==Article de blog==
Faire de ce script un article de blog.
Faire du script suivant un article de blog.


Pour l'article donne moi :
Pour l'article donne moi :
* 1 titre optimisé SEO
* 1 titre optimisé SEO (moins de 80 caractères)
* 1 slug pour l'URL optimisé SEO
* 1 sous titre sous forme de TagLine
* 1 bloc meta description pour le SEO
* 1 bloc meta description pour le SEO
* 1 introduction
* 1 introduction
Line 26: Line 28:
* 4 citations (extrait ou véritable citation relié avec auteur)
* 4 citations (extrait ou véritable citation relié avec auteur)
* 1 conclusion
* 1 conclusion
-- SCRIPT --


=Idées=
=Idées=
Line 84: Line 87:


==S002-palette-couleurs==
==S002-palette-couleurs==
'''Configurer la palette de couleurs Divi pour un workflow fluide et efficace'''
* Slug: configurer-palette-couleurs-divi-workflow
* Tagline : Personnalisez votre expérience Divi avec une palette de couleurs sur mesure
Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail.  
Avant de commencer un nouveau site avec Divi, il est important de configurer votre palette de couleurs pour faciliter votre travail.  


Line 101: Line 109:
Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !
Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !


==S000-selection-multiple==
==S003-selection-multiple==
Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !
Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !


Line 136: Line 144:
Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !
Abonnez-vous à ma chaîne YouTube pour plus de vidéos et tutos détaillés !


==S00-packs==
==S004-packs==
Découvrez les nouveaux packs de layout Divi et leurs ressources incluses
'''Découvrez les nouveaux packs de layout Divi et leurs ressources incluses'''


Salut à tous ! Aujourd'hui, je vais vous parler des nouveaux packs de layout Divi et de toutes les ressources fantastiques qu'ils incluent. 🎉
Salut à tous ! Aujourd'hui, je vais vous parler des nouveaux packs de layout Divi et de toutes les ressources fantastiques qu'ils incluent. 🎉

Revision as of 19:24, 18 April 2023

Prompts GPT

Intro Vidéo Short

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.

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.

Termine les script par cet appel à l'action : 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 !

As tu besoin. De plus d’info avant que je te donne le 1er script à travailler ?

Sujet à tester

Connais tu la fonctionnalité ---- de Divi. 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. Sinon je vais te donner les détails de la fonctionnalité.

Article de blog

Faire du script suivant un article de blog.

Pour l'article donne moi :

  • 1 titre optimisé SEO (moins de 80 caractères)
  • 1 slug pour l'URL optimisé SEO
  • 1 sous titre sous forme de TagLine
  • 1 bloc meta description pour le SEO
  • 1 introduction
  • 4 blocs pour pouvoir ajouter photos et ou citations entre chaque blocs.
  • 4 citations (extrait ou véritable citation relié avec auteur)
  • 1 conclusion

-- SCRIPT --

Idées

  1. 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.
  2. Dupliquer des éléments rapidement : Montrez comment dupliquer rapidement des sections, rangées ou modules en cliquant simplement sur l'icône "Dupliquer" pour gagner du temps lors de la création de pages.
  3. 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.
  4. 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.
  5. 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.
  6. Utiliser les raccourcis clavier pour gagner du temps : Partagez quelques raccourcis clavier utiles pour effectuer rapidement des actions courantes dans le Divi Builder.
  7. 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.
  8. Utiliser la fonction "trouver et remplacer" pour modifier rapidement des styles : Expliquez comment utiliser la fonction "trouver et remplacer" pour modifier rapidement des styles spécifiques sur plusieurs éléments à la fois.
  9. 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.
  10. 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.
  11. 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.
  12. 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.
  13. 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.
  14. 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.
  15. Utiliser le mode "Responsive" pour prévisualiser sur différents appareils : Montrez comment activer le mode "Responsive" pour prévisualiser et ajuster votre site sur différents appareils (ordinateurs de bureau, tablettes et mobiles).
  16. 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.
  17. 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.
  18. 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.
  19. 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.
  20. 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.
  21. 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.
  22. 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.
  23. 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.
  24. 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.
  25. 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.
  26. 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.
  27. Utiliser le mode "split testing" pour optimiser votre site : Présentez comment utiliser le mode "split testing" pour comparer différentes versions d'un élément et déterminer quelle version fonctionne le mieux.
  28. 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.
  29. 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.
  30. 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.
  31. 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.
  32. 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.
  33. 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.
  34. 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.
  35. 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.
  36. 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 "Ajouter au panier".
  37. 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.
  38. 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.
  39. 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.
  40. 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.

Scripts

S001-style-modifie

🚀 Astuce Divi : Comment modifier rapidement les styles et paramètres | Boostez votre productivité !

Vous galérez à modifier les gabarits de Divi ? Découvrez cette astuce simple pour gagner du temps et augmenter votre productivité !

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 "Afficher les styles modifiés". 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.

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.

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 !

S002-palette-couleurs

Configurer la palette de couleurs Divi pour un workflow fluide et efficace

  • Slug: configurer-palette-couleurs-divi-workflow
  • Tagline : Personnalisez votre expérience Divi avec une palette de couleurs sur mesure

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.

  1. Allez dans le tableau de bord WordPress, puis cliquez sur "Divi" et sélectionnez "Options du thème".
  2. Dans l'onglet "Général", faites défiler vers le bas pour trouver la section "Palette de couleurs du sélecteur de couleurs".
  3. 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.
  4. Une fois vos couleurs sélectionnées, n'oubliez pas de cliquer sur "Enregistrer les modifications" pour sauvegarder votre palette de couleurs personnalisée.

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.

Dans une prochaine vidéo, je vous parlerai aussi des couleurs globales, un concept très avancée et performant de Divi.

Je suis Grégory, catalyseur numérique, 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 !

S003-selection-multiple

Aujourd'hui, je vais vous montrer une astuce pour gagner du temps dans Divi : la sélection multiple et l'édition en bloc !

Avec cette fonctionnalité, vous pouvez facilement modifier plusieurs éléments en même temps.

Voici comment faire :

  1. 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.
  2. Une fois vos éléments sélectionnés, cliquez sur l'icône "Modifier en bloc" 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.
  3. Appliquez les modifications souhaitées et cliquez sur "Enregistrer" pour valider.

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.

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 !

S00-presets-h1

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.

  1. Ouvrez le module texte où vous voulez définir les styles par défaut pour vos titres.
  2. Cliquez sur l'icône de préréglage en haut de la fenêtre de paramètres.
  3. Sélectionnez le préréglage "Par défaut" et cliquez sur l'icône "Modifier".
  4. Allez dans l'onglet "Design" et déroulez les options pour "H1", "H2" et "H3".
  5. Personnalisez la police, la couleur et la taille pour chaque niveau de titre.
  6. Cliquez sur "Enregistrer" pour sauvegarder les modifications apportées au préréglage par défaut.

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.

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.

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 !

S004-packs

Découvrez les nouveaux packs de layout Divi et leurs ressources incluses

Salut à tous ! Aujourd'hui, je vais vous parler des nouveaux packs de layout Divi et de toutes les ressources fantastiques qu'ils incluent. 🎉

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. 📝🖼️

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. ✨

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 ! ⏱️

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. 🚀

C'était votre astuce rapide du jour ! 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 !

S00-presets

Salut à tous ! Aujourd'hui, je vais vous présenter une fonctionnalité très pratique dans Divi : les préréglages ou "Presets". Ils vous permettront de créer des styles personnalisés et de les réutiliser facilement sur votre site.

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.

Voici comment créer un préréglage :

  1. 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.
  2. Cliquez sur le bouton "+" pour ajouter un nouveau préréglage.
  3. Nommez votre préréglage et personnalisez les styles et les paramètres selon vos besoins.
  4. Cliquez sur "Enregistrer" pour sauvegarder votre préréglage.
  5. 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.

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 !

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 !