عنصر واجهة مستخدم زر متحرك Elementor مع تأثيرات التمرير الإبداعية
Creative Button عبارة عن أداة Master Addons مجانية لأزرار الاتصال لإجراء مع رسوم متحركة مدمجة للتحليق. اختر تأثيرًا من قائمة تأثيرات الأزرار، واكتب النص ورسالة ثانية اختيارية للتحليق، وأضف رمزًا، وقم بتصميم الألوان العادية والتحليق. يتضمن البرنامج الإضافي المجاني 6 تأثيرات: الافتراضي، وينونا، أوجاراك، وايرا، تامايا وراين. ماستر أدونز برو يضيف 15 آخرين، من بيبالوك إلى شيكوبا، ليصبح المجموع 21.
كيفية إضافة زر متحرك في العنصر
أنت بحاجة إلى Elementor والمكون الإضافي Master Addons المجاني من WordPress.org.
- تأكد من تشغيل زر الإبداع تحته الإضافات الرئيسية والأدوات.
- في محرر Elementor، ابحث عن زر الإبداع واسحبه إلى الصفحة.
- اختر تأثيرًا في تأثيرات الزر وقم بتمرير الزر لمعاينته.
- اكتب نص الزر ونص الزر البديل وعنوان URL للارتباط.
- أضف رمزًا واختر قبل أو بعد.
- في علامة التبويب "النمط"، قم بتعيين الحشو ونصف قطر الحدود والألوان العادية والحولية المختلفة بحيث يسهل رؤية الرسوم المتحركة.
للحصول على إرشادات أطول مع الملحقات مثل تلميحات الأدوات والكشف عن الرسوم المتحركة، اقرأ كيفية إنشاء أزرار الرسوم المتحركة Elementor. كل إعداد في إعدادات عناصر واجهة المستخدم للزر الإبداعي.
21 تأثير تحويم: 6 مجانًا، 15 مع Pro
كل اسم في تأثيرات الزر عبارة عن رسوم متحركة مختلفة لتحوم CSS، مثل الخلفية التي تنزلق، أو الحدود التي يتم رسمها حول الزر أو النص الذي يتم تبديله برسالة ثانية. الافتراضي، وينونا، أوجاراك، وايرا، تامايا وراين مجانيان. بيبالوك، مويما، إيسي، آيلين، ساكي، واباشا، نينا، نانوك، نوكا، أنتيمان، إيتزل، نيرا، كويديل، ساكنيت وشيكوبا بحاجة إلى Pro. قم بتمرير الزر الموجود على اللوحة القماشية لمعاينة كل واحد منهم.
- محاذاة الأزرار ومحاذاة نص الأزرار، مضبوطة لكل جهاز.
- ألوان خلفية إضافية قبل وبعد للتأثيرات التي تستخدم خلفيات ذات طبقات.
- يتم تحديد سرعة الرسوم المتحركة من خلال كل تأثير. لا يوجد إعداد لمدة الانتقال.
زر النص والنص البديل والأيقونة والتصميم
تعيين زر النص و أ رابط URL مع علامة التبويب الجديدة المعتادة وخيارات عدم المتابعة. كل تأثير باستثناء الافتراضي يظهر أ نص الزر البديل حقل لرسالة التحويم. أضف أيقونة قبل أو بعد النص مع تباعد الأيقونات. في أنماط الأزرار، اضبط العرض والطباعة وحشو الأزرار والحدود ونصف قطر الحدود وظل الصندوق وحجم الأيقونة، ثم اختر ألوان النص والخلفية والأيقونات للرقم العادي والتحويم.
- “Get Started” الذي يتغير إلى “It's free” عند التحليق.
- رمز سهم بعد النص لإظهار الاتجاه.
- أزرار حبوب مستديرة ذات حدود يتغير لونها عند التمرير.
زر العنصر مقابل زر الإبداع للإضافات الرئيسية
تحتوي أداة Elementor Button المجانية بالفعل على رسوم متحركة تحوم. هنا حيث يناسب كل واحد.
| ميزة | زر العنصر | زر إبداعي للإضافات الرئيسية |
|---|---|---|
| سعر | مجاني في العنصر | 6 تأثيرات مجانية، 21 مع Pro |
| تحوم الرسوم المتحركة | قائمة الرسوم المتحركة Elementor Hover، مثل Grow وPulse وBob وWobble | تأثيرات CSS المسماة بخلفيات وحدود وألوان طبقات منزلقة |
| تبديل النص على التمرير | لا | نص الزر البديل |
| خلفية | كلاسيكي أو متدرج للعادية والتحويم | ألوان ثابتة، بالإضافة إلى ألوان قبل وبعد على بعض التأثيرات |
| سرعة الانتقال | إعداد مدة الانتقال | ثابتة بكل تأثير |
| أيقونة | قبل أو بعد، مع التباعد | قبل أو بعد، مع التباعد والحجم واللون المتحرك |
استخدم زر العنصر للتدرجات أو سرعة الانتقال المخصصة أو النمو أو النبض البسيط. استخدم زر الإبداع عندما تريد مسح الخلفية أو تبديل النص بدون CSS مخصص. للحصول على روابط نصية متحركة، راجع الروابط الإبداعية.
الأسئلة المتداولة للزر الإبداعي
هل أداة زر الإبداع مجانية؟
نعم. الأداة والتأثيرات الستة (الافتراضي، Winona، Ujarak، Wayra، Tamaya وRayen) مجانية. تحتاج التأثيرات الـ 15 الأخرى ماستر أدونز برو.
هل يمكنني استخدامه كزر إرسال النموذج؟
رقم زر الإبداع هو رابط وليس زر نموذج. لتصميم زر إرسال، استخدم أداة النموذج للمكون الإضافي الخاص بك، مثل نموذج الاتصال 7 أو نماذج WP القطعة.
هل تعمل تأثيرات التحويم على الهواتف؟
لا تحتوي شاشات اللمس على أي تحوم، لذلك يرى معظم زوار الهواتف الحالة الطبيعية وينتقلون مباشرة إلى الرابط. تأكد من أن الألوان والنصوص العادية تعمل من تلقاء نفسها.
هل يمكنني تغيير سرعة الرسوم المتحركة للتحليق؟
ليس في اللوحة. كل تأثير له توقيته الخاص. يمكنك تغييره باستخدام CSS مخصص على الزر، أو استخدام عنصر واجهة المستخدم Elementor Button، الذي يحتوي على إعداد مدة الانتقال.
كيف يختلف هذا عن الرسوم المتحركة لزر Elementor؟
يقوم زر العنصر بتحريك الزر بأكمله، على سبيل المثال النمو أو النبض. تعمل تأثيرات الزر الإبداعي على تحريك الجزء الداخلي من الزر، مثل انزلاق الخلفية أو تغيير النص إلى نص الزر البديل.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق Master Addons Post/Page Duplicator لـ Elementor: رابط صف MA Duplicator في قائمة صفحات WordPress لإنشاء صفحة مقصودة - مسودة [مكررة #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
ناسخ البريد/الصفحة
