ديفي: كيفية تغيير صورة عند التمرير

هل تريد معرفة كيفية تغيير صورة عند المرور بالماوس باستخدام DIVI؟

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

واحدة من أكثر تأثيرات Divi المدهشة والمفيدة هي القدرة على تغيير صورة عندما يمرر المستخدم المؤشر فوقها. 

نعرض لك في هذا البرنامج التعليمي كيفية تحقيق تغيير جميل للصورة عند تحريك مؤشر الماوس فوقها.

مسح

قبل أن نبدأ ، دعونا نلقي نظرة على النتيجة التي نريد تحقيقها.

قم بإنشاء صفحة باستخدام Divi Theme Builder

ابدأ بإضافة صفحة جديدة إلى ملف موقع انترنت من لوحة تحكم ووردبريس.

انظر أيضا: كيفية إنشاء قائمة منزلقة ودفع في DIVI؟

بعد ذلك ، أدخل عنوانًا لصفحتك ، ثم انقر فوق " استخدم Divi Builder ".

ثم انقر فوق " اختر التخطيط« 

ابحث عن واختر " الصفحة الرئيسية الكلب الاستمالة » 

اختر تخطيط وانقر على " اختر التخطيط »

ابحث عن صورك

عندما تكون في Divi Builder ، ما عليك سوى تحديد موقع الصور التي تريد إضافة التأثير إليها.

لاحظ أنه يمكنك استخدامه على أي عنصر يحتوي على صورة

افتح إعدادات الوحدة

عندما تتخذ قرارك ، انقر فوق رمز الترس وأدخل معلمات الوحدة تحتوي على الصورة. 

اقرأ أيضا: كيف أنشر منشورات المدونة في DIVI؟

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

أدخل إعدادات العمود.

ابحث عن الصورة في الإعدادات

بمجرد أن تكون في إعدادات عمود صحيح ، تأكد من تحديد علامة التبويب محتويات. قم بالتمرير لأسفل حتى تجد الخيار مغرم.

سو  خلفية، يمنحك Divi خيار استخدام إما لون خالص أو تدرج أو صورة أو فيديو بتنسيق mp4. 

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

تفعيل تأثيرات التحويم

حرك مؤشر الفأرة فوق الكلمة  خلفية (أصغر عنوان فرعي) وابحث عن ملفرمز السهم في الخيارات التي تظهر. هذا هو التبديل ل  تأثيرات ديفي تحوم.

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

اختر صورتك الجديدة

عندما تحرك المؤشر لأسفل فوق الصورة ، سيكون لديك الخيارات العادية:  لاستبدال الصورة ou  لحذف الصورة. 

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

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

اختر صورة التمرير (الاستبدال)

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

تحقق من وجود أخطاء في الصورة الأصلية

نقترح دائمًا التأكد من بقاء الصورة الأصلية كما هي. لذلك للتحقق ، انقر فوق علامة التبويب اليسرى وتأكد من أن الصورة الأصلية لا تزال في مكانها.

إذا كان كل شيء على ما يرام ، يمكنك حفظ الإعدادات الخاصة بك.

• حفظ إعدادات العمود

• اضغط مرة أخرى على ملف  القراد الأخضر لحفظ إعدادات الخط. 

حفظ الإعدادات العامة العامة ونشر الصفحة.

نتيجة

إذا اتبعت جميع الخطوات في هذا البرنامج التعليمي ، فيجب أن تحصل على هذا.

تحميل DIVI Now !!!

وفي الختام

إن Divi's Theme Builder مليء بالأدوات القوية التي يمكن لأي شخص استخدامها إنشاء موقع على شبكة الإنترنت شيقة وتفاعلية. يعد تغيير صورة التمرير الذي عرضناه لك في هذا الدليل مجرد أداة واحدة من بين العديد من الأدوات.

إذا كنت بحاجة إلى المزيد من العناصر لإكمال مشاريع إنشاء موقع الويب الخاص بك ، فتصفح أيضًا دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.

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

...