عنصر واجهة المستخدم لنماذج الجاذبية: إضافة نماذج الجاذبية ونمطها بدون CSS
Gravity Forms هي أداة احترافية في Master Addons تضع أي نموذج Gravity Form على صفحة Elementor وتتيح لك تصميمه من اللوحة. اختر النموذج من القائمة المنسدلة، وابدأ من أحد أشكال التصميم الـ 11 المختلفة، ثم اضبط التسميات والحقول ومربعات الاختيار وزر الإرسال وأشرطة التقدم متعددة الصفحات ورسائل الخطأ. يستمر النموذج في العمل تمامًا كما قمت بإنشائه في Gravity Forms.
11 تصميمًا جاهزًا
تحتوي القائمة المنسدلة Design Variations على 11 نمطًا. اختر واحدًا كنقطة بداية، ثم قم بتغيير أي شيء تريده في علامة التبويب "النمط". يمكنك أيضًا إخفاء العنوان والوصف المحددين في Gravity Forms وكتابة عنوان مخصص في Elementor بدلاً من ذلك.
- قم بالتبديل بين 11 اختلافًا في التصميم من وحدة منسدلة واحدة.
- إظهار أو إخفاء عنوان النموذج والوصف والتسميات والعناصر النائبة.
- أضف عنوانًا ووصفًا مخصصًا دون تحرير النموذج نفسه.
تصميم الحقل وخانة الاختيار وزر الراديو
تحصل المدخلات والمناطق النصية على الخلفية ولون النص والحدود ونصف القطر وظل المربع والطباعة، مع حالة تركيز منفصلة. قم بتعيين العروض والارتفاعات للمدخلات والمناطق النصية بشكل مستقل، بالإضافة إلى الحشو والمسافة البادئة للنص. يمكن أن تحتوي أزرار الراديو ومربعات الاختيار على أحجام وألوان ونصف قطر حدود مخصص للحالات العادية والمحددة.
- الحالات العادية وحالات التركيز لحقول الإدخال.
- عرض وارتفاع منفصل للمدخلات ومناطق النص.
- أنماط الراديو وخزانة الاختيار المخصصة، وفواصل الأقسام وألوان أسعار المنتج.
زر الإرسال والنماذج والرسائل متعددة الصفحات
اجعل زر الإرسال تلقائيًا، بعرض كامل أو عرض مخصص، ثم قم بتصميم ألوانه وحدوده ونصف قطره وحشوه وظل الصندوق والطباعة بألوان التمرير. تحصل النماذج متعددة الصفحات على تصميم لأزرار الصفحة وشريط التقدم. تحتوي كل من رسائل الخطأ والحقول غير الصالحة ورسالة الشكر على إعدادات الألوان الخاصة بها، ويمكنك إخفاء رسائل الخطأ بالكامل.
- زر إرسال تلقائي أو كامل العرض أو عرض مخصص مع ألوان التمرير.
- زر الصفحة وتصميم شريط التقدم للنماذج متعددة الصفحات.
- ألوان رسائل الخطأ والحقول غير الصالحة ورسالة الشكر.
عنصر واجهة المستخدم Shortcode الخاص بـ Elementor مقابل عنصر واجهة المستخدم Gravity Forms
يمكن أيضًا لعنصر واجهة المستخدم Shortcode المجاني الخاص بـ Elementor إظهار نموذج الجاذبية باستخدام [gravityform id="1"]. النموذج يعمل، لكنه يبدو كيفما كان موضوعك ونماذج الجاذبية تصممه، وتغيير ذلك يعني كتابة CSS.
| القطعة القصيرة | إضافات الماجستير نماذج الجاذبية | |
|---|---|---|
| سعر | حر | ماستر أدونز برو |
| اختيار النموذج | اكتب معرف النموذج في رمز قصير | اختره من القائمة المنسدلة |
| تصاميم جاهزة | لا أحد | 11 اختلافات التصميم |
| تصميم المجال والأزرار | Css مخصص | علامة التبويب "النمط"، مع حالات التركيز والتحليق |
| شريط التقدم وتصميم الخطأ | Css مخصص | علامة تبويب النمط |
| تعديلات المحمول | استعلامات وسائط CSS | ضوابط مستجيبة للأحجام والتباعد |
استخدام مكون إضافي ذو شكل مختلف؟ يحتوي Master Addons على عناصر واجهة مستخدم مجانية للتصميم نموذج الاتصال 7, نماذج WP, أشكال النينجا و weForms.
كيفية إضافة نموذج الجاذبية إلى العنصر
أنت بحاجة إلى نماذج الجاذبية مع إنشاء نموذج واحد على الأقل، وMaster Addons Pro. ثم اتبع الخطوات التالية
- قم بتشغيل عنصر واجهة المستخدم Gravity Forms في لوحة معلومات Master Addons.
- افتح صفحتك في Elementor، وابحث في لوحة عناصر واجهة المستخدم عن “Gravity Forms” واسحب عنصر واجهة المستخدم Master Addons إلى مكانه.
- اختر النموذج الخاص بك في القائمة المنسدلة لنموذج الاتصال.
- اختر واحدًا من 11 اختلافًا في التصميم.
- قرر ما إذا كنت تريد إظهار عنوان النموذج والوصف والتسميات والعناصر النائبة. قم بتشغيل استخدام Ajax لإرسال النموذج دون إعادة تحميل الصفحة.
- افتح علامة التبويب "النمط" لتعيين الألوان والحدود والمسافات والطباعة، ثم انشر.
إذا كانت القائمة المنسدلة فارغة، فتأكد من أن Gravity Forms نشطة وأنك قمت بإنشاء نموذج.
الأسئلة المتداولة لأشكال الجاذبية
هل أحتاج إلى تثبيت البرنامج المساعد Gravity Forms؟
نعم. نماذج أنماط عناصر واجهة المستخدم التي تقوم بإنشائها في Gravity Forms، بحيث يجب تثبيت البرنامج الإضافي وتنشيطه. وبدونها، تعرض الأداة إشعارًا يطلب منك تنشيط نماذج الجاذبية.
كيف يمكنني إضافة نموذج الجاذبية إلى Elementor؟
قم بتثبيت نماذج الجاذبية وقم بإنشاء النموذج الخاص بك. في Elementor، اسحب عنصر واجهة المستخدم Master Addons Gravity Forms إلى الصفحة، واختر النموذج الموجود في القائمة المنسدلة لنموذج الاتصال، واختر شكلًا مختلفًا من التصميم وقم بتصميمه في علامة التبويب "النمط". ال دليل خطوة بخطوة أعلاه يغطي كل إعداد.
هل يمكنني جعل النماذج مستجيبة على الأجهزة المحمولة؟
نعم. تحتوي العديد من عناصر التحكم في الحجم والتباعد والمحاذاة على قيم منفصلة لسطح المكتب والكمبيوتر اللوحي والهاتف المحمول، لذا يمكنك تغيير الحشو وعرض الحقل وعرض الزر للشاشات الأصغر حجمًا.
هل ستظل الوظائف الإضافية للمنطق الشرطي ونماذج الجاذبية تعمل؟
نعم. تقوم الأداة بإخراج النموذج الخاص بك من خلال نماذج الجاذبية نفسها، لذا فإن المنطق الشرطي والنماذج متعددة الصفحات والوظائف الإضافية تعمل بالطريقة التي قمت بإعدادها بها. تقوم الأداة بتغيير شكل النموذج فقط.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق 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)
ناسخ البريد/الصفحة
