Site Web avancé : é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. Utilisez les colonnes pour organiser et structurer le contenu d'une ligne.

Pour configurer une colonne :

1. Faites un clic droit sur la colonne. Le menu de l'éditeur de colonnes apparaît.

   Note :

   Si la colonne est vide, le clic droit ne sera pas directement accessible. Dans ce cas, pour accéder à la colonne, faites un clic droit sur un widget qui se trouve dans la colonne (cela devrait faire apparaître le menu contextuel pour le widget et noter le nom de celui-ci en haut), cliquez sur Sélectionnez le conteneur , sélectionnez Colonne . Pour vérifier que le menu contextuel de la colonne est bien activé, reportez-vous à la partie supérieure ; il devrait maintenant indiquer Colonne .

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 actuelle 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 la conception . Pour plus d'informations, voir Éditeur de conception de colonnes. L'éditeur de conception de colonnes apparaît.

4. Cliquez sur +Ajouter et sélectionnez l'une des options suivantes :

5. Colonne . Ajoutez une nouvelle colonne à la ligne actuelle (un maximum de 4 colonnes peut être ajouté par ligne).
6. Ligne intérieure . Ajoutez une ligne dans la colonne actuelle.
7. Widget ci-dessous . Ajoutez un widget .

8. Pour effacer l'espacement intérieur à l'intérieur de la colonne, cliquez sur Rembourrage transparent .

9. Pour rétablir l'espacement défini dans l'espacement du thème, cliquez sur Réinitialiser l'espacement par défaut .

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

11. Pour masquer la colonne actuelle sur un appareil spécifique (ordinateur de bureau, tablette, mobile), cliquez sur Masquer sur l'appareil et sélectionnez l'appareil.

12. Pour verrouiller la colonne pour l'édition client, cliquez sur Verrou pour l'édition client .

13. Pour copier la colonne, cliquez sur Copier .

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

15. Pour supprimer la colonne, cliquez sur Supprimer .

Éditeur de conception de colonnes

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 la conception .

   Note :

   Si la colonne est vide, le clic droit ne sera pas directement accessible. Dans ce cas, pour accéder à la colonne, faites un clic droit sur une colonne. widget qui se trouve dans la colonne (cela devrait faire apparaître le menu contextuel pour le widget et noter le nom de celui-ci en haut), cliquez sur Sélectionnez le conteneur , sélectionnez Colonne . Pour vérifier que le menu contextuel de la colonne est bien activé, reportez-vous à la partie supérieure ; il devrait maintenant indiquer Colonne .

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 . La couleur du dégradé remplace celle de l'image, et vice versa.
  • Cliquez sur Bordure pour sélectionner un type de bordure et déplacez le curseur pour définir la largeur de la bordure.
  • Pour ajouter une ombre, cliquez sur le Ombre basculez et sélectionnez une couleur, un type et une position pour l'ombre.

• Image .
  • Pour ajouter une image à l'arrière-plan, cliquez sur + pour ouvrir le sélecteur d'images.
  • Pour créer un curseur d'image d'arrière-plan, sélectionnez plusieurs images dans le sélecteur d'images et consultez Curseur d'image d'arrière-plan.
  • Sélectionnez pour que l'image s'affiche sous forme de Couverture , Image complète , Tuile , ou Pas de répétition .
  • Configurez la position, la superposition d’arrière-plan, la bordure et l’ombre de l’image.
• Vidéo . Cliquez sur Sélectionner une vidéo pour afficher les vidéos téléchargées ou collez l'URL de la vidéo YouTube, Vimeo ou Dailymotion dans le champ fourni. Pour plus d'informations sur les arrière-plans vidéo, voir Arrière-plans vidéo .

Curseur d'image d'arrière-plan

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

Toute autre option d'image d'arrière-plan, telle que la superposition d'arrière-plan, le positionnement et le style d'affichage, peut être appliquée au curseur.