هل تحتاج إلى إضافة تأثير التمرير في Elementor عبر CSS المخصص؟
يحتوي Elementor على ميزة مضمنة لإضافة تأثير التمرير لعنصر (لقد تناولنا هذا في إحدى مقالاتنا. في حين أن الميزة مفيدة بدرجة كافية ، إلا أنها تحتوي على جانب سلبي. يمكنك فقط إضافة تأثير التمرير إليها. قسم ، عمود ، عنصر واجهة مستخدم صورة ، عنصر واجهة مستخدم زر ، وأداة مشاركات.
اقرأ أيضا: كيفية تثبيت Elementor على WordPress
لا تسمح لك ميزة تأثير التمرير المضمنة في Elementor بإضافة تأثير التمرير إلى عناصر واجهة مستخدم أخرى مثل عنصر واجهة مستخدم محرر النص ، ودجة العنوان ، وما إلى ذلك.
هل هناك أي خيار آخر لإضافة تأثير التمرير في Elementor؟
نعم هنالك. يمكنك إضافة تأثير التمرير في Elementor عبر CSS المخصص. ولكن لإضافة CSS مخصص ، تحتاج إلى استخدام Elementor Pro لأن CSS المخصص متاح فقط في Elementor Pro.
إضافة تأثير التمرير في Elementor عبر CSS المخصص
قبل أن نبدأ ، دعنا نلقي نظرة على مثال تأثيرات التمرير التي تم إنشاؤها عبر CSS المخصص.
بخلاف تأثير التمرير المدمج في Elementor ، يمكنك استخدام هذه الطريقة لإضافة تأثير التمرير إلى أي عنصر في Elementor. سواء كان قسمًا أو عمودًا أو عنصر واجهة مستخدم (جميع عناصر واجهة المستخدم).
في هذا المثال ، سنوضح لك كيفية إضافة تأثير نقطة إلى عمود.
أولاً ، انقر فوق مقبض العمود للتبديل إلى لوحة إعدادات العمود. مرة واحدة هناك ، انتقل إلى علامة التبويب متقدم وافتح الكتلة Custom CSS ولصق كود CSS التالي.
المحدد: تحوم {انتقالات: الكل .2s سهولة في الخروج ؛ تحويل: مقياس (1.1) ؛ المؤشر: نقطة ؛ مؤشر z: 1 ؛ }
هناك.
في الكود أعلاه ، نستخدم خاصية CSS تحول () لإضافة تأثير التمرير. نوع التحويل الذي نستخدمه في هذا المثال هو مقياس مدته 1,1 ثانية.
هناك 4 أنواع أخرى من التحويل يمكنك استخدامها مع:transform
- مصفوفة
- اللغة
- زاوية
- انحرف
إذا كنت تريد استخدام نمط تحويل مختلف ، يمكنك فقط استبدال قيمة تحول على كود CSS أعلاه.
يمكنك أن تقرأ الصفحة cette لمعرفة المزيد حول تحول CSS.
يمكنك اتباع نفس المسار لإضافة تأثير التمرير إلى العناصر الأخرى.
لإضافة تأثير نقطة إلى قسم ما ، يمكنك النقر فوق مقبض القسم والانتقال إلى علامة التبويب متقدم وافتح الكتلة لغة تنسيق ويب حسب الطلب.
لإضافة تأثير التمرير إلى عنصر واجهة مستخدم ، يمكنك النقر فوق مقبض الأداة والانتقال إلى علامة التبويب مرة أخرى. متقدم، ثم افتح الكتلة لغة تنسيق ويب حسب الطلب.
ملحقات WordPress الإضافية الإضافية الأخرى
اكتشف أيضًا أخرى الإضافات وورد قسط يعمل على تحسين أداء مدونة WordPress أو موقع الويب الخاص بك.
1. مبيعات المنبثقة
المنبثقة المباشرة للمبيعات هي شيء آخر وورد البرنامج المساعد مع العديد من الأشياء الجيدة التي يمكنك تحويلها إلى ميزة. بادئ ذي بدء ، لديه الإمكانية عرض نافذة منبثقة عندما يكمل شخص ما طلبًا.
ثانيًا ، يمكن أيضًا أن تعرض النافذة المنبثقة للمبيعات في الوقت الفعلي إشعارًا عندما يضيف الشخص عنصرًا إلى عربة التسوق. وثالثًا ، يمكنك استخدام الأداة لزيادة الضجيج للمنتج من خلال إظهار عدد الزوار الذين شاهدوا المقالة.
مع أحدث اتجاهات الويب ، يمكنك توقع عرض Live Sales Popup بشكل جميل على جميع الأجهزة والمتصفحات. بالنسبة إلى التخطيط المنبثق ، يمكنك تخصيصه لأدق التفاصيل.
للقراءة : كيفية إصلاح تأهب أمني في وورد الخاص بك بلوق
الميزات الأخرى في Live Sales Popup هي أكثر من ثلاثين صورة متحركة وصوتًا العد التنازلي وتحديد المواقع الشخصية. كما أنه يعمل مع الإشعارات المزيفة ويسمح لك بتعيينه فقط لصفحات معينة تريد أن يؤدي فيها الإشعار مهمته.
تحميل | عرض | استضافة المواقع
2. Foodify
فوديفي هي أسرع وأسهل طريقة للعملاء لطلب الطعام من المتجر. إنها كليا استجابة ويتضمن ميزات إضافية مثل الصورة ، خيار البحث، معلومات المنتج.
كما يضيف أزرارًا إلى السلة لتحسينها تجربة المستخدم. يعد امتداد WooCommerce هذا حلاً سريعًا وشاملًا للطلب يمكن إضافته إلى أي موقع ويب WooCommerce.
هنا من أجلك ملحقات 5 WordPress لتحسين أوصاف الفئات والتسميات
تتميز بأنها مرنة للغاية ومتوافقة مع العديد من المكونات الإضافية الموجودة في دليل WordPress.
تحميل | عرض | استضافة المواقع
3. Mega Zoom & Pan Image Viewer
يعد البرنامج الإضافي Mega Zoom & Pan Image Viewer عارضًا رائعًا للصور ومتصفحًا مع تخطيط سريع الاستجابة لعرض الصور الكبيرة على جهازك بلوق وورد.
إنها أداة قوية مصممة لتقديم المنتجات (صور عالية الدقة للمنتج. على سبيل المثال: الملابس ، والسيارات ، والرسوم البيانية الفنية ، وما إلى ذلك) ، وعرض الخرائط وجميع الصور الأخرى ، وذلك بفضل تكبيرها ووظيفتها بانورامية ، ضوابط التنقل الخاصة به ، شريط التمرير الخاص به، وعلامات / نقاط وصول قابلة للتخصيص بدرجة عالية.
وهذه هي 5 تطبيقات للهواتف الذكية لحماية الصور ومقاطع الفيديو الخاصة بك
يعمل هذا المكون الإضافي بشكل رائع على iOS (iPad ، iPhone)و Android و Windows mobile ، إلخ. كما أنه يعمل على جميع المتصفحات الحديثة والمتصفحات القديمة مثل IE7 أو IE8.
تحميل | عرض | استضافة المواقع
الموارد الأخرى الموصى بها
ندعوك أيضًا إلى الرجوع إلى الموارد الموضحة أدناه للمضي قدمًا في قبضة والتحكم في موقع الويب والمدونة.
- كيفية حذف جميع التعليقات المعلقة في ووردبريس
- متى وكيف لتثبيت وورد في دليل فرعي
- 5 ملحقات WordPress لإضافة فرحة عيد الميلاد إلى موقع الويب الخاص بك
- زنومكس وردبريس الإضافات لتحسين البصرية من موقع الويب الخاص بك
وفي الختام
هنا! هذا كل شيء لهذا الدليل. نأمل أن تساعدك هذه المقالة في إضافة تأثير التمرير في Elementor عبر CSS المخصص. يمكنك أيضًا قراءة مقالتنا على كيفية إصلاح حظر عرض JavaScript و CSS في WordPress.
ومع ذلك ، ستتمكن أيضًا من الرجوع إلى موقعنا RESSOURCES، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
إذا كان لديك صديق أو تعليق ، فالرجاء تركه في القسم تعليق. خاصة شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...