Want to make creations as awesome as this one?

Utiliser le builder Chapitre 3

Transcript

UTILISER LE BUILDER

CHAPITRE 3 : UTILISATION DES MISES EN PAGES PRÉDÉFINIES DANS DIVI

MODULE 2

Divi expédie des tonnes de superbes mises en page préfabriquées que vous pouvez utiliser pour lancer votre conception.

Voici quelques exemples du Divi Builder en action
https://www.elegantthemes.com/preview/Divi-Builder/superfruits/

Utilisation des mises en page prédéfinies dans Divi

Où les trouver ?

Pour commencer vous voudrez ajouter une nouvelle page ou un nouveau projet et activer le visual builder.

Au bas de la page, vous remarquerez une icône circulaire violette avec trois points dans une ligne horizontale.

Cliquez sur ce bouton pour développer les paramètres de la page du constructeur visuel.

Où les trouver ?

L'icône plus dans ce menu étendu est l'endroit où vous pouvez ajouter des éléments de la bibliothèque Divi, y compris une grande variété de mises en page préfabriquées que nous avons incluses pour vous aider à démarrer n'importe quel type de page Web dont vous avez besoin pour concevoir.

Liste de mises en page des prémisses

En cliquant sur l'icône plus, vous obtiendrez une liste complète des modèles préfabriqués de Divi que vous pourrez faire défiler et sélectionner.


Vous pouvez soit charger une mise en page préétablie dans une page vierge, une mise en page existante, soit remplacer le contenu existant.

Chargement d'un schéma

de pré-disposition

En cliquant sur l'une des mises en page prédéfinies, vous chargerez ce contenu dans votre page.

Ci-dessous, vous trouverez un exemple de mise en page préfabriquée une fois qu'elle a été chargée sur une page vide.

Chargement d'un schéma

de pré-disposition

En remplaçant chaque élément de la page par votre propre contenu, vous pouvez avoir un beau site personnalisé en quelques minutes.

Dans cet exemple, nous allons remplacer le titre du curseur, l'image et le bouton, le texte de la bannière, les flous et le titre de la promotion pour créer une simple page d'accueil pour une communauté culinaire.

Avec le constructeur visuel de faire ces changements est simple. Passez le curseur sur n'importe quelle zone que vous souhaitez modifier et les paramètres s'afficheront.

Si vous souhaitez modifier le texte, sélectionnez simplement le texte et commencez à taper.


Pour voir plus de détails sur la façon d'éditer des éléments avec le visual builder, consultez notre post sur comment commencer avec le Divi Builder.

Vous trouverez ci-dessous un résultat possible que vous pouvez obtenir en utilisant cette mise en page particulière.


Souplesse

La beauté de ces mises en page est que vous pouvez les éditer comme vous le souhaitez.

Par exemple, si vous aimez cette mise en page particulière, mais que vous préférez ne pas avoir d'Appel à l'action en bas, supprimez-la simplement en cliquant sur l'icône de la poubelle pour cette rangée et c'est parti !

Regardez l'image ci-dessous pour voir comment la suppression de l'Appel à l'action affecterait l'apparence de votre mise en page.


Si vous aimez ce changement, vous pouvez appuyer sur "commande + enregistrer" (ou cliquer sur le bouton enregistrer).

Si vous n'aimez pas le changement, vous pouvez appuyer sur "commande + z" pour le supprimer (ou utiliser le bouton d'historique d'édition pour supprimer plusieurs actions en même temps !).

MERCI