Téléchargez un guide de style des préréglages globaux GRATUITS pour le pack de mise en page Produce Box de Divi

Salut Divi Nation ! Merci de nous avoir rejoint pour le prochain volet de notre initiative hebdomadaire de conception Divi où chaque semaine, nous offrons de nouveaux cadeaux. Aujourd'hui, nous partageons un guide de style de préréglages global pour le pack de mise en page Produce Box de Divi. Les préréglages globaux de Divi vous aident à accélérer votre processus de conception Web en un rien de temps, et pour vous aider à l'accélérer encore plus, nous fournirons régulièrement des préréglages globaux, uniques au pack de mise en page, dans une seule mise en page. Vous pouvez choisir si vous souhaitez télécharger tous les préréglages globaux à la fois ou en sélectionner des spécifiques.

Téléchargez le guide de style des préréglages globaux pour le pack de mise en page Produce Box

Pour mettre la main sur le guide de style gratuit des préréglages globaux, vous devrez d'abord le télécharger en utilisant le bouton ci-dessous. Pour accéder au téléchargement, vous devrez vous inscrire à notre liste de diffusion Divi Daily en utilisant le formulaire ci-dessous. En tant que nouvel abonné, vous recevrez chaque lundi encore plus de bienfaits Divi et un pack Divi Layout gratuit ! Si vous êtes déjà sur la liste, entrez simplement votre adresse e-mail ci-dessous et cliquez sur télécharger. Vous ne serez pas « réinscrit » ni ne recevrez d'e-mails supplémentaires.

Télécharger les fichiers

Télécharger gratuitement

Rejoignez la newsletter Divi et nous vous enverrons par e-mail une copie du pack ultime de mise en page de la page de destination Divi, ainsi que des tonnes d'autres ressources, trucs et astuces Divi incroyables et gratuits. Suivez-le et vous serez un maître Divi en un rien de temps. Si vous êtes déjà abonné, saisissez simplement votre adresse e-mail ci-dessous et cliquez sur télécharger pour accéder au pack de mise en page.

TÉLÉCHARGER

Vous vous êtes enregistré avec succès. Veuillez vérifier votre adresse e-mail pour confirmer votre abonnement et accéder aux packs de mise en page Divi hebdomadaires gratuits !

Un aperçu rapide des préréglages globaux

La beauté de Divi est qu'il vous donne un contrôle total sur la conception de votre site Web en utilisant un large éventail de paramètres de conception que vous pouvez utiliser pour personnaliser l'apparence de n'importe quel élément ou module.

Le nouveau système de préréglages Divi vous permet de concevoir une apparence personnalisée pour un élément Divi (comme un module de boutons) et de l'enregistrer en tant que préréglage. Toutes les modifications de conception que vous apportez sont enregistrées dans le préréglage. Lorsque vous ajoutez un nouveau module à votre page, vous pouvez parcourir vos préréglages enregistrés et les appliquer rapidement.

Une fois qu'un préréglage a été appliqué, la conception par défaut du module est contrôlée par le préréglage. Si vous mettez à jour le style d'un préréglage, tous les modules utilisant ce préréglage sont également mis à jour. Cela vous permet de contrôler la conception de l'ensemble de votre site Web à l'aide d'une petite collection de préréglages enregistrés. De plus, cela permet de gagner beaucoup de temps lors de l'ajout de nouveaux modules à votre page, car vous n'avez pas besoin de concevoir chaque nouveau module à partir de zéro, mais vous pouvez à la place sélectionner rapidement une apparence dans votre bibliothèque de préréglages Divi.

Quand utiliser un guide de style des préréglages globaux

De préférence, vous commencerez à utiliser un guide de style des préréglages globaux avant de créer vos pages, modèles, etc. La raison en est que vous pourrez accéder immédiatement à vos préréglages globaux lors de la création de vos conceptions, au lieu d'avoir à revenir à votre conception, réinitialisez les styles en ligne au niveau de l'élément et appliquez un préréglage global.

Démarrer votre processus de build Divi après avoir créé un guide de style vous évite d'avoir à apporter manuellement des modifications aux modules dans leurs paramètres individuels. Si vous travaillez avec des préréglages globaux depuis le début, vous pourrez les modifier en un seul endroit et observer les changements se dérouler sur l'ensemble de votre site Web à la fois.

Si vous cherchez à créer votre propre guide de style de préréglages globaux à partir de zéro, au lieu d'en utiliser un basé sur un pack de mise en page, consultez la publication de téléchargement du cadre de guide de style.

Option A : Téléchargement automatique de tous les préréglages globaux à la fois

Cette approche ajoutera automatiquement tous les préréglages à votre bibliothèque de préréglages à la fois.

Aller à la bibliothèque Divi

