زر الإبداع
الزر هو البوابة إلى أهم أفعالك asect-ups، المبيعات، التنزيلات. ومع ذلك، فإن معظم الأزرار تتغير لونها فقط عند التمرير. هذه فرصة ضائعة. يقدم Master Addons Creative Buttons Element معرضًا لتأثيرات التمرير الفنية في متناول يدك. اختر من بين 20+ إعدادًا مسبقًا مسمىًا مثل “Winona أو” أو“Tamaya أو” أو“Wayra،” لكل منها رسوم متحركة وأسلوب فريد خاص بها. أضف أيقونات ونص ديناميكي يتم تبديله عند التمرير، وقم بتصميم كل تفاصيل الحالات العادية وحالات التمرير. قم بتحويل “Submit” العام الخاص بك إلى تجربة تفاعلية تفاجئ النقرات وتسعدها وتشجعها.
إعدادات النمط المسبقة والتأثيرات
لماذا تخمين التأثيرات؟ اختر من بين مكتبة إعدادات الأسلوب المسبقة المصممة بشكل احترافي بأسماء مميزة مثل Ujarak وMoema وSaqui وNina. يطبق كل إعداد مسبق نظام رسوم متحركة كاملاً لا يقتصر على تغيير اللون فحسب، بل يشمل الحركات ذات الطبقات والكشف والتحويلات. سواء كانت شريحة خلفية دقيقة (وينونا)، أو تأثير متطور مزدوج الطبقة (تامايا)، أو مبادلة نص أنيقة (بيبالوك)، فإنك تحصل على تفاعل فريد ومصقول بنقرة واحدة.
- 20+ إعدادات مسبقة منسقة: اختر من بين تأثيرات ذات أسماء فريدة مثل Raven وAylen وShikoba وItzel للحصول على التطور الفوري.
- الرسوم المتحركة المعقدة: يتضمن كل إعداد مسبق رسومًا متحركة متعددة الأجزاء (خلفيات، نص، عناصر زائفة) تعمل بانسجام.
- لا يوجد رمز مطلوب: حقق تأثيرات تحليق CSS المتقدمة دون أي معرفة بالبرمجة.
محتوى ديناميكي مع نص وأيقونات بديلة
إشراك المستخدمين بزر يتواصل على مرحلتين. اضبط نص الزر الأولي (“اقرأ المزيد”) ونص الزر البديل (“Let's Go!”). عند التمرير، ينتقل الزر بسلاسة للكشف عن الرسالة الثانية، مما يضيف طبقة من البهجة والوضوح. عزز هذا الأمر بشكل أكبر عن طريق إضافة أيقونة، موضوعة قبل النص أو بعده، مع تباعد أيقونات قابل للتعديل. تجعل طبقة المحتوى الديناميكية هذه الزر نفسه يبدو حيًا ومستجيبًا لنية المستخدم.
- المراسلة على مرحلتين: استخدم نص الزر البديل لتغيير رسالة الاستدعاء إلى الإجراء أثناء تأثير التمرير.
- تكامل الأيقونة: اختر أي أيقونة وضعها على جانبي نص الزر للحصول على إرشادات مرئية.
- الرابط المرن: اضبط عنوان URL للرابط على أي صفحة أو منشور أو ملف، مما يجعل الزر يعمل بكامل طاقته.
الأسئلة المتداولة للزر الإبداعي
كيف يمكنني اختيار الإعداد المسبق الصحيح من بين العديد من الخيارات؟
فكر في غرض الزر وطاقة موقعك. للحصول على موقع هادئ ومحترف، جرب Winona أو Wayra. للحصول على موقع جريء ومبدع، استكشف Saqui أو Shikoba. للحصول على أجواء مرحة، قد تكون نينا أو بيبالوك مثالية. أفضل طريقة هي معاينة القليل منها على نص الزر الفعلي الخاص بك (يمكن أن يبدو التأثير مختلفًا اعتمادًا على الكلمات المستخدمة.
هل يمكنني استخدام هذه الأزرار لزر إرسال النموذج؟
نعم، ولكن مع ملاحظة. تم تصميم هذه الأزرار بشكل أساسي كأزرار ارتباط (تنتقل إلى عنوان URL). بالنسبة لزر إرسال النموذج (كما هو الحال في نموذج الاتصال 7 أو WPForms)، ستحتاج عادةً إلى استخدام زر المكون الإضافي للنموذج المحدد أو نوع مختلف من عناصر واجهة المستخدم. ومع ذلك، يمكنك استخدام عناصر النموذج المختلفة المخصصة لدينا لتصميم النموذج وزر الخاص به.
هل تعمل التأثيرات على الأجهزة المحمولة؟
تم تصميم تأثيرات التمرير لتفاعل الماوس. على الهاتف المحمول، عادةً ما يتم تشغيل التأثير عند النقرة الأولى (التي تعمل بمثابة تحليق) + إعادة التوجيه إلى رابط الزر. وهذا يوفر بعض التعليقات المرئية قبل التنقل.
هل يمكنني تغيير سرعة الرسوم المتحركة للتحليق؟
عادةً ما تكون سرعة الرسوم المتحركة مدمجة في النمط المحدد مسبقًا. للتحكم المتقدم في مدة الانتقال (السرعة)، ستحتاج عادةً إلى إضافة CSS مخصص يستهدف فئة الزر، حيث تركز الواجهة المتوفرة على الألوان والأحجام والأنماط بدلاً من التوقيت.
ما هو أفضل استخدام لـ "نص الزر البديل"؟
استخدمه لإنشاء دعوة أكثر وضوحًا لاتخاذ إجراء أو لتقديم تعليقات. على سبيل المثال:
- “اشتر الآن” →“احصل عليه!”
- “Download” →“Loading...”
- “تعلم المزيد” →“Let's Go!”
هذا التغيير البسيط يمكن أن يجعل التفاعل يبدو أكثر محادثة وديناميكية.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
