Dans l’Éditeur, vous pouvez ajouter divers types d’arrière-plans et d’animations à une ligne, ainsi que modifier ses paramètres généraux et ses fonctionnalités.
Qu’est-ce qu’une ligne ?
Une ligne est une section horizontale sur votre page qui a été préremplie avec du contenu. A l’intérieur d’une ligne, vous pouvez avoir jusqu’à 12 colonnes pour organiser votre contenu. Vous pouvez toujours ajouter plus de contenu à la ligne, réorganiser et supprimer du contenu existant. Apprenez-en plus sur les lignes, les colonnes et les modules dans cet article.
Comment modifier une ligne ?
Quand vous travaillez dans l’Éditeur, pointez sur la ligne que vous voulez modifier et l’étiquette jaune "Ligne" apparaîtra dans l’angle supérieur droit de la ligne. Pointez sur l’étiquette et la liste des paramètres apparaîtra dans le menu déroulant.
Cliquer sur n’importe quel énoncé sous Graphisme et Paramètres dans le menu déroulant fera apparaître le menu Paramètres de Lignes.
Graphisme
Couleur et image d’arrière-plan
Il est possible d’ajouter divers éléments à l’arrière-plan d’une ligne.
Couleur d’arrière-plan : Ajoutez une seule couleur pour l’arrière-plan de la ligne. Vous pouvez régler le degré de transparence si vous le souhaitez.
Image d’arrière-plan : Ajoutez une image pour l’arrière-plan de votre ligne. Vous pouvez choisir d’utiliser une image présente dans votre Banque de Fichiers ou d’en télécharger une nouvelle directement. Vous pouvez paramétrer l’image pour qu’elle se répète au sein de la ligne, sa taille et sa position pour vous assurer de trouver la meilleure méthode de diffusion de l’image auprès de vos visiteurs.
En plus des paramètres d’images standards, vous pouvez également déterminer la façon dont l’image d’arrière-plan doit se comporter au sein de la ligne quand un visiteur fait défiler la page. Si vous activez la Position fixe, l’image ne bougera pas quand un visiteur fait défiler la page. Avec Défilement parallaxe activé, l’image bouge plus lentement que le premier plan quand on fait défiler la page, ajoutant une touche de profondeur à votre site internet.
Vidéo d’arrière-plan
Activez l’arrière-plan vidéo et collez l’URL de votre vidéo dans le champ. La vidéo se lancera automatiquement quand un visiteur ouvre la page sur laquelle la ligne est située.
L’Éditeur supporte les extensions et sources de vidéos suivantes pour les vidéos d’arrière-plans de lignes : MP4, WEBM, OGG, YouTube et Vimeo.
Filtre d’arrière-plan
Ajoutez un filtre d’arrière-plan en haut de la couleur, de l’image ou de la vidéo de votre arrière-plan de ligne afin d’atténuer les images aux couleurs très vives ou aux contrastes importants. C’est également un bon moyen de vous assurer que n’importe quel texte que vous avez dans la ligne est facile à lire pour les visiteurs. Sachez que vous pouvez également régler le degré de transparence du filtre de votre arrière-plan.
Exemple de filtre d’arrière-plan utilisé en haut de l’image :
Si vous êtes à l’aise avec les logiciels d’édition d’image, vous pouvez également ajouter une image d’arrière-plan comme filtre. Télécharger des couvertures transparentes créées avec un logiciel d’édition d’images permet la création de motifs de couverture multicolores ou pixelisés qui ajoutent de l’intensité et de la complexité à votre image.
Voici quelques exemples de couvertures d’images créées avec un logiciel d’édition d’images et téléchargées dans l’Éditeur comme image filtre d’arrière-plan :
Bordure
Ajoutez une bordure à la ligne et paramétrez le style, la couleur, l’épaisseur et le rayon de la bordure.
Espacement
Réglez la marge (quantité d’espace en dehors de la ligne) et le remplissage (quantité d’espace entre le contenu de la ligne et le cadre de la ligne).
Faites glisser la ligne pour ajouter plus d’espace
Un moyen plus visuel de régler la marge est de faire glisser le bord inférieur de la ligne pour créer de l’espace entre elle et la ligne du dessous. Pointez sur la ligne et faites glisser à partir de la barre bleue qui apparaît en bas.
Récipient
Un récipient est une zone au sein de la ligne avec un remplissage ajouté de tous les côtés. Tout le contenu de la ligne est renfermé au sein de ce "cadre". Avec un récipient, vous êtes assuré que votre contenu ne va pas se répandre sur la largeur totale de la fenêtre d’affichage, ce qui pourrait sinon rendre difficile pour les visiteurs la lecture ou la visualisation.
Dans l’Éditeur, les lignes possèdent un récipient ajouté par défaut. Vous pouvez faire en sorte qu’il se déploie sur la largeur totale de la ligne en activant le paramètre Récipient à largeur totale. De plus, vous pouvez régler le rayon de la bordure et le remplissage du récipient.
Voir la section "Ligne fluide/fixe" ci-dessous pour obtenir une représentation visuelle du comparatif entre ligne fluide et ligne fixe.
Ligne fluide/fixe
Une ligne peut être soit fluide, soit fixe. Une ligne fixe garantit que le contenu est toujours centré dans une largeur fixée, même si l’écran est plus large que le contenu. Une ligne fluide permet au contenu de s’étirer jusqu’à la largeur totale du navigateur, indépendamment de la taille de l’écran. Il est possible d’avoir des lignes aux paramètres différents sur la même page.
Exemple de lignes fixes :
Exemple de ligne fluide entre deux lignes fixes :
Ajouter une animation
Les animations se déclenchent quand les visiteurs font défiler la page et atteignent la ligne à laquelle l’animation a été ajoutée. Vous pouvez ajouter l’une des quatre animations à une ligne:
Genre 1: estomper à gauche
Genre 2: estomper à droite
Genre 3: zoomer
Genre 4: rebondir
Dupliquer ou copier une ligne
Si vous voulez réutiliser une ligne ailleurs sur votre site internet, vous pouvez soit la dupliquer, soit la copier.
Dupliquer une ligne signifie prendre une copie de la ligne et l’insérer immédiatement sous la ligne d’origine.
Si vous utilisez la fonction copier, vous pouvez coller la ligne à n’importe quel endroit de votre site internet (également sur d’autres pages que celle sur laquelle vous travaillez actuellement). Pour copier une ligne et la coller ailleurs, allez sur Dupliquer/Copier et choisissez Copier. Rendez-vous sur la page sur laquelle vous voulez coller la ligne, pointez sur la ligne pour laquelle vous voulez que la nouvelle ligne apparaisse en-dessous et choisissez Dupliquer/Copier > Coller.
Supprimer une ligne
Vous pouvez supprimer une ligne en choisissant Supprimer dans le menu déroulant des Lignes. Sachez que vous pouvez annuler cette action en utilisant la fonction retour en arrière de l’Éditeur.