Accédez à votre bibliothèque Divi dans le backend de votre site WordPress.

Télécharger une mise en page avec des préréglages

Là, cliquez sur le bouton "Importer et exporter" en haut.

Continuez en cliquant sur l'onglet importer et en sélectionnant le fichier JSON que vous avez pu télécharger au début de cet article. Pour importer automatiquement les préréglages, cochez également la case « Importer les préréglages ». Cela ajoutera automatiquement chaque préréglage à chaque module.

Noms de préréglages dans la bibliothèque de préréglages

Ci-dessous, vous avez une liste de tous les préréglages et leurs noms qui ont été ajoutés à vos modules. L'ordre est le même que dans l'écran d'impression ci-dessous. Vous pouvez toujours revenir au guide de style pour référence.

• PBLP – H1 – 1
• PBLP – H2 – 1
• PBLP – H3 – 1
• PBLP – H4 – 1
• PBLP – H4 – 2
• PBLP – Corps – 1
• PBLP – Corps – 2
• PBLP – Texte – Tous – 1

• PBLP – Bouton 1
• PBLP – Bouton 2

• PBLP – Présentation 1
• PBLP – Présentation 2
• PBLP – Présentation 3
• PBLP – Formulaire de contact 1
  • PBLP – Formulaire de contact Champ 1
• PBLP - Email Option 1
• PBLP – Curseur 1
• PBLP – Accordéon 1
• PBLP – Blogue 1
• PBLP – Réseaux sociaux Suivre 1
  • PBLP – Réseau social 1
• PBLP – Compteur de nombres 1

Accéder au préréglage dans les nouveaux modules que vous ajoutez

Vous pouvez accéder à chacun des préréglages téléchargés en ouvrant ou en ajoutant un nouveau module, en cliquant sur l'élément de préréglage en haut et en sélectionnant un préréglage de votre choix.

Option B : transformer de manière sélective les modules du guide de style en préréglages globaux

Avec cette approche, vous avez un plus grand mot à dire sur ce qui apparaît dans votre bibliothèque de préréglages globale et ce qui ne l'est pas. Les éléments vous seront fournis en un seul endroit et vous pourrez choisir visuellement celui que vous souhaitez transformer manuellement en un préréglage global avec le nom de votre choix.

Aller à la bibliothèque Divi

Accédez à votre bibliothèque Divi dans le backend de votre site WordPress.

Télécharger la mise en page sans préréglages

Ensuite, cliquez sur le bouton « Importer et exporter ».

Accédez à l'onglet Importer et sélectionnez le fichier JSON que vous avez pu télécharger au début de cet article. Si vous voulez pouvoir choisir les modules que vous transformez en préréglages globaux, il est important de laisser la case « Importer les préréglages » décochée.

Créer un nouveau brouillon de page + télécharger une mise en page

Maintenant, créez un nouveau brouillon de page pour la mise en page du guide de style des préréglages globaux.

Choisissez un module que vous souhaitez transformer en un préréglage global et ouvrez les paramètres du module

Parcourez tous les éléments et décidez lesquels vous souhaitez transformer en préréglages globaux.

Transformez le module en préréglage global dans les paramètres

Supposons, par exemple, que vous souhaitiez transformer l'un des modules de boutons en un préréglage global. Ouvrez les paramètres du module de boutons et cliquez sur l'option prédéfinie en haut.

Transformez les paramètres du module en un nouveau préréglage à partir de styles personnalisés.

Nommez le nouveau préréglage comme vous le souhaitez.

Répétez les étapes pour chaque module que vous souhaitez inclure dans les préréglages

Répétez ces étapes pour chaque préréglage que vous souhaitez créer.

Transformer la palette de couleurs personnalisée en global

Transformez les codes de couleur HEX de votre choix, que vous pouvez trouver dans le guide de style, globaux en cliquant avec le bouton droit sur la couleur et en sélectionnant « Convertir en global ». Vous pouvez le faire pour chacune des couleurs de votre palette de couleurs afin de pouvoir y accéder facilement lors de la conception et de la construction dans Divi.

Astuce : Conservez le guide de style dans un onglet séparé pour copier/coller des styles spécifiques (dégradés/ombre de la boîte/bordure/…)

Enfin et surtout, c'est une excellente idée de toujours garder le guide de style dans un onglet séparé. L'utilisation de l'option copier-coller intégrée et inter-pages de Divi vous aidera à transférer rapidement des styles, comme des arrière-plans dégradés, d'un élément à un autre !

De nouveaux guides de style prédéfinis mondiaux chaque semaine !

Nous espérons que vous apprécierez le guide de style global prédéfini de cette semaine. Nous sommes impatients d'entendre vos opinions dans la section des commentaires ci-dessous. Assurez-vous de revenir la semaine prochaine pour plus de cadeaux!