Éditeur de colonnes

Utilisez l'éditeur de colonnes pour modifier l'arrière-plan d'une colonne (couleur ou image), ajouter une bordure ou ajuster l'espacement intérieur et extérieur de la colonne. Les colonnes vous permettent d'organiser et d'agencer le contenu d'une ligne.

Pour configurer une colonne :

1. Cliquez avec le bouton droit sur la colonne. Le menu de l'éditeur de colonnes apparaît.

   Remarque

   S'il n'y a pas de remplissage sur la colonne, le clic droit ne sera pas directement accessible. Pour accéder à la colonne dans ce cas, cliquez avec le bouton droit de la souris sur un widget qui se trouve dans la colonne (le menu contextuel du widget devrait s'afficher et le nom du widget sera indiqué en haut), cliquez sur Sélectionner le conteneur, puis sur Colonne. Pour vérifier que le menu contextuel de la colonne a bien été modifié, reportez-vous à la partie supérieure ; le mot Colonne devrait maintenant s'afficher.

2. Cliquez sur les flèches Déplacer la colonne vers la gauche et Déplacer la colonne vers la droite pour déplacer la colonne sélectionnée vers la gauche ou la droite (les flèches seront désactivées s'il n'y a qu'une seule colonne).

3. Pour ouvrir l'éditeur de conception de colonnes, cliquez sur Modifier le design. Pour plus d'informations, consultez l'article Éditeur de conception de colonnes. L'éditeur de conception de colonnes s'affiche.

4. Cliquez sur +Ajouter et sélectionnez l'un des éléments suivants :

5. Colonne. Ajoutez une nouvelle colonne à la ligne sélectionnée (4 colonnes au maximum peuvent être ajoutées par ligne).
6. Ligne intérieure. Ajoutez une ligne dans la colonne sélectionnée.
7. Widget ci-dessous. Ajoutez un widget.

8. Pour réinitialiser l'espacement intérieur de la colonne, cliquez sur Effacer le remplissage.

9. Pour revenir à l'espacement par défaut du thème, cliquez sur Rétablir l'espacement par défaut.

10. Pour ajouter une animation d'entrée à la colonne (par exemple, fondu de droite à gauche, rebond, zoom avant), cliquez sur Animation d'entrée, et sélectionnez une option.

11. Pour masquer la colonne sélectionnée sur un appareil spécifique (ordinateur, tablette, mobile), cliquez sur Masquer sur l'appareil et choisissez l'appareil.

12. Pour copier la colonne, cliquez sur Copier.

13. Pour ancrer la colonne sur la page ou supprimer une ancre existante, cliquez sur Définir comme ancre ou Modifier l'ancre.

14. Pour supprimer la colonne, cliquez sur Supprimer.

Personnaliser l'apparence de la colonne

Pour modifier le style d'arrière-plan ou l'espacement d'une colonne :

1. Faites un clic droit sur la colonne, puis cliquez sur Modifier le design.

   Remarque

   S'il n'y a pas de remplissage sur la colonne, le clic droit ne sera pas directement accessible. Pour accéder à la colonne dans ce cas, cliquez avec le bouton droit de la souris sur un widget qui se trouve dans la colonne (le menu contextuel du widget devrait s'afficher et le nom du widget sera indiqué en haut), cliquez sur Sélectionner le conteneur, puis sur Colonne. Pour vérifier que le menu contextuel de la colonne a bien été modifié, reportez-vous à la partie supérieure ; le mot Colonne devrait maintenant s'afficher.

2. Dans l'onglet Style, sélectionnez une Couleur d'arrière-plan, une Image ou une Vidéo. Vous disposez des options suivantes :
   • Couleur.
     • Sélectionnez une Couleur d'arrière-plan. Le dégradé de couleur remplace l'image, et vice-versa.
     • Cliquez sur Bordure pour sélectionner un type de bordure, puis déplacez le curseur pour définir sa largeur.
     • Pour ajouter une ombre, cliquez sur le bouton Ombre, puis sélectionnez la couleur, le type et la position de l'ombre.
   • Image.
     • Pour ajouter une image de fond, cliquez sur + pour ouvrir le sélecteur d'images.
     • Pour créer un carrousel d'images en arrière-plan, sélectionnez plusieurs images dans le sélecteur d'images, et consultez l'article Carrousel d'images en arrière-plan.
     • Choisissez d'afficher l'image comme Couverture, Image complète, Mosaïque ou Pas de répétition.
     • Configurez la position, la superposition sur l'arrière-plan, la bordure et l'ombre de l'image.
   • Vidéo. Cliquez sur Sélectionner une vidéo pour consulter les vidéos téléchargées ou collez l'URL de la vidéo YouTube, Vimeo ou Dailymotion dans la zone prévue à cet effet. Pour plus d'informations sur les arrière-plans vidéo, consultez l'article Arrière-plans vidéo.

Carrousel d'images en arrière-plan

Après avoir sélectionné plusieurs images dans le sélecteur d'images, cliquez sur Terminé. Une fois le carrousel créé, sélectionnez une Transition des diapositives dans le menu déroulant, et déplacez le curseur pour sélectionner une Vitesse des diapositives (secondes).

Les autres options d'images d'arrière plan, comme la superposition en arrière-plan, le positionnement et le style d'affichage, peuvent être appliquées au slider.