Page Builder Sandwichには、総称して「ファンシー背景エフェクト（Fancy Background Effects）」と呼んでいる機能があります。これには3つのエフェクトが含まれます：パララックスエフェクト、動画背景、そしてケン・バーンズエフェクトです。
What are the different Fancy Background Effects?
PBSのファンシー背景エフェクトは、訪問者を惹きつけるためにウェブサイトに必要な活力を与えます。注目を集める確実な方法であり、適切に活用すればウェブサイトのトラフィックにおいて目を見張る成果をもたらすことができます。
パララックスエフェクト
ページにパララックスエフェクトを適用すると背景に奥行きが生まれ、スクロール時にサイトの特定の要素を「浮き出させる」ことができます。以下は、パララックス背景を適用したページと適用していないページの例です。
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
動画背景を使用すると、静止画像の代わりにループ再生される動画を背景に配置できます。PBSの動画背景の素晴らしい点は、プロンプトが表示されたときに希望のYouTubeやVimeoのリンクを貼り付けるだけで、動画背景へと変換されることです。もちろん、ご自身の動画をアップロードして使用することも可能です。
動画背景のサンプルをご確認いただけます：
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?
すべてのファンシー背景エフェクトは、次の手順で見つけることができます：
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.
これで完了です！この後、あなたのサイトでファンシー背景エフェクトが存分に機能しているのを確認できるはずです。
Have you used PBS’ Fancy Backgrounds yet?
機能に追加してほしい他の背景エフェクトのご提案はありますか？あるいは、これらのエフェクトを使ったPBS製のサイトを見せていただけますか？ぜひ下のコメント欄でお知らせください！