عنصر واجهة المستخدم لأشكال النينجا: نمط أشكال النينجا بدون CSS
أداة Ninja Form في Master Addons مجانية. فهو يضع النموذج الذي قمت بإنشائه في البرنامج الإضافي Ninja Forms على صفحة Elementor ويمنحك عناصر تحكم في النمط للعنوان والتسميات والحقول وأزرار الاختيار ومربعات الاختيار وزر الإرسال والرسائل. أربعة أشكال مختلفة للتصميم مجانية، وسبعة أخرى تأتي مع Master Addons Pro. لا تزال Ninja Forms تتعامل مع الحقول والإشعارات والإرسالات.
كيفية إضافة نماذج النينجا إلى العنصر
أنت بحاجة إلى البرنامج الإضافي المجاني Ninja Forms ونموذج واحد مدمج فيه على الأقل.
- تثبيت وتنشيط أشكال النينجا من WordPress.org، ثم قم ببناء النموذج الخاص بك في لوحة معلومات Ninja Forms.
- تحقق من أن شكل النينجا يتم تشغيل عنصر واجهة المستخدم في إعدادات عنصر واجهة المستخدم Master Addons.
- قم بتحرير صفحتك باستخدام Elementor، وابحث في اللوحة عن شكل النينجا واسحب القطعة للداخل.
- اختر النموذج الخاص بك في نموذج الاتصال قم بالتنزيل واختر ما إذا كنت تريد العرض أم لا تسميات و العنصر النائب نص.
- في علامة التبويب "النمط"، اختر أ اختلاف التصميمثم اضبط المدخلات ومربعات الاختيار وزر الإرسال والرسائل.
- قم بتحديث الصفحة وأرسل إدخال اختبار للتأكد من استلام Ninja Forms لها.
اختلافات التصميم: 4 مجاني، 7 برو
اختلاف التصميم في علامة التبويب "النمط"، يتم تطبيق مظهر جاهز على النموذج بأكمله. النمط الأول إلى النمط الرابع مجاني، ويحتاج النمط الخامس إلى النمط الحادي عشر إلى Master Addons Pro. اختر واحدة كنقطة بداية، ثم قم بتغيير التفاصيل في الأقسام الموجودة أسفلها.
- حر: النمط الأول والنمط الثاني والنمط الثالث والنمط الرابع.
- احترافي: النمط الخامس حتى النمط الحادي عشر.
- خيارات المحتوى: إظهار أو إخفاء التسميات ونص العنصر النائب، بالإضافة إلى رسائل الخطأ وأخطاء التحقق من الصحة.
الإدخال ومنطقة النص وتصميم مربع الاختيار
منطقة الإدخال والنص يحتوي على علامات تبويب عادية وعلامات تركيز مع لون الخلفية والحدود، بالإضافة إلى لون النص ونصف قطر الحدود والمحاذاة والمسافة البادئة للنص وعرض وارتفاع الإدخال ومنطقة النص والحشو والتباعد والطباعة. الراديو وخانة الاختيار يمكن استبدال إعدادات المتصفح الافتراضية بأنماط مخصصة: الحجم واللون وعرض الحدود ولون الحدود ونصف قطر الحدود المنفصل لمربعات الاختيار وأزرار الاختيار واللون المحدد.
- التسميات والعنصر النائب: لون النص والطباعة للتسميات، ولون النص للعناصر النائبة.
- الوصف الميداني: اللون والطباعة والتباعد لنص المساعدة الموجود أسفل الحقل.
- العنوان والوصف: المحاذاة واللون والطباعة والهامش لعنوان النموذج ووصفه.
إرسال الزر والرسائل النموذجية
زر الإرسال يضبط المحاذاة والعرض الكامل أو المخصص ولون الخلفية والنص والحدود ونصف قطر الحدود والحشو والهامش العلوي والطباعة وظل الصندوق، مع علامة تبويب التمرير للخلفية والنص ولون الحدود. تقوم أقسام الرسائل بتصميم ما يراه الزوار بعد إرسالهم.
- رسالة النجاح: لون النص والطباعة.
- إشعار الحقول المطلوبة: اللون والتباعد والطباعة.
- أخطاء: لون النص لرسائل الخطأ، بالإضافة إلى الوصف وألوان الحدود للحقول التي تفشل في التحقق من صحتها.
عنصر واجهة المستخدم للرمز القصير Elementor مقابل عنصر واجهة المستخدم لنموذج Ninja
يمكن لـ Free Elementor بالفعل عرض نموذج Ninja: لصق الرمز القصير الخاص به في عنصر واجهة المستخدم Shortcode. النموذج يعمل بنفس الطريقة في كلتا الحالتين. الفرق هو كيفية تصميمه.
| ميزة | عنصر واجهة المستخدم Shortcode | أداة نموذج النينجا الرئيسية |
|---|---|---|
| سعر | مجاني (عنصر أساسي) | مجانًا، احترافي لـ 7 أشكال مختلفة من التصميم |
| إضافة النموذج | الصق رمزًا قصيرًا مثل [ninja_form id="1"] | اختر النموذج من القائمة المنسدلة |
| التصميم | Css الخاص بك | عناصر تحكم علامة التبويب الخاصة بالحقول ومربعات الاختيار والأزرار والرسائل |
| تبدو محددة مسبقا | لا | 4 مجاني، 7 برو |
| إخفاء التسميات أو العناصر النائبة | CSS | مفاتيح |
| الحقول والإخطارات والإرسالات | أشكال النينجا | أشكال النينجا |
يعمل كلا المسارين بنفس نموذج Ninja Forms. يحفظك عنصر واجهة المستخدم في كتابة CSS لمطابقة النموذج مع بقية الصفحة.
الحاجيات النموذج الأخرى: نموذج الاتصال 7 (مجاني)، نماذج WP (مجاني) و أشكال الجاذبية (برو).
الأسئلة المتداولة لنموذج النينجا
هل أحتاج إلى تثبيت البرنامج المساعد Ninja Forms؟
نعم. قم بتثبيت وتنشيط البرنامج الإضافي المجاني لـ Ninja Forms وقم بإنشاء النموذج الخاص بك هناك أولاً. بدونه، تعرض الأداة إشعار “Ninja Forms is Not Activated” بدلاً من النموذج.
هل أداة نموذج النينجا مجانية؟
نعم. الأداة والنمط من واحد إلى النمط الرابع مجانيان في الإضافات الرئيسية. يحتاج النمط الخامس إلى النمط الحادي عشر إلى Master Addons Pro.
هل يمكنني جعل النموذج مستجيبًا على الأجهزة المحمولة؟
نعم. العديد من عناصر التحكم في الحجم والتباعد، مثل عرض الإدخال والارتفاع والحشو والمحاذاة وعرض الزر، تأخذ قيمًا منفصلة لسطح المكتب والكمبيوتر اللوحي والهاتف المحمول.
كيف أقوم بتصميم رسائل الخطأ أو إشعار النجاح؟
استخدم أقسام رسالة النجاح وإشعار الحقول المطلوبة والأخطاء في علامة التبويب "النمط". يقومون بتعيين لون النص والطباعة لرسالة النجاح، والنص والوصف وألوان الحدود للأخطاء. لا يوجد إعداد ألوان خلفية لهذه الرسائل.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق 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)
ناسخ البريد/الصفحة
