Éditeur de lignes

Remarque

Ces informations sont spécifiques à l'éditeur classique et ne sont pas pertinentes pour Editor 2.0 (anciennement connu sous le nom d'éditeur All-Flex). Pour identifier votre version d'éditeur actuelle, consultez Comment identifier la version d'éditeur utilisée par votre site.

Utilisez l'Éditeur de lignes pour modifier l'arrière-plan (couleur ou image) de la ligne, ajouter une bordure ou régler l'espacement intérieur et extérieur de la ligne. Les lignes vous permettent d'organiser et d'agencer le contenu sur votre site.

Attention

Avant de modifier des lignes, créez une sauvegarde de votre site. Cela vous permettra de restaurer une précédente version de celui-ci si vous faites une erreur. Pour découvrir comment sauvegarder votre site, consultez l'article Sauvegarde de sites.

Pour configurer une ligne :

  1. Survolez le coin gauche d'une ligne jusqu'à ce qu'un bouton Ligne s'affiche, puis cliquez dessus.
    Le menu de l'Éditeur de lignes s'affiche.
  2. Cliquez sur les flèches Déplacer la ligne vers le haut et Déplacer la ligne vers le bas pour déplacer la ligne sélectionnée vers le haut ou vers le bas.
  3. Pour ouvrir l'éditeur de conception de lignes, cliquez sur Modifier le design. Pour plus d'informations, consultez l'article Éditeur de conception de lignes.
    L'éditeur de conception de lignes s'affiche.
  4. Cliquez sur +Ajouter et sélectionnez l'un des éléments suivants :
    • Ligne ci-dessus. Ajoutez une nouvelle ligne au-dessus de la ligne sélectionnée.
    • Ligne ci-dessous. Ajoutez une nouvelle ligne en dessous de la ligne sélectionnée.
    • Section. Ajoutez une section à la ligne sélectionnée.
    • Colonne. Ajoutez une colonne à la ligne sélectionnée.
    • Ligne intérieure. Ajoutez une ligne dans la ligne sélectionnée.
  5. Pour réinitialiser l'espacement intérieur de la ligne, cliquez sur Effacer le remplissage.
  6. Pour revenir à l'espacement par défaut du thème, cliquez sur Rétablir l'espacement par défaut.
  7. Pour ajouter une animation d'entrée à la ligne (par exemple, fondu de droite à gauche, rebond, zoom avant), cliquez sur Animation d'entrée, et sélectionnez une option.
  8. Pour enregistrer la ligne en tant que section, cliquez sur Enregistrer en tant que section. Vous pouvez alors choisir d'enregistrer seulement la ligne sélectionnée, plusieurs lignes, ou bien la page entière.
  9. Pour masquer la ligne sélectionnée sur un appareil spécifique (ordinateur, tablette, mobile), cliquez sur Masquer sur l'appareil et choisissez l'appareil.
  10. Pour copier la ligne, cliquez sur Copier.
  11. Pour ancrer la ligne sur la page ou supprimer une ancre existante, cliquez sur Définir comme ancre ou Modifier l'ancre.
  12. Pour supprimer la ligne, cliquez sur Supprimer.

Éditeur de conception de lignes

Pour modifier le style d'arrière-plan ou l'espacement de la ligne :

  1. Survolez le coin gauche d'une ligne jusqu'à ce qu'un bouton Ligne s'affiche, puis cliquez sur Modifier le design.
  2. L'onglet Paramètres vous permet d'accéder aux options suivantes :
    • Ligne à fond perdu. Pour transformer la ligne en ligne à fond perdu, ce qui permet au contenu de couvrir toute la largeur de l'écran, cliquez sur le bouton Ligne à fond perdu. Si vous choisissez de ne pas avoir de lignes à fond perdu, la largeur du contenu se limite à 960px.  
  3. 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.
      • Pour activer le défilement parallaxe d'une image d'arrière-plan, cliquez sur le bouton Défilement parallaxe. Lorsque cette option est activée, le contenu d'arrière-plan défile plus lentement que le contenu de premier plan.
      • Remarque

        Le défilement parallaxe n'est pas une option pour le Carrousel d'images en arrière-plan ou sur mobile.

        Pour les deux lignes de la version classique de l'éditeur et de la section Editor 2.0, l'option permettant de conserver une image d'arrière-plan statique n'est pas disponible pour les tablettes et les mobiles en raison d'une limitation d'iOS.

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

Remarque

Les carrousels d'arrière-plan peuvent également être ajoutés à n'importe quelle colonne.