كيفية إتقان تأثيرات التحويم في Divi 5 (ألفا العامة)

يجعل Divi 5 إضافة تأثيرات التمرير وتحريرها أسهل من أي وقت مضى. في هذا الدليل، سنرشدك عبر جميع التحسينات الرئيسية التي تم إجراؤها على تأثيرات التمرير وكيفية استخدامها في Divi 5 لتبسيط سير عملك بشكل لم يسبق له مثيل.

تعرف على المزيد حول Divi 5 Public Alpha وكيفية تنزيله.

تنزيل Divi 5 Public Alpha

فهم تأثيرات التحويم في Divi 5 (ألفا العامة)

في Divi 5، أحد التغييرات المهمة فيما يتعلق بتأثيرات التمرير هو أنها أصبحت الآن أسهل في التنفيذ ويمكن الوصول إليها بشكل أكبر. في Divi 4، كان عليك تمكين تأثيرات التمرير يدويًا لكل عنصر ضمن الإعدادات. قد تكون هذه العملية مرهقة، حيث يتعين عليك العثور على الخيار المحدد وتنشيط حالات التمرير قبل تطبيق أي تغييرات.

مع واجهة Divi 5 الجديدة، تم دمج تأثيرات التمرير وأوضاع التحرير سريعة الاستجابة والثابتة بشكل كامل، مما يسهل الوصول إليها على الفور. لا مزيد من تمكينهم بشكل فردي!

يعمل هذا التحسين على تبسيط عملية التصميم عن طريق تقليل الخطوات المطلوبة لتطبيق تصميمات حالات التمرير المتقدمة، وتسريع سير العمل وجعل إنشاء تفاعلات ديناميكية أكثر سهولة.

التحسينات الرئيسية في تأثيرات التحويم في Divi 5

فيما يلي بعض التحسينات الرئيسية في Divi 5 والتي تجعل تطبيق تأثيرات التمرير وتحريرها أسرع وأسهل:

• تنقل أسرع بين الوضع العادي ووضع التمرير: من خلال التبديل بنقرة واحدة، يصبح من الأسهل التبديل بين الحالات وإجراء التعديلات.
• جميع إعدادات التمرير في لوحة واحدة: لا مزيد من الإعدادات المتناثرة. يمكن بسهولة تحديث جميع إعدادات التمرير لعنصر ما في لوحة الإعدادات.
• تعليقات مرئية فورية: تعرض المعاينات في الوقت الفعلي تغييرات تأثير التمرير أثناء إجرائها، مما يؤدي إلى تسريع سير عملك.
• تنظيم ورؤية أفضل للإعدادات: تظهر الإعدادات غير النشطة باللون الرمادي، مما يساعدك على التركيز على الخيارات المتاحة.

تعمل هذه التحسينات على تبسيط عملية إنشاء تصميمات ديناميكية وتفاعلية مع تأثيرات التمرير.

هل تريد التعمق أكثر في الإعدادات الجديدة؟ راجع التعرف على واجهة Divi 5 لترى كيف يمكنها تبسيط سير عمل التصميم الخاص بك.

احصل على Divi 5 Public Alpha

كيفية إتقان تأثيرات التمرير في Divi 5 (ألفا العامة)

1. الوصول إلى جميع إعدادات حالة التحويم وتحريرها في مكان واحد

يتم عرض إعدادات التمرير الخاصة بـ Divi 5 بشكل ملائم في لوحة الإعدادات، مما يتيح لك الوصول السريع إلى كل شيء في مكان واحد. تعمل هذه اللوحة المبسطة على تقليل الحاجة إلى تبديل تأثيرات التمرير المنفصلة لكل خيار. بمعنى آخر، بمجرد تحديد حالة تأثيرات التمرير في لوحة الإعدادات، ستنطبق الآن جميع الخيارات الموجودة ضمن كل علامة تبويب (المحتوى والتصميم والمتقدم) فقط على حالة التمرير الخاصة بالعنصر.

وهذا يجعل إضافة تأثيرات التمرير المخصصة أو المعقدة أسرع في التنفيذ.

2. إدارة إعدادات التحويم غير المدعومة بسهولة

في Divi 5، تصبح إعدادات التمرير غير المدعومة باللون الرمادي تلقائيًا (لا يمكن الوصول إليها)، مما يسمح لك برؤية الميزات غير المتوفرة للعنصر الذي تعمل عليه بسرعة. تعمل هذه الرؤية على منع إضاعة الوقت في محاولة التخلص من الخيارات القابلة للتخصيص في حالة التمرير عن تلك التي لا تكون قابلة للتخصيص، مما يؤدي إلى تحسين سير العمل بشكل عام.

