Blocs Défilement

Ajoutez un flux de texte se déplaçant horizontalement à votre page pour attirer l’attention des visiteurs.

Dernière mise à jour le 10 avril 2024

Utilisez des blocs Défilement pour ajouter du texte défilant horizontalement sur la page, comme une enseigne ou un bandeau d’informations en continu. Cette option est parfaite pour ajouter une touche visuelle à votre texte ou attirer l’attention des visiteurs sur des informations importantes.

Regarder une vidéo explicative

Ajouter un Bloc Défilement

Pour ajouter un bloc Défilement :

  1. Modifiez une page ou une publication, cliquez sur Ajouter un bloc ou sur un point d’insertion, puis sur Défilement. Pour obtenir de l’aide, consultez l’article Ajouter du contenu avec les blocs.
  2. Ouvrez l’éditeur de bloc en cliquant sur l’icône en forme de crayon sur le bloc.
  3. Dans l’onglet Contenu, ajoutez ou modifiez des éléments de texte.
  4. Pour transformer le bloc Défilement en lien cliquable, ajoutez une adresse web dans le champ Lien ou cliquez “the pour ajouter différents types de liens.Lorsque les visiteurs cliquent sur le bloc Défilement, ils accèdent au lien que vous avez ajouté.
  5. Cliquez sur Design pour personnaliser le bloc.
A_scrolling_block_with_the_text_Dream_It.gif

Remarque

sur les appareils iOS, le visiteur ne peut pas faire défiler les blocs Défilement s’il a activé la fonctionnalité d’accessibilité Réduire les mouvements.

Ajouter et modifier des éléments de texte

Lorsque vous ajoutez un bloc Défilement, deux éléments sont inclus par défaut. Le premier est le texte Rêvez et le deuxième l’emoji « ligne ondulée » qui fait office de séparateur.

Vous pouvez ajouter de nouveaux éléments ou modifier ceux déjà existants avec votre propre texte.

Ajouter de nouveaux éléments

Pour ajouter un nouvel élément :

  1. Cliquez sur Modifier sur la page contenant le bloc Défilement, cliquez sur le bloc, puis sur l’icône crayon ou sur Modifier.
  2. Dans l’onglet Contenu, cliquez sur Ajouter un élément.
  3. Cette manipulation crée un nouvel élément avec un texte par défaut.Pour modifier le texte, cliquez sur l’élément de la liste et cliquez dans le champ Texte.

Modifier des éléments existants

Pour modifier, dupliquer ou supprimer des éléments existants, cliquez sur l’élément dans l’onglet Contenu de l’éditeur de bloc. Modifiez le texte dans le champ ou cliquez sur Dupliquer ou Supprimer.

Vous pouvez également supprimer des éléments directement depuis l’onglet Contenu en cliquant sur l’icône de la corbeille.

Réorganiser les éléments

La liste des éléments de l’onglet Contenu définit l’ordre du texte défilant. Pour réorganiser les éléments :

  1. Cliquez sur Modifier sur la page contenant le bloc Défilement, cliquez sur le bloc, puis sur l’icône crayon.
  2. Dans l’onglet Contenu, cliquez sur l’icône :: à gauche du titre de l’élément et maintenez-la enfoncée.
  3. Faites glisser l’élément à l’endroit où vous souhaitez qu’il apparaisse dans la liste.
  4. Répétez l’opération pour les autres éléments jusqu’à ce que la liste soit dans l’ordre souhaité.

Personnaliser le design

Dans l’onglet Design de l’éditeur de bloc, vous pouvez personnaliser le design du bloc Défilement de différentes manières.Nous vous recommandons d’essayer les différents réglages jusqu’à ce que vous trouviez la combinaison qui vous plaît.

Chaque bloc Défilement possède ses propres paramètres de design. Vous ne pouvez pas appliquer automatiquement les paramètres à tous les blocs Défilement de votre site.

Ondulation de texte

Vous pouvez ajouter un aspect ondulé au texte, le faisant monter et descendre verticalement dans le bloc, avec les ajustements suivants :

  • Intensité de l'onde : Réglez la hauteur verticale de l'onde.Le réglage le plus à gauche n’a pas de vague et le plus à droite a la hauteur de vague la plus élevée.
  • Largeur de la vague : Sélectionnez Petit, Moyen, Grand ou ... pour un réglage personnalisé.Avec une largeur d'onde plus petite, l'onde qui s’affiche dans votre bloc Défilement présentera davantage de pics et de creux.Avec une largeur d'onde plus grande, l'onde peut apparaître comme une longue pente et son pic peut ne pas être visible.

Voici un exemple de bloc Défilement avec une intensité moyenne et une faible largeur de la vague :

A_scrolling_block_with_the_text_Dream_It_that_goes_up_and_down_in_waves_.gif

Style et taille du texte

Définissez le style et la taille du texte à l’aide des ajustements suivants :

  • Style de texte : Sélectionnez Paragraphe ou Titre. Le texte suit les styles généraux de paragraphe ou de titre en fonction de votre choix. Cette opération définit la police du texte et d’autres paramètres de style, mais pas la taille.
  • Taille du texte : Sélectionnez Petit, Moyen, Grand ou ...pour un réglage personnalisé.

Modifiez la couleur du texte dans les styles du site. La couleur du texte suit les réglages de Couleur du paragraphe ou de Couleur des titres sous Défilement dans le thème de couleurs de la section, en fonction de ce que vous sélectionnez pour le style de texte.

Si vous ajoutez une couleur d’arrière-plan au bloc Défilement, le texte suit la couleur du paragraphe sur l’arrière-plan ou la couleur du titre sur l’arrière-plan sous Défilement.

N’oubliez pas que la ligne ondulée est un emoji doté d’une couleur qui ne peut pas être personnalisée.

Style de défilement

Personnalisez le comportement et le rendu du défilement à l’aide des ajustements suivants :

  • Direction : Définissez le bloc pour qu’il défile vers la gauche ou la droite.
  • Vitesse : Réglez la vitesse de défilement sur 0,5x, 1x ou 2x.
  • Mettre sur pause en cas de survol : Activez ce bouton pour mettre le défilement en pause lorsque les visiteurs survolent le bloc.L’animation ne s’interrompt pas lorsque vous êtes en mode Édition.
  • Bords fondus : Activez cette option pour rendre le texte semi-transparent sur les bords gauche et droit du bloc.
  • Espacement des éléments : Définissez la distance entre les éléments de texte dans le défilement.

Autres options de style

Pour personnaliser l’apparence du bloc Défilement :

  • Trait : activez une ligne continue ou pointillée pour délimiter le bloc. Pour les lignes continues et pointillées, définissez la Couleur et l’Épaisseur du trait. 
  • Mode de fusion : utilisez le menu déroulant pour sélectionner un paramètre de transparence. Ces effets sont parfaits si vous superposez un bloc Défilement devant une image ou un autre contenu visuel.
  • Flou : activez cette option pour flouter l’Élément ou la Toile de fond, puis utilisez le curseur pour régler le niveau de flou.

Accéder à cette fonctionnalité

Les personnalisations du Trait, du Mode de fusion et du Flou sont disponibles pour les sections Éditeur intuitif. Pour les sections qui utilisent l’éditeur classique, seule la personnalisation du Trait est disponible.

Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.