تأثير اختلاف المنظر Elementor مع Rellax.js (Pro)
Rellax هو امتداد Master Addons Pro الذي يجلب مكتبة اختلاف المنظر Rellax.js إلى Elementor. قم بتشغيله لعنصر ما، وقم بتعيين السرعة من -10 إلى 10، ويتم تمرير هذا العنصر بشكل أسرع أو أبطأ من بقية الصفحة، مما يخلق إحساسًا بالعمق. يمكنك ضبط سرعة مختلفة للكمبيوتر اللوحي والهاتف المحمول، واختيار الاتجاه الرأسي أو الأفقي، واستخدام Z-Index لمواصلة تحريك الطبقات خلف المحتوى الخاص بك أو أمامه. ليست هناك حاجة لتحميل التعليمات البرمجية أو البرامج النصية.
كيفية إضافة تأثير التمرير المنظر في العنصر
أنت بحاجة إلى Elementor ونشط ماستر أدونز برو رخصة.
- اذهب الى الإضافات الرئيسية، الامتدادات، قم بتشغيل Rellax واحفظه.
- قم بتحرير صفحتك باستخدام Elementor وحدد عنصر واجهة المستخدم الذي تريد نقله، مثل صورة أو رمز أو شكل.
- افتح إعدادات Rellax لهذا العنصر وقم بتشغيله تمكين ريلاكس.
- اضبط السرعة، على سبيل المثال -2 للانجراف البطيء، واضبطها للكمبيوتر اللوحي والهاتف المحمول.
- اختر عموديًا أو أفقيًا وقم بتعيين Z-Index حتى لا تغطي الطبقة النص الخاص بك.
- قم بمعاينة الصفحة والتمرير للتحقق من الحركة.
مزيد من التفاصيل في إعدادات ملحق Rellax.
السرعة والنسبة والاتجاه
سرعة يعمل من -10 إلى 10 بخطوات 0.1 ويمكن ضبطه لكل جهاز. القيم السالبة تجعل العنصر يتحرك بشكل أبطأ من الصفحة، لذلك يبدو بعيدًا، والقيم الإيجابية تحركه بشكل أسرع، لذلك يبدو أقرب. نسبة مئوية (0 إلى 1) يحدد مكان تواجد العنصر عند بدء حركته، و عمودي و أفقي الخيارات اختيار الاتجاه.
- انجراف بطيء من -1 إلى -2 للأشكال الزخرفية خلف البطل.
- سرعة إيجابية صغيرة للأيقونات العائمة أمام المحتوى.
- سرعة أقل أو 0 على الهاتف المحمول إذا كانت الحركة قوية جدًا على الشاشات الصغيرة.
الطبقات مع مؤشر Z
يمكن أن تنزلق طبقات المنظر فوق النص والأزرار. يضيف ريلاكس أ مؤشر Z الإعداد من -1 إلى 50، حتى تتمكن من الاحتفاظ بطبقة خلفية متحركة أسفل المحتوى الخاص بك وشكل أمامي فوقه. يقوم Rellax بتحريك العنصر بأكمله، وليس صورة الخلفية الخاصة به، لذا ضع الصورة التي تريد نقلها في أداة الصورة الخاصة به.
- استخدم -1 للطبقات التي يجب أن تكون خلف المحتوى.
- أبقِ العناوين والأزرار بعيدًا عن مسار الطبقات المتحركة.
- اختبر التمرير على هاتف حقيقي قبل النشر.
تأثيرات حركة العنصر مقابل الإضافات الرئيسية Rellax
يحتوي Elementor Pro بالفعل على تأثيرات الحركة مع تأثيرات التمرير. وإليك كيفية المقارنة بين الاثنين.
| ميزة | تأثيرات الحركة Elementor Pro | ماستر أدونز ريلاكس |
|---|---|---|
| سعر | يحتاج العنصر برو | يحتاج إلى إضافات رئيسية برو |
| حركة التمرير | التمرير العمودي والأفقي مع السرعة ونطاق إطار العرض | سرعة Rellax.js من -10 إلى 10، رأسيًا أو أفقيًا |
| تأثيرات التمرير الأخرى | الشفافية، التمويه، التدوير والحجم | لا شيء، الحركة فقط |
| تأثيرات الماوس | مسار الماوس وإمالة ثلاثية الأبعاد | لا |
| اختلاف الخلفية | تأثيرات حركة الخلفية على الأقسام والحاويات | ينقل العنصر بأكمله |
| إعدادات كل جهاز | اختر الأجهزة التي تعمل فيها التأثيرات | السرعة لكل جهاز |
إذا كان لديك Elementor Pro بالفعل، فإن Motion Effects تغطي المزيد من أنواع التأثيرات. يناسب Rellax الطبقات البسيطة المستندة إلى السرعة عند استخدام Master Addons Pro. للتعرف على حركة التكرار التي لا تعتمد على التمرير، راجع التأثيرات العائمة (برو).
ما هو ريلاكس.js؟
Rellax.js هي مكتبة جافا سكريبت صغيرة مفتوحة المصدر من تأليف Dixon وMoe والتي تجعل العناصر تتحرك بسرعة مختلفة أثناء تمرير الصفحة. في موقع مشفر يدويًا، يمكنك إضافة البرنامج النصي، وإعطاء العناصر فئة استرخاء وتعيين خيارات مثل السرعة والنسبة المئوية ومؤشر z والاتجاه في التعليمات البرمجية.
يقوم هذا الامتداد بتجميع Rellax.js داخل Master Addons Pro وتعيين هذه الخيارات لعناصر تحكم Elementor، بحيث تقوم بتعيين السرعة والنسبة المئوية ومؤشر Z والاتجاه من اللوحة. يتم تحميل البرنامج النصي فقط على الصفحات التي يستخدم فيها العنصر Rellax. إذا لم تكن موجودًا في Elementor، فاستخدم مكتبة Rellax.js مباشرةً.
الأسئلة المتداولة لـ Rellax
هل سيعمل تأثير اختلاف المنظر على الهاتف المحمول؟
نعم. يمكن ضبط السرعة بشكل منفصل للكمبيوتر اللوحي والهاتف المحمول، بحيث يمكنك استخدام قيمة أصغر أو 0 على الهواتف إذا كانت الحركة قوية جدًا. اختبر دائمًا على جهاز حقيقي.
هل يمكنني تحريك صورة خلفية القسم؟
يقوم Rellax بنقل العنصر بأكمله، وليس صورة الخلفية. ضع الصورة في عنصر واجهة المستخدم الخاص بها خلف المحتوى الخاص بك وأضف Rellax إلى عنصر واجهة المستخدم هذا، أو استخدم تأثيرات حركة الخلفية الخاصة بـ Elementor Pro لخلفية قسم متحرك.
هل امتداد Rellax مجاني؟
رقم ريلاكس جزء من ماستر أدونز برو. مكتبة Rellax.js نفسها مجانية ومفتوحة المصدر إذا قمت بإضافتها باستخدام الكود الخاص بك.
هل يمكن أن تؤدي العديد من تأثيرات اختلاف المنظر إلى إبطاء موقعي؟
يمكنهم. كل عنصر متحرك يجعل المتصفح يقوم بالمزيد من العمل أثناء التمرير. استخدم اختلاف المنظر على عدد قليل من العناصر الأساسية في كل صفحة وحافظ على السرعات متواضعة.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق Master Addons Post/Page Duplicator لـ Elementor: رابط صف MA Duplicator في قائمة صفحات WordPress لإنشاء صفحة مقصودة - مسودة [مكررة #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
ناسخ البريد/الصفحة