3. استمتع بتعليقات مرئية فورية في الوقت الفعلي

ردود الفعل المرئية في الوقت الفعلي لـ Divi 5 فورية. ستشاهد التغييرات على الفور عندما تقوم بضبط الإعدادات، مما يقلل من التخمين ويسمح لك بضبط تأثيرات التمرير أثناء التنقل.

4. قم بتحرير تأثيرات التمرير بسرعة عبر صفحتك

في Divi 5، تظل لوحة الإعدادات في حالة التمرير عند النقر فوق العناصر الأخرى. يتيح لك هذا إجراء تحديثات سريعة لتأثيرات التمرير على العناصر في جميع أنحاء صفحتك بمجرد النقر على عنصر وإجراء تغيير.

5. قم بمعاينة تأثيرات التمرير بثقة على الواجهة الأمامية

مع تنشيط حالة التمرير في لوحة الإعدادات، يمكنك معاينة تصميم حالة التمرير لأي عنصر بنقرة واحدة. ستظل حالة التمرير نشطة بحيث إذا كان للعنصر الخاص بك تأثير تمرير، فإن النقر على هذا العنصر سيكشف على الفور عن تصميم حالة التمرير، ويفتح في الوقت نفسه إعدادات حالة التمرير لهذا العنصر.

كما ترون في مقتطف الفيديو أدناه، يمكنك معاينة تصميم حالة التمرير لكل دعاية مغالى فيها على الواجهة الأمامية وسيظهر نفس تأثير التمرير مثل معاينة الصفحة المباشرة.

لذلك، إذا كنت تريد التحقق من تصميمات حالة التمرير على صفحتك، فما عليك سوى النقر على عنصر في صفحتك للكشف عن تصميم حالة التمرير لهذا العنصر على الفور. وهذا يجعل من السهل التأكد من دقة تأثيرات التمرير دون الحاجة إلى التبديل ذهابًا وإيابًا إلى صفحتك المباشرة.

تنزيل Divi 5 Public Alpha

كيفية إنشاء تأثير التحويم في Divi 5: مثال سريع

الآن بعد أن قمنا بتغطية الميزات الرئيسية لتأثيرات التحويم في Divi 5، فلنستعرض مثالًا سريعًا لنوضح لك مدى سهولة إنشاء تأثير التمرير في Divi 5:

1. أضف وحدة

في منشئ Divi المرئي، أضف الوحدة التي تريد تخصيصها. في هذا المثال، دعونا نضيف زر.

2. الوصول إلى إعدادات التحويم

انقر على الوحدة لإظهار لوحة الإعدادات. في الشريط الجانبي الأيمن، انقر فوق أيقونة التمرير للتبديل إلى وضع التمرير.

3. تخصيص تأثيرات التحويم

أثناء وجودك في وضع التمرير، يمكنك تغيير خصائص النمط المختلفة، مثل لون الخلفية أو الحدود أو القياس أو الرسوم المتحركة. دعونا نضيف تأثير التحويل إلى الزر الخاص بنا بحيث يتم تكبيره عند التمرير.

لا تنسى. تحتوي لوحة الإعدادات المبسطة في Divi 5 على جميع عناصر التحكم في لوحة واحدة، لذا قم بإجراء التغييرات المطلوبة ثم انقر فوق "حفظ" بمجرد الانتهاء.

لا تتردد في اختبار إعدادات تأثير التمرير المختلفة، بما في ذلك انتقالات الألوان والخلفية، والرسوم المتحركة للصور والنصوص، وتأثيرات الظل، وعناصر التحكم في التحويل لتغيير حجم العناصر أو تدويرها أو ترجمتها. يمكنك أيضًا ضبط أنماط الحدود والمرشحات مثل التمويه أو السطوع وتطبيق رسوم CSS المتحركة المتقدمة للحصول على تجربة مستخدم أكثر جاذبية.

Divi 5 هو مغير قواعد اللعبة لتصميمات تأثير التحويم

توفر تأثيرات التمرير في Divi 5 سهولة وسرعة ومرونة لا مثيل لها، مما يؤدي إلى تبسيط عملية التصميم الخاصة بك مقارنة بـ Divi 4. سواء كنت مصمم ويب متمرسًا أو وافدًا جديدًا، فإن هذه الميزات البديهية تجعل إضافة عناصر تفاعلية إلى موقعك أسهل من أي وقت مضى.

هل أنت مستعد للارتقاء بتجربة مستخدم موقع الويب الخاص بك؟ قم بتنزيل Divi 5 Public Alpha اليوم وابدأ في تجربة تأثيرات التمرير الجديدة لرؤية تصميماتك تنبض بالحياة!

تنزيل Divi 5 Public Alpha