هل تريد إضافة تأثير مؤشر إلى عمود في Elementor؟
Elementor مثالي لإنشاء موقع ويب يركز على التصميم. في Elementor، يمكنك إضافة تأثيرات متحركة لجعل موقعك أكثر تفاعلية.
أحد تأثيرات الرسوم المتحركة التي يمكنك إضافتها إلى صفحة مدعومة من Elementor هو تأثير النقطة. يمكنك إضافة تأثير نقطة إلى قسم أو عمود أو عنصر واجهة مستخدم.
ستوضح لك هذه المقالة كيفية إضافة درجة إلى عمود في Elementor. بالمناسبة ، إذا كنت جديدًا على Elementor ، يمكنك الرجوع إلى مقالتنا السابقة لمعرفة ذلك كيفية تثبيت Elementor.
كيفية إضافة تأثير النقطة إلى عمود في Elementor
في Elementor، يُعدّ العمود عنصرًا أساسيًا. يمكنك من خلاله إضافة الأدوات - وهي عناصر التصميم الفعلية المستخدمة لبناء صفحتك. وكما هو الحال مع أنواع العناصر الأخرى في Elementor، يمكنك أيضًا تخصيص العمود لجعله يبدو أنيقًا.
يمكنك إضافة خلفية ملونة صلبة وخلفية الصورة والظل لتأثير التحويم. يتيح لك تأثير التمرير المدمج في Elementor استخدام خلفية مختلفة وحد مختلف وظل مسقط مختلف عند التأشير.
لبدء إضافة تأثير النقطة إلى عمود في Elementor ، انقر أولاً على مقبض العمود الذي تريد إضافة تأثير النقطة عليه للتبديل إلى لوحة إعدادات العمود.
في لوحة الإعدادات (اللوحة الموجودة على الجانب الأيسر) ، انتقل إلى علامة التبويب الطراز وافتح الكتلة خلفية. في الأخير ، يمكنك فتح علامة التبويب AU نظرة عامة لتعيين خلفية مختلفة عن حالة التأشير.
يمكنك استخدام خلفية ملونة صلبة أو خلفية متدرجة اللون أو خلفية صورة. يمكنك أيضًا تعيين مدة الانتقال (الانتقال من الحالة العادية إلى حالة التأشير) في خيار مدة الانتقال.
لتعيين حد مختلف وظل مربع مختلف على حالة التأشير ، يمكنك فتح الكتلة حدود. انقر فوق علامة التبويب نظرة عامة من تلك الكتلة وتعيين نمط الحدود وحجم الحد ولون الحد ونصف قطر الحد وظل المنطقة لحالة التأشير.
إضافة تأثير تمرير متقدم إلى عمود في Elementor
مختلف ديفي البناءلا يستخدم Elementor تحويل CSS لتأثير التحويم الخاص به. لذلك ، يمكنك فقط إضافة تأثيرات التمرير الأساسية. ولكن مثل Elementor (الإصدار المحترف) أنت يسمح لك بإضافة CSS مخصص، يمكنك استخدام CSS المخصص لإضافة تحويل CSS لإضافة تأثير التمرير المتقدم.
يتم إنشاء تأثيرات التمرير باستخدام تحويل CSS. لإضافة تحويل CSS إلى عمود ، انتقل أولاً إلى علامة التبويب خيارات متقدمة وافتح الكتلة CSS مخصصة (تأكد من أن لوحة الإعدادات في وضع لوحة إعدادات العمود). أضف كود CSS التالي.
الرمز :
المحدد: تحوم {انتقالات: الكل .2s سهولة في الخروج ؛ تحويل: مقياس (1.1) ؛ المؤشر: نقطة ؛ مؤشر z: 1 ؛ }
في تحويل CSS نفسه ، هناك 5 أنماط تحويل يمكنك استخدامها:
- مصفوفة
- اللغة
- حجم
- زاوية
- انحرف
يستخدم كود CSS أعلاه تحويل المقياس. يمكنك ببساطة استبداله بأي نمط تحويل تريده.
قرأ الصفحة cette لمعرفة المزيد حول تحول CSS.
إضافات ووردبريس مميزة أخرى
اكتشف أيضًا إضافات ووردبريس المميزة الأخرى التي تتيح لك تحسين أداء مدونة ووردبريس أو موقعك الإلكتروني.
1. حجز مطعم مرئي
قم بإنشاء نظام الحجز عبر الإنترنت لموقع الويب الخاص بالمطعم أو المقهى الخاص بك ، وذلك بفضل هذا المكون الإضافي الممتاز المتميز من WordPress. مع هذا الأخير ، سيكون لديك إمكانية إنشاء طاولات ومقاعد بنفسك على الشبكة التي يوفرها هذا البرنامج المساعد والسماح لعملائك بحجز تلك المجانية ، هذه هي الميزة الرئيسية لهذا المكون الإضافي وما يميزه. المكونات الإضافية الأخرى في هذه القائمة.
باستخدام خاصية السحب والإفلات، يمكنك وضع أنواع مختلفة من الطاولات على شبكة مطعمك وحساب الحد الأقصى لعدد المقاعد لكل طاولة، بالإضافة إلى العدد الإجمالي للطاولات. سيتمكن زوار مطعمك من يختارون شكل الطاولة التي يفضلونها وموقعها بالنسبة للطاولات الأخرى في الشبكة.
هنا من أجلك ملحقات 5 WordPress لتحسين أوصاف الفئات والتسميات
سيكون من دواعي سرور عملاء المطعم الخاص بك القيام بهذا الاختيار مباشرة على الإنترنت بدلاً من السفر. مع هذا البرنامج المساعد ، سيكونون قادرين على الحصول على فكرة عما ينتظرهم اليوم.
من بين الميزات الأخرى ، فإنه يوفر: دعم السحب والإفلات ، 3 أنواع من نظام الحجز، التعامل مع حدسي إلى حد ما ، التخصيص الكامل لتصميمه ، وأكثر من ذلك بكثير.
تحميل | عرض | استضافة المواقع
2. MapSVG
MapSVG est l’un des plugins WordPress de création d'annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises المحلية ، قوائم الموردين ، إلخ. 
Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l'édition des cartes SVG dans n'importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d'objet, des outils puissants de création de formulaire, pour renseigner la base de données, l'ajout des marqueurs de géolocalisation et autres.
اقرأ أيضا مقالتنا على كيفية الحفاظ على زوار موقعك لفترة أطول
3. الثورة المنزلق
Slider Revolution هو مكون إضافي مبتكر وسريع الاستجابة لـ WordPress يعرض المحتوى الخاص بك بشكل جميل. سواء كان شريط تمرير أو دائري ، فإن المحرر المرئي للسحب والإفلات سيسمح لك بسرد قصة شركتك على سبيل المثال ، وإبراز أفضل منتجاتك ، وأفضل مقالاتك وغير ذلك الكثير.
اكتشف أيضا لدينا ملحقات 10 WordPress لإنشاء نافذة منبثقة بسهولة
ميزاته الرئيسية هي: واجهة إنشاء شريحة ممتازة ، تصميم سحب وإسقاط شريحة ، تخطيط مستجيب بالكامل ، إدارة مثالية لمحتوى الوسائط المتعددة ، أداء محسن ، دعم متعدد اللغاتخدمة عملاء ممتازة، ودعم لشاشات اللمس. تحديثات مجانية ومنتظمةوالوثائق ومقاطع الفيديو التعليمية المتاحة وأكثر من ذلك بكثير.
تحميل | عرض | استضافة المواقع
الموارد الموصى بها
اكتشف موارد أخرى موصى بها ستساعدك في إنشاء وإدارة موقعك الإلكتروني.
- ما الفرق بين المدونة والموقع الالكتروني؟
- كيفية نسخ النص ولصقه في WordPress دون مشاكل في التنسيق
- معايير SEO: تحليل تنافسي
- 5 ملحقات WordPress لقبول مدفوعات PayPal
خاتمة
هنا ! هذا كل شيء بالنسبة لمقالنا الذي يوضح لك كيفية إضافة تأثير نقطة إلى عمود في Elementor. إذا كان لديك تعليقات أو اقتراحات ، لا تتردد في إعلامنا في القسم المحجوز.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى المزيد من العناصر لتنفيذ مشاريعك لإنشاء مواقع الإنترنت ، من خلال استشارة دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...