Page Builder Sandwich มีฟีเจอร์ที่เราเรียกกันโดยรวมว่า Fancy Background Effects โดยมีทั้งหมดสามแบบด้วยกัน ได้แก่ เอฟเฟกต์ Parallax, พื้นหลังวิดีโอ (Video Backgrounds) และเอฟเฟกต์ Ken Burns
What are the different Fancy Background Effects?
Fancy Background Effects ของ PBS ช่วยเพิ่มความน่าสนใจให้กับเว็บไซต์ของคุณเพื่อดึงดูดผู้เข้าชม ซึ่งเป็นวิธีที่ยอดเยี่ยมในการดึงดูดความสนใจ และเมื่อนำไปปรับใช้อย่างเหมาะสม จะสามารถสร้างผลลัพธ์ที่สะดุดตาต่อยอดการเข้าชมเว็บไซต์ได้อย่างมาก
เอฟเฟกต์ Parallax
การนำเอฟเฟกต์ Parallax มาใช้ในหน้าเว็บของคุณจะช่วยเพิ่มมิติความลึกให้กับพื้นหลัง ทำให้องค์ประกอบบางอย่างบนเว็บไซต์ของคุณ “โดดเด่นสะดุดตา” ขณะเลื่อนหน้าจอ นี่คือตัวอย่างของหน้าเว็บที่ใช้พื้นหลัง Parallax เปรียบเทียบกับหน้าเว็บที่ไม่ได้ใช้
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
พื้นหลังวิดีโอ (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?
คุณสามารถค้นหา 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.
เพียงเท่านี้ก็เสร็จเรียบร้อย! หลังจากนี้ คุณจะเห็น Fancy Background Effects แสดงบนเว็บไซต์ของคุณอย่างเต็มรูปแบบ
Have you used PBS’ Fancy Backgrounds yet?
มีเอฟเฟกต์พื้นหลังอื่นๆ ที่คุณอยากแนะนำให้เราเพิ่มลงในฟีเจอร์หรือไม่? หรืออยากจะแบ่งปันเว็บไซต์ที่คุณสร้างด้วย PBS ที่ใช้เอฟเฟกต์เหล่านี้ให้เราดู? สามารถแจ้งให้เราทราบได้ที่ช่องแสดงความคิดเห็นด้านล่างนี้เลย!