Skip to main content
Les effets animés ajoutent des calques de mouvement à votre page de destination — des particules qui flottent dans le fond, un faisceau lumineux qui parcourt la bordure d’une carte, ou une lueur qui pulse autour d’un bouton. Les effets sont purement visuels : ils s’affichent avec pointer-events: none, ils ne bloquent donc jamais les appuis ou les clics sur le contenu situé en dessous.

Où les effets apparaissent

Définir un effet global

Un effet global s’applique à toutes les cartes ou tous les boutons de la page à la fois (les effets de fond sont toujours globaux — il n’y a qu’un seul fond).
1

Ouvrir le panneau Theme

Avec votre page ouverte dans le builder, cliquez sur Theme dans l’en-tête.
2

Choisir Customise sur votre thème actif

Sur la carte du thème actuellement appliqué, cliquez sur Customise. Cela ouvre le panneau Customise · Global dans la barre latérale droite.
3

Déplier la section Effects

Faites défiler vers le bas et cliquez sur Effects pour la déplier. Vous verrez trois menus déroulants : Background effect, Card effect et Button effect.
4

Choisir un effet

Ouvrez un menu déroulant et choisissez un effet nommé. L’aperçu du canevas se met à jour immédiatement, à pleine intensité visuelle — exactement comme les visiteurs le verront.
Section Effects du panneau Customise montrant Background effect réglé sur Meteor Shower, avec des traînées diagonales visibles dans l'aperçu du canevas derrière le bloc de titre de page

Le panneau Effects global, avec Meteor Shower appliqué comme effet de fond

5

Publier pour le rendre visible

Les effets s’affichent de manière identique dans le canevas et sur la page publiée, il n’y a donc rien d’autre à configurer — publiez simplement quand vous êtes prêt.
Pour supprimer un effet global, ouvrez le même menu déroulant et choisissez None (disabled).
Menu déroulant Background effect ouvert, listant Preset default, None (disabled), Meteor Shower, Particles et Animated Gradient

Le menu déroulant Background effect, montrant les trois effets de fond nommés plus Preset default et None (disabled)

Remplacer l’effet sur un seul bloc

N’importe quel bloc carte ou bouton individuel peut utiliser un effet différent du réglage global, ou désactiver entièrement les effets, sans modifier le réglage global pour les autres blocs.
1

Sélectionner le bloc

Cliquez sur le bloc dans le canevas, ou sélectionnez-le dans la liste Blocks à gauche.
2

Ouvrir l'onglet Design du bloc

Dans l’inspecteur de droite, cliquez sur Design.
3

Déplier Effects et choisir une option

Sous l’en-tête Effects, ouvrez le menu déroulant d’effet (nommé Card Effect ou Button Effect selon le type de bloc) et choisissez :
  • Theme default — hérite du réglage global, quel qu’il soit. C’est la valeur par défaut pour chaque bloc.
  • None (disabled) — désactive les effets pour ce bloc uniquement, même si un effet est appliqué au réglage global.
  • Tout effet nommé — remplace le réglage global et utilise cet effet uniquement pour ce bloc.
Section Effects de l'onglet Design d'un bloc montrant le menu déroulant Card Effect ouvert avec les options Theme default, None (disabled), Border Beam, Shine Border et Neon Glow

L'onglet Design propre à un bloc, avec son menu déroulant Card Effect ouvert

Ceci est utile lorsque la plupart des cartes d’une page doivent avoir un effet, mais qu’une seule — un formulaire ou une clause de non-responsabilité, par exemple — doit rester statique et facile à lire.

Effets disponibles

Effets de fond

Effets de carte

Menu déroulant Card effect ouvert, listant Preset default, None (disabled), Border Beam, Shine Border et Neon Glow

Le menu déroulant Card effect

Effets de bouton

Menu déroulant Button effect ouvert, listant Preset default, None (disabled), Border Beam, Shine Border et Neon Glow

Le menu déroulant Button effect

Dans le panneau Customise global, les menus déroulants sont réglés par défaut sur Preset default (l’effet fourni avec votre thème actif) plutôt que sur Theme default — cette étiquette est réservée aux remplacements par bloc, où elle signifie « hériter du réglage global ». Fonctionnellement, choisir None (disabled) désactive toujours les effets pour son périmètre.

Aperçu du canevas et page publiée

Les effets s’affichent à pleine intensité visuelle aussi bien dans le canevas de l’éditeur que sur la page de destination publiée — ce que vous voyez en modifiant est ce que voient les visiteurs. Aucun « mode aperçu » séparé n’est nécessaire pour vérifier l’apparence d’un effet.

Notes sur les performances

Les effets sont légers et s’affichent côté client, et ils ne font appel à aucun service externe. Ils s’exécutent entièrement dans le navigateur et ont un impact minimal sur le temps de chargement de la page.

Voir aussi

  • Thèmes — définir les effets par défaut à l’échelle du thème depuis la section Effects du panneau Customise.
  • Options de design — le groupe Effects par bloc qui remplace le réglage global.
  • Référence des blocs — les blocs qui possèdent un effet de carte ou de bouton.