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.  

Screen_Shot_2020-08-25_at_12.32.16.png

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 :

manage_row1.png

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 :

2_-Design-p2.jpg

 

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.

manage_row3.gif

  

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 :

4_-Fluid-row-p1.jpg

Exemple de ligne fluide entre deux lignes fixes :

4_-Fluid-row-p2.jpg

 

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

fade-in-left.gif

Genre 2: estomper à droite

fade-in-right.gif

Genre 3: zoomer

zoom-in.gif

Genre 4: rebondir

bounce-in.gif

 

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.

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