هل ترغب في تخصيص نموذج الاتصال 7 مع المكون الإضافي Elementor's Essential Addons؟
نموذج الاتصال 7 هو واحد من الإضافات وورد من أشهر بناة النماذج. إنه مجاني تمامًا ويمكنك استخدامه لإنشاء ملف نموذج الاتصال على موقع الويب الخاص بك وورد.
يمكنك أيضًا إنشاء العديد من أنواع النماذج مثل نموذج الحجز أو نموذج تحميل الملف. يوفر 14 نوعًا من الحقول التي يمكنك استخدامها أثناء إنشاء نموذج.
انظر أيضا: كيفية استخدام عناصر واجهة / قوالب Elementor مثل كتل Gutenberg
تتمثل إحدى المشكلات الشائعة في المكون الإضافي لنموذج الاتصال 7 في عملية التخصيص الخاصة به. يستخدم نموذج الاتصال 7 النمط الافتراضي الخاص بك وورد موضوع نشيط. يمكنك استخدام أسلوب مختلف ، لكن مهارات CSS ستكون مطلوبة. إذا لم يكن لديك أي مهارات في CSS ، يمكنك استخدام الوحدة الإضافات الأساسية لأسلوب النموذج الخاص بك.
الإضافات الأساسية هي إضافة Elementor تعزز عملية تخصيص نماذج الاتصال 7 الخاصة بك باستخدام Elementor. Elementor و Essential Addons هي مكونات إضافية مجانية. يمكنك استخدام الإصدارات المجانية لكليهما لتصميم نماذج نموذج الاتصال 7 الخاصة بك.
كيفية تصميم نموذج الاتصال 7 مع الإضافات الأساسية
قبل أن تبدأ في تصميم النماذج الخاصة بك ، تأكد من أنك قمت بتثبيتها Elementor et الإضافات الأساسية. بمجرد التثبيت والتفعيل ، قم بإنشاء صفحة جديدة (الصفحات -> إضافة) وتحريره باستخدام Elementor.
قبل بدء عملية التخصيص ، اضبط تخطيط الصفحة بالنقر فوق رمز الترس في الزاوية اليسرى السفلية. قم بتعيين التخطيط من القائمة المنسدلة.
أضف قسمًا جديدًا بالنقر فوق رمز علامة الجمع في مربع التعديل وسحب الأداة نموذج اتصال EA 7 من اللوحة اليسرى في المحرر.
انتقل إلى اللوحة اليمنى وحدد النموذج الذي تريد تخصيص نمطه.
بعد تحديد نموذج ، انتقل إلى علامة التبويب الطراز. كما ترى ، يمكنك تعيين العديد من خيارات التصميم. فيما يلي خيارات التصميم الشائعة التي يمكنك تعيينها.
- عرض النموذج والمحاذاة والخلفية
تحت الكتلة حاوية النموذج، انقر فوق منتقي الألوان في القسم نوع الخلفية وقم بتعيين اللون المطلوب لخلفية النموذج. يمكنك استخدام لون خالص أو لون متدرج كخلفية.
اقرأ أيضا: العنصر: كيفية استيراد القوالب أو تصديرها
لتعيين محاذاة النموذج ، ما عليك سوى تحديد خيار المحاذاة المفضل لديك في القسم محاذاة النموذج.
لتعيين عرض النموذج ، قم بتعيين قيمة العرض الأقصى للنموذج في الحقل عرض النموذج الأقصى.
- حقل الخلفية وعرض الحدود ونصف القطر
لتحديد خلفية الحقول وعرضها ونصف قطرها ، يمكنك فتح القسم المدخلات و Textarea. انقر فوق منتقي ألوان الحقل لون الخلفية لتعيين الخلفية.
يمكنك أيضًا تعيين لون خلفية الحقول في وضع التصحيح بالنقر فوق علامة التبويب .
لتحديد عرض الحقول ، يمكنك تحديد القيمة في الحقول عرض الإدخال. في هذا القسم ، يمكنك أيضًا تعيين عرض حقل مربع النص في عرض Textarea.
لتعيين نصف قطر الحد ، ما عليك سوى الانتقال إلى تعديل الحقل نصف قطر الحدود وقم بتعيين قيمة الحدود التي تفضلها. يمكنك أيضًا تعيين أسلوب الطباعة (عائلة الخط وحجم الخط ونمط الخط) من خلال النقر على رمز القلم الرصاص في الحقل طباعة.
- ملصقات
تسمح لك الإضافات الأساسية أيضًا بتخصيص نمط تسميات النموذج الخاصة بك. يمكنك ضبط لون النص وكذلك الطباعة. للقيام بذلك ، افتح الخيار ملصقات. عيّن لون النص بالنقر فوق منتقي الألوان في الحقل لون النص.
لتعيين أسلوب الطباعة ، انقر فوق رمز القلم الرصاص في الحقل طباعة.
- زر الإرسال
لتخصيص نمط زر الإرسال ، افتح الكتلة إرسال زر. من هنا يمكنك ضبط محاذاة الأزرار والعرض ولون الخلفية ولون النص ونصف قطر الحدود وكذلك الطباعة.
- رسالة خطأ
لتخصيص نمط رسالة الخطأ ، يمكنك فتح الكتلة أخطاء. يمكنك تعيين لون نص رسالة الخطأ ، والطباعة ، ولون خلفية خطأ التحقق من الصحة ، ولون نص خطأ التحقق من الصحة ، إلخ ....
يمكنك تعيين العديد من خيارات التصميم الأخرى. يمكنك اللعب باللوحة اليسرى حتى تصبح راضيًا عن أسلوب النموذج الخاص بك.
يمكنك إضافة العديد من العناصر الأخرى إلى صفحتك باستخدام عناصر واجهة المستخدم المتوفرة التي يوفرها Elementor و Essential Addons. عند الانتهاء ، انقر فوق الزر للنشر أسفل اللوحة اليمنى لنشر صفحتك.
دمج النموذج في صفحة عادية
بعد النقر فوق الزر للنشر، صفحة الاتصال الخاصة بك قد تم نشرها بشكل أساسي. الصفحة نفسها مدعومة من Elementor. إذا كنت تفضل إضافة الخاص بك نموذج الاتصال 7 إلى صفحة عادية (صفحة تم إنشاؤها باستخدام Gutenberg ، محرر WordPress الافتراضي) ، يمكنك تثبيت المكون الإضافي كتل العنصر لجوتنبرج. سيقوم هذا المكون الإضافي بتحويل قالب Elementor إلى كتلة Gutenberg.
لتسجيل الخاص بك نموذج الاتصال 7 كقالب Elementor، انقر فوق زر السهم المجاور للزر النشر / التحديث على اللوحة اليمنى وحدد حفظ كقالب.
قم بتسمية القالب الخاص بك وانقر فوق الزر حفظ.
إنشاء صفحة جديدة (الصفحات -> إضافة) ومنحها اسمًا مثل "اتصل بنا" أو "جهة اتصال" أو أي اسم آخر تريده.
أضف كتلة جديدة وحدد مكتبة العنصر وحدد نموذج نموذج الاتصال الذي أنشأته للتو.
والآن قمت للتو بتخصيص نموذج الاتصال 7 الخاص بك.
احصل على Elementor Pro الآن !!!
وفي الختام
هنا ! هذا كل شيء في هذه المقالة التي توضح لك كيفية تخصيص نموذج الاتصال 7 مع الإضافات الأساسية. إذا كانت لديك أية مخاوف بشأن كيفية الوصول إلى هناك ، فأخبرهم بذلك في تعليقات.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...
