ريلاكس
اجعل صفحاتك تبدو حية أثناء قيام الزوار بالتمرير. يجلب ملحق Rellax سحر التمرير المنظر إلى Elementor ate بدون أي تعليمات برمجية معقدة. ما عليك سوى تحديد أي صورة أو شكل أو قسم وجعله يتحرك بسرعة مختلفة عن بقية الصفحة. قم بإنشاء طبقات خلفية دقيقة تنجرف ببطء، أو اجعل العناصر الأمامية تنبثق بحركة أسرع. تحكم في السرعة والاتجاه والطبقات لصياغة تجارب غامرة ومتعددة الأبعاد تضيف لمسة من التطور والتفاعل إلى كل لفافة.
التحكم في العمق على أساس السرعة
المنظر الحقيقي يدور حول خلق إحساس بالمساحة ثلاثية الأبعاد. مع Rellax، لا يمكنك تشغيله فقط بسرعة محددة. السرعة الإيجابية (مثل 2) تجعل العنصر يتم تمريره بشكل أسرع من الصفحة، مما يؤدي إلى تقديمه للأمام. السرعة السلبية (مثل -2) تجعله يتم تمريره بشكل أبطأ، مما يدفعه إلى الخلفية. يتيح لك هذا التحكم الدقيق إنشاء طبقات واقعية للمقدمة والوسط والخلفية.
- التأثيرات الأمامية: استخدم قيمة سرعة إيجابية لجعل الرموز الزخرفية أو الرسومات الصغيرة تطفو بسرعة أمام المستخدم.
- طبقات الخلفية: استخدم السرعة السلبية لجعل صورة الخلفية أو النمط ينجرف ببطء، مما يخلق إحساسًا عميقًا وبعيدًا.
- الدقة العشرية: استخدم قيمًا مثل 0.5 أو -1.5 للحركة الدقيقة والدقيقة.
الطبقات مع مؤشر Z
عندما يكون لديك عناصر متعددة تتحرك بسرعات مختلفة، فإنها يمكن أن تتداخل عن طريق الخطأ مع المحتوى المهم الخاص بك مثل النص. يعمل عنصر التحكم Z-index على إصلاح ذلك. قم بتعيين مؤشر Z أقل لعناصر اختلاف المنظر في الخلفية لإبقائها خلف المحتوى القابل للقراءة، ومؤشر أعلى للتأثيرات الأمامية لضمان ظهورها في الأعلى. وهذا يحافظ على تصميمك نظيفًا وعمليًا.
- تنظيم الطبقات الخاصة بك: قم بتعيين قيم مؤشر Z لتكديس عناصر اختلاف المنظر الخاصة بك بشكل منطقي (على سبيل المثال، الخلفية: -1، المحتوى: 1، المقدمة: 2).
- منع الفوضى البصرية: تأكد من عدم انزلاق العناصر المتحركة وإخفاء المكالمات التي تحث المستخدم على اتخاذ إجراء أو العناوين الرئيسية.
- التحكم الكامل في التركيب: قم ببناء مشاهد معقدة ومتعددة الطبقات بثقة.
الأسئلة المتداولة لـ Rellax
هل سيعمل هذا على الأجهزة المحمولة؟
نعم، ولكن مع ملاحظة. قد تبدو تأثيرات اختلاف المنظر على الهاتف المحمول في بعض الأحيان غير منتظمة أو تسبب مشكلات في الأداء لأنها تعتمد على التمرير السلس. تم تحسين Rellax، ولكن للحصول على أفضل تجربة للهاتف المحمول، استخدم قيم سرعة أكثر دقة (مثل 0.5 أو -0.5) واختبرها على جهاز حقيقي. في بعض الأحيان، يكون من الذكاء تعطيل اختلاف المنظر المعقد على الهاتف المحمول بالكامل للحصول على تجربة مستخدم أكثر سلاسة.
هل يمكنني استخدام هذا على صورة خلفية لقسم كامل؟
قطعاً! هذا أحد الاستخدامات الأكثر شيوعًا. قم بتطبيق إعدادات Rellax على صورة خلفية القسم أو الحاوية. امنحها سرعة بطيئة وسلبية (مثل -1)، وسوف تنجرف الخلفية بلطف أثناء تمرير المحتوى أعلاه بشكل طبيعي، مما يخلق تأثير عمق كلاسيكي وفعال.
كيف يختلف هذا عن تأثيرات “Motion المدمجة في Elementor؟
غالبًا ما تتحكم تأثيرات الحركة الأساسية لـ Elementor في حركة العنصر بالنسبة إلى إطار العرض (مثل “stick” أو “fade in”). Rellax مخصص خصيصًا لاختلاف المنظر القائم على السرعة، حيث تختلف سرعة تمرير العنصر عن سرعة تمرير الصفحة. إنها أداة أكثر تخصصًا وقوة لإنشاء أوهام حقيقية لعمق المجال.
هل يمكن أن يؤدي استخدام عدد كبير جدًا من تأثيرات اختلاف المنظر إلى إبطاء موقعي؟
نعم، إذا بالغت في ذلك. يتطلب كل عنصر متحرك من المتصفح القيام بالمزيد من العمل أثناء التمرير. المفتاح هو الاعتدال. استخدم اختلاف المنظر على 1-3 عناصر رئيسية في كل صفحة لتحقيق أقصى قدر من التأثير. تجنب تطبيقه على العديد من العناصر الصغيرة والمعقدة. تبدو بعض طبقات اختلاف المنظر الموضوعة بشكل جيد احترافية؛ يمكن أن يشعر الكثير منهم بأداء فوضوي ومضر.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
