كيفية إنشاء نماذج مخصصة في WordPress

nevvar elhalef
6 Min Read

تمكنك النماذج من جمع المعلومات من زوار موقعك. سواء كان الأمر يتعلق بالتسجيل للحصول على حساب ، أو تسجيل الدخول إلى موقعك ، أو إعطائك ملاحظات حول منتجك ، أو الاتصال بك ، أو الاشتراك في رسالتك الإخبارية – فإنك تجمع البيانات من خلال النماذج.

باستخدام WordPress ، من السهل جدًا دمج نموذج في موقع الويب الخاص بك. ستزودك معظم السمات بنماذج مشتركة مثل تسجيل الدخول والتسجيل والاتصال بنا فورًا.

لكن المشكلة تكمن في أنك قد لا تعجبك تلك المضمنة افتراضيًا. ربما تريد واحدًا يندمج بشكل أفضل مع موضوعك العام أو يجمع بيانات أخرى ،

في هذه المقالة ، سأوضح لك كيفية إنشاء نماذج جميلة المظهر تتناسب مع تصميم القالب الخاص بك ونظام الألوان دون الحاجة إلى كتابة أي كود HTML أو CSS.

- Advertisement -

قم بتثبيت البرنامج المساعد لنموذج عضوية WordPress

هناك العشرات من المكونات الإضافية المجانية والمدفوعة التي يمكنك استخدامها لإنشاء نماذج مخصصة. في هذا المثال ، سنستخدم مكونًا إضافيًا مجانيًا يسمى Ultimate Member.

أفضل شيء في هذا البرنامج المساعد هو أنه ينشئ كل شيء لك – النماذج والصفحات والنشرات الإخبارية عبر البريد الإلكتروني وما إلى ذلك. كما أن لديها أداة إنشاء نماذج فائقة التخصيص توفر مجموعة كبيرة من أنواع الحقول (مثل منتقي التاريخ وتحميل الملف) ، بالإضافة إلى آلاف الرموز التي يمكنك تضمينها في النموذج الخاص بك لجعله ملفتًا للنظر.

قبل أن نبدأ ، ستحتاج أولاً إلى تثبيت المكون الإضافي. للقيام بذلك ، اتبع الخطوات التالية:

 

    • قم بتسجيل الدخول إلى لوحة تحكم مسؤول WordPress الخاصة بك.
    • انتقل إلى الإضافات> إضافة جديد
    • استخدم شريط البحث للبحث عن “عضو نهائي
    • تثبيت وتفعيل البرنامج المساعد (الخيار المميز في الصورة أدناه)
البرنامج المساعد النهائي للأعضاء
البرنامج المساعد النهائي للأعضاء

بمجرد اكتمال التثبيت ، ستجد ملف عضو نهائي علامة التبويب على لوحة القيادة الخاصة بك. انتقل إلى Ultimate Member> الإعدادات لرؤية كل الخيارات.

- Advertisement -

الصفحات المخصصة والنشرة الإخبارية

كما ذكرت في بداية هذه المقالة ، يساعد المكون الإضافي Ultimate Member في إنشاء نوع مختلف من الصفحات التي تحتاجها عادةً في موقع الويب الخاص بك.

نماذج من الصفحات

 

نماذج من الصفحات

 

- Advertisement -

يمكنك أيضًا تضمين مطالبات الاشتراك في الرسائل الإخبارية في موقع الويب الخاص بك وتخصيص البريد الإلكتروني الترحيبي (البريد الإلكتروني لتفعيل الحساب) لتناسب ذوقك.

ترحيب قالب البريد الإلكتروني

 

ترحيب قالب البريد الإلكتروني

 

يمكنك تخصيص الصفحات والنماذج المختلفة من أسفل مظهر التبويب. الآن ، دعنا نرى كيفية إنشاء نماذج في موقع الويب الخاص بك.

إنشاء النماذج

انتقل إلى Ultimate members> Forms في لوحة تحكم WordPress الخاصة بك. هناك يجب أن تجد الافتراضي تسجيل الدخولو يسجل و الملف الشخصي نماذج.

نماذج

 

نماذج

 

يمكنك تعديل أحد هذه النماذج أو إنشاء نموذج جديد من البداية. النقر فوق تعديل في أي من النماذج سينقلك إلى منشئ النماذج.

حقول النموذج

 

حقول النموذج

 

هنا لدينا حقول لاسم المستخدم والاسم الأول واسم العائلة وعنوان البريد الإلكتروني وكلمة المرور. الأربعة الأولى عبارة عن مربعات نصية ، بينما كلمة المرور هي حقل من نوع كلمة المرور — مثل حقل نص ولكن مع إدخال مقنع.

يمكنك إضافة حقل جديد أو تخصيص حقل موجود. لتخصيص حقل موجود ، ما عليك سوى النقر فوق رمز القلم الرصاص بجوار اسم الحقل وسيظهر نموذج يحتوي على تفاصيل الحقل.

تحرير حقل fEdit

 

تحرير المجال

 

هنا يمكنك رؤية مجموعة من خيارات تخصيص الإدخال. يمكنك الحصول على مزيد من المعلومات حول كل خيار من خلال التمرير فوق رمز علامة الاستفهام أعلاه. سيعرض ذلك تلميح أداة.

لإضافة حقل جديد ، انقر فوق + أيقونة أسفل الحقول الأخرى لفتح مدير الحقول.

أنواع الحقول

 

أنواع الحقول

 

اختر النوع الذي يتطابق مع ما تريد جمعه باستخدام هذا الإدخال. يمكنك أيضًا اختيار حقل مخصص أدناه (إذا سبق لك إنشاء أي حقل).

بعد اختيار المجال الخاص بك ، سيتم عرض نموذج جديد حيث يجب عليك تقديم تفاصيل حول الإدخال (العنوان ، العنصر النائب ، إلخ) وإضافة رمز. بمجرد الانتهاء ، انقر فوق يضيف زر لإضافة الحقل إلى النموذج الخاص بك.

لمعرفة شكل النموذج ، انقر فوق المعاينة الحية الزر الموجود في الجزء العلوي من منشئ النموذج.

معاينة النموذج المباشر

 

معاينة النموذج المباشر

 

يمكنك أيضًا إضافة أشياء مثل الهامش أو الحشو أو لون الحدود أو راديو الحدود أو حتى ربط فئة CSS بكل إدخال باستخدام محرر الصف (انقر فوق رمز القلم الرصاص الموجود أسفله مباشرة المعاينة الحية).

تحرير الصف

 

تحرير الصف

 

باستخدام هذه الأدوات ، يمكنك بسهولة إنشاء نماذج جذابة ومزجها مع تصميم المظهر العام الخاص بك.

استنتاج

على الرغم من وجود العديد من المكونات الإضافية الأخرى التي يمكنك استخدامها لإنشاء نماذج ، فإن Ultimate Member هو بالتأكيد من بين تلك التي تحتوي على أغنى الميزات. ناهيك عن أنه مجاني!

أضف موقعنا  إلى موجز أخبار Google الخاص بك. أضف موقعنا  إلى موجز أخبار Google الخاص بك.

إذا أعجبك هذا المقال ، تابعنا على Twitter و Facebook.

اقرا ايضاً:

Share this Article
Follow:
كاتب ومحلل
Leave a comment
best WordPress Plugins for Business Websites in 2023 5 Best WordPress Ecommerce Plugins Compared – 2023 أفضل 5 شركات استضافة مواقع للويب 2023
adbanner