Comment ajouter l’effet de parallaxe, un arrière-plan vidéo et l’effet Ken Burns

Page Builder Sandwich propose une fonctionnalité que nous aimons appeler collectivement les effets d’arrière-plan sophistiqués (Fancy Background Effects). Il en existe trois : l’effet parallaxe, les arrière-plans vidéo et l’effet Ken Burns.

What are the different Fancy Background Effects?

Les Fancy Background Effects de PBS donnent à votre site web le coup de pouce nécessaire pour attirer les visiteurs. Ils constituent un moyen infaillible de capter l’attention et, lorsqu’ils sont correctement exécutés, peuvent générer des résultats spectaculaires sur le trafic de votre site web.

L’effet parallaxe

L’implémentation de l’effet parallaxe sur votre page donne à votre arrière-plan une impression de profondeur, permettant à certains éléments de votre site de « ressortir » lors du défilement. Voici un exemple de page avec un arrière-plan en parallaxe, et un sans.

With Parallax Scrolling

The background image scrolls at a different rate as the rest of the elements in the page.

Without Parallax Scrolling

The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.

Video Backgrounds

Les arrière-plans vidéo vous permettent de placer des vidéos en boucle en arrière-plan à la place d’images fixes. Ce qui est formidable avec les arrière-plans vidéo de PBS, c’est qu’il vous suffit de coller le lien YouTube ou Vimeo souhaité lorsque vous y êtes invité, et nous le transformerons en arrière-plan vidéo pour vous. Vous pouvez également téléverser vos propres vidéos à cet effet.

Quelques exemples d’arrière-plans vidéo que vous pouvez consulter :

The Ken Burns Effect

Ken Burns, who popularized the Ken Burns effect in film.

In documentaries, do you ever notice when they show photos that slowly zoom into detail? That’s called the Ken Burns Effect. You can access these effects on Page Builder Sandwich, too.

How do I add the Fancy Background Effects?

Vous pouvez trouver tous les Fancy Background Effects en suivant ces étapes :

Step 1: Choose a row you’d like to add an effect on. Click on this row’s settings button (the gear icon on the left). This will open the Properties Inspector.

Step 2: Once the Properties Inspector pops up, scroll down a bit until you find the option called “Fancy Background Effects”.

Step 3: Once you’ve found it, you’ll see that you can click a dropdown button and select which background effect you’d like on your row.

Step 4: Depending on which Fancy Background Effect you choose, you can adjust each effect’s settings. For example, for the Parallax effect, you can adjust its height and position.

Et voilà, c’est terminé ! Après cela, vous devriez voir vos Fancy Background Effects apparaître sur votre site et fonctionner à plein régime.

Have you used PBS’ Fancy Backgrounds yet?

Y a-t-il d’autres effets d’arrière-plan que vous aimeriez nous suggérer d’ajouter à nos fonctionnalités ? Ou souhaitez-vous nous montrer votre site créé avec PBS utilisant l’un de ces effets ? Faites-le-nous savoir dans la section des commentaires ci-dessous !