So fügen Sie den Parallax-Effekt, Video-Hintergründe und den Ken-Burns-Effekt hinzu

Page Builder Sandwich verfügt über eine Funktion, die wir gemeinsam gerne Fancy Background Effects nennen. Es gibt drei davon: den Parallax-Effekt, Video-Hintergründe und den Ken-Burns-Effekt.

What are the different Fancy Background Effects?

Die Fancy Background Effects von PBS verleihen Ihrer Website den nötigen Schwung, um Besucher anzulocken. Sie sind ein sicherer Weg, um Aufmerksamkeit zu erregen, und können bei richtiger Umsetzung auffällige Ergebnisse beim Website-Traffic erzielen.

Der Parallax-Effekt

Die Implementierung des Parallax-Effekts auf Ihrer Seite verleiht Ihrem Hintergrund ein Gefühl von Tiefe, sodass bestimmte Elemente Ihrer Website beim Scrollen hervorstechen. Hier ist ein Beispiel für eine Seite mit implementiertem Parallax-Hintergrund und eine ohne.

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

Mit Video-Hintergründen können Sie sich wiederholende Videos anstelle von Standbildern im Hintergrund platzieren. Das Tolle an den Video-Hintergründen von PBS ist, dass Sie nach Aufforderung einfach Ihren gewünschten YouTube- oder Vimeo-Link einfügen können und wir ihn für Sie in einen Video-Hintergrund verwandeln. Sie können dafür auch Ihre eigenen Videos hochladen.

Einige Beispiele für Video-Hintergründe, die Sie sich ansehen können:

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?

Sie finden alle Fancy Background Effects über die folgenden Schritte:

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.

Und schon sind Sie fertig! Danach sollten Ihre Fancy Background Effects auf Ihrer Website in vollem Umfang sichtbar sein.

Have you used PBS’ Fancy Backgrounds yet?

Gibt es weitere Hintergrundeffekte, die Sie uns für unsere Funktionen vorschlagen möchten? Oder möchten Sie uns Ihre mit PBS erstellte Website mit einem der Effekte zeigen? Lassen Sie es uns im Kommentarbereich unten wissen!