هل تريد إضافة تأثير نقطة إلى عمود في 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.
ملحقات WordPress الإضافية الإضافية الأخرى
اكتشف أيضًا أخرى الإضافات وورد قسط يعمل على تحسين أداء مدونة WordPress أو موقع الويب الخاص بك.
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. إذا كان لديك تعليقات أو اقتراحات ، لا تتردد في إعلامنا في القسم المحجوز.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى المزيد من العناصر لتنفيذ مشاريعك لإنشاء مواقع الإنترنت ، من خلال استشارة دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...