Site Web avancé : éditeur de lignes

Utilisez l'éditeur de lignes pour modifier l'arrière-plan (couleur ou image), ajouter une bordure ou ajuster l'espacement intérieur et extérieur de la ligne. Utilisez les lignes pour structurer et organiser le contenu de votre site.

Important :

Avant de modifier des lignes, créez une sauvegarde de votre site. Cela vous permettra de restaurer une version antérieure de votre site en cas d'erreur. Pour plus d'informations sur la sauvegarde de votre site, consultez la section Sauvegarder des sites.

Pour configurer une ligne :
  1. Passez la souris sur le coin supérieur gauche d’une ligne jusqu’à ce qu’un bouton de ligne apparaisse, puis cliquez sur Ligne.
    Le menu de l’éditeur de lignes apparaît.
  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 actuelle vers le haut ou vers le bas.
  3. Pour ouvrir l'éditeur de lignes, cliquez sur « Modifier la conception ». Pour plus d'informations, voir Éditeur de conception de ligne.
    L'éditeur de conception de ligne apparaît.
  4. Cliquez +Ajouter et sélectionnez l'une des options suivantes :
    • Ligne au-dessus. Ajouter une nouvelle ligne au-dessus de la ligne actuelle.
    • Ligne ci-dessous. Ajouter une nouvelle ligne sous la ligne actuelle.
    • Section. Ajouter une section à la ligne.
    • Colonne. Ajouter une colonne à la ligne.
    • Ligne intérieure. Ajouter une ligne à la ligne actuelle.
  5. Pour effacer l'espacement intérieur dans la ligne, cliquez sur Rembourrage transparent.
  6. Pour rétablir l'espacement défini dans l'espacement du thème, cliquez sur Réinitialiser l'espacement par défaut.
  7. Pour ajouter une animation d'entrée à la ligne (par exemple, fondu à droite, 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 et choisissez d’enregistrer uniquement la ligne actuelle, plusieurs lignes ou la page entière.
  9. Pour masquer la ligne actuelle sur un appareil spécifique (ordinateur de bureau, tablette, mobile), cliquez sur Masquer sur l'appareil et sélectionnez l'appareil.
  10. Pour verrouiller la ligne pour la modification du client, cliquez sur Verrou pour l'édition client.
  11. Pour copier la ligne, cliquez sur Copie.
  12. Pour ancrer la ligne à la page ou supprimer une ancre existante, cliquez sur Définir comme ancre ou Modifier l'ancre.
  13. Pour supprimer la ligne, cliquez sur Supprimer.

Éditeur de conception de ligne

Pour modifier le style d’arrière-plan ou l’espacement de la ligne :
  • Passez la souris sur le coin supérieur gauche d'une ligne jusqu'à ce qu'un bouton de ligne apparaisse, cliquez Ligne, puis cliquez sur Modifier la conception.
  • Dans l’onglet Paramètres , vous avez les options suivantes :
    • Ligne pleine page. Pour transformer la ligne en ligne pleine page, ce qui permet au contenu de s'étendre sur toute la largeur de l'écran, cliquez sur le bouton Ligne pleine page bascule. Si vous choisissez de ne pas avoir de ligne pleine page, la largeur du contenu est limitée à 960 px.
  • Dans l’onglet Style , sélectionnez un arrière-plan Couleur, Image, ou 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 la Ombre bascule 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'images d'arrière-plan, sélectionnez plusieurs images dans le sélecteur d'images et consultez Curseur d'images d'arrière-plan.
        • Choisissez l'affichage de l'image en mode Couverture, Image complète, Tuile, ou Pas de répétition.
        • Pour activer le défilement parallaxe sur une image d'arrière-plan, cliquez sur le bouton Défilement parallaxe bascule. Lorsque cette option est activée, le contenu d'arrière-plan défile plus lentement que celui du premier plan.

Note :

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

        • 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 mises en ligne ou collez l'URL de la vidéo YouTube, Vimeo ou Dailymotion dans le champ prévu à cet effet. Pour plus d'informations sur les arrière-plans vidéo, consultez la section « Arrière-plans vidéo ».

Curseur d'images 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 de diapositive dans le menu déroulant et déplacez le curseur pour sélectionner une vitesse de diapositive (en 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.

Note :

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

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0