كيفية إضافة تأثير التمرير المتوازي (Parallax)، وخلفية الفيديو، وتأثير كين بيرنز (Ken Burns)

كُتب بواسطة

في

, , ,

يحتوي Page Builder Sandwich على ميزة نفضل أن نطلق عليها إجمالاً اسم تأثيرات الخلفية المميزة (Fancy Background Effects). وهناك ثلاثة منها: تأثير بارالاكس، وخلفيات الفيديو، وتأثير كين بيرنز.

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 مع أحد هذه التأثيرات؟ أخبرنا في قسم التعليقات أدناه!