هل تريد إنشاء صفحة تسجيل في Elementor؟
إذا كنت تريد إنشاء موقع على شبكة الإنترنت WordPress الذي يسمح بتسجيل المستخدم ، الشيء المهم للغاية الذي تحتاج إلى توفيره هو صفحة التسجيل. Elementor لا يحتوي على عنصر واجهة مستخدم افتراضي لإضافة ملف استمارتنا الاشتراك في صفحة ، ولكن يمكنك إضافة واحدة باستخدام الأداة شكل مع القليل من الحيلة. سنكتشف بعد قليل في هذا المقال.
منذ القطعة شكل متاح فقط على Elementor Pro، فأنت بحاجة إلى ترقية Elementor إلى الإصدار الاحترافي.
كيفية إنشاء نموذج التسجيل في Elementor
لا يحتوي Elementor على عنصر واجهة مستخدم افتراضي لإضافة نموذج تسجيل. ولكن ، كما ذكرنا سابقًا ، يمكنك إنشاء صفحة تسجيل مستخدم باستخدام أداة النموذج مع القليل من الحيلة. هناك نوعان من المكونات سوف تحتاج:
- استمارة تسجيل المستخدم نفسها
- نص PHP يسمح لك بإضافة مستخدم جديد
قبل أن نبدأ ، لنفترض أنك كنت تستخدم Elementor لبعض الوقت وأنشأت بالفعل نموذجًا باستخدام عنصر واجهة المستخدم.
بمجرد أن تصبح جاهزًا ، اتبع الخطوات أدناه لبدء إنشاء صفحة تسجيل في Elementor.
الخطوة 1: قم بإنشاء استمارة التسجيل
أولاً ، قم بإنشاء صفحة جديدة وقم بتحريرها باستخدام Elementor. بالطبع ، يمكنك أيضًا تحرير صفحة موجودة. ضمن محرر Elementor ، أضف أداة النموذج إلى مربع التحرير عن طريق سحبها من اللوحة اليمنى.
انتقل إلى اللوحة اليسرى لتخصيص النموذج. أول مجموعة من الخيارات التي تحتاج إلى فتحها هي الكتلة حقول النموذج تحت علامة التبويب محتوى. سيتكون نموذج التسجيل الذي سننشئه من 5 حقول على النحو التالي:
| بطل | نوع الحقل | ملصق |
| الاسم الأول | نص | الاسم الشخصي |
| NOM | نص | الاسم |
| مستخدم (مطلوب) | نص | المستخدم |
| البريد الإلكتروني (إلزامي) | البريد الإلكتروني | البريد الإلكتروني |
| كلمة المرور مطلوبة) | كلمة السر | كلمة السر |
اسم النموذج: قم بإنشاء مستخدم جديد
شيء واحد مهم يجب ملاحظته. تأكد من استخدام نفس تسميات الحقول كما في الجدول أعلاه بما في ذلك الأحرف الكبيرة والصغيرة حيث سيتم استخدامها كمتغيرات في البرنامج النصي PHP الذي سنستخدمه.
اقرأ أيضا: كيفية إنشاء نافذة منبثقة لموافقة ملف تعريف الارتباط باستخدام Elementor
تأكد أيضًا من تسمية النموذج الخاص بك. مرة أخرى ، تأكد من استخدام نفس الاسم بالضبط (بما في ذلك الأحرف الكبيرة والصغيرة) الذي نستخدمه في هذا المثال ("إنشاء مستخدم جديد" في هذه الحالة).
هنا مثال على النموذج الذي أنشأناه.
مرة واحدة في تعريف إكمال حقول النموذج ، افتح الكتلة الإجراء بعد الإرسال. نظرًا لأنك تريد إنشاء نموذج تسجيل مستخدم ، يمكنك تعيين الإجراء على إعادة توجيه.
في الكتلة إعادة توجيه، الصق عنوان URL الذي تريد أن يتم توجيه المستخدمين إليه بعد إنشاء مستخدم جديد. على سبيل المثال ، يمكنك إعادة توجيههم إلى صفحة تسجيل الدخول إلى موقع الويب الخاص بك.
افتح الكتلة خيارات إضافية وتفعيل الخيار Custom الرسائل. يمكنك استبدال رسالة النجاح بشيء مثل "تم إنشاء المستخدم".
النموذج الخاص بك جاهز الآن. يمكنك نشر الصفحة بعد الانتهاء من تحريرها.
الخطوة 2: إضافة وظيفة جديدة لإضافة مستخدم جديد
إليك نص PHP الذي يسمح لك بإضافة مستخدم جديد إلى موقع WordPress الخاص بك.
add_action ('elementor_pro / Forms / new_record'، 'blogpascher_creer_un_nouvel_user'، 10، 2) ؛ function blogpascher_creer_un_new_user ($ record، $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name') ؛ // تأكد من أن النموذج هو "إنشاء مستخدم جديد" وإلا - توقف وقم بالعودة ؛ if ('إنشاء مستخدم جديد'! == $ form_name) {return؛ } form_data $ = سجل-> get_formatted_data () ؛ $ user = $ form_data ['مستخدم'] ؛ // احصل على القيمة التي تم إدخالها كـ "اسم المستخدم" $ password = $ form_data ['Password'] ؛ // احصل على القيمة المدخلة كـ "Password" $ email = $ form_data ['Email'] ؛ // احصل على القيمة التي تم إدخالها كـ "Email" $ user = wp_create_user ($ username، $ password، $ email) ؛ // إنشاء مستخدم جديد ، إذا نجحت إعادة معرف المستخدم إذا (is_wp_error ($ user)) {// إذا كان هناك خطأ في إنشاء مستخدم جديد $ ajax_handler-> add_error_message ("من المستحيل إنشاء مستخدم جديد: ". $ user-> get_error_message ()) ؛ // أضف الرسالة $ ajax_handler-> is_success = false؛ return؛} $ first_name = $ form_data [" First name "] ؛ //احصل على القيمة التي تم إدخالها كـ "الاسم الشخصي"
$ last_name = $ form_data ["Name"] ؛ //احصل على القيمة التي تم إدخالها كـ "Nom"
wp_update_user (المصفوفة ("ID" => $ user، "first_name" => $ first_name، "last_name" => $ last_name)) ؛ // تحديث المستخدم بالاسم الأول والأخير}
يمكنك وضع الكود أعلاه في الملف functions.php من موضوعك. للقيام بذلك ، انتقل إلى المظهر -> محرر الموضوع على لوحة تحكم WordPress الخاصة بك. انقر فوق الملف functions.php على اللوحة اليمنى لتعديله ولصق نص PHP في نهاية الملف وظائف.
هنا معاينة.
انقر على زر ملف التحديث في المحرر لتحديث الملف functions.php.
أخطاء محتملة
بمجرد أن يقوم المستخدمون بإنشاء حساب جديد بنجاح ، هناك فرصة جيدة بأنهم لن يتمكنوا من الوصول إلى لوحة تحكم WordPress حتى لو قاموا بتسجيل الدخول بنجاح. إذا واجهت هذه المشكلة ، فحاول تغيير دور المستخدم إلى "مساهم" أو دور أعلى (مؤلف أو محرر).
اقرأ أيضا: كيفية تصدير واستيراد نماذج العنصر
للقيام بذلك ، انتقل إلى الحسابات-> كافة الحسابات. مرر مؤشر الماوس فوق المستخدم الذي تريد تغيير دوره وانقر على الرابط تحرير.
إذا كنت تريد أن يكون لكل مستخدم مسجل حديثًا دور مساهم ، فيمكنك تعيينه (دور المساهم) باعتباره الدور الافتراضي.
انظر أيضا: كيفية إنشاء صفحة تسجيل الدخول باستخدام Elementor
للقيام بذلك ، انتقل إلى إعدادات-> عام. قم بالتمرير لأسفل إلى الخيار الدور الافتراضي لأي حساب جديد وحدد دورًا افتراضيًا من القائمة المنسدلة. لا تنس النقر فوق الزر حفظ التغييرات في الجزء السفلي لتطبيق التعديل الجديد.
إذا كنت لا تزال ترغب في أن يكون للمستخدمين الجدد دور مشترك وتريد السماح لهم بالوصول إلى لوحة معلومات WordPress ، فيمكنك محاولة حل المشكلة عن طريق تعطيل المكونات الإضافية النشطة مؤقتًا وإعادة تمكينها واحدة تلو الأخرى. حتى ترى أي مكون إضافي هو تسبب في المشكلة.
احصل على Elementor Pro الآن!
وفي الختام
هنا! هذا كل شيء في هذه المقالة التي توضح لك كيفية إنشاء صفحة تسجيل في Elementor. إذا كانت لديك أية مخاوف بشأن كيفية الوصول إلى هناك ، فاسمحوا لنا أن نعرف في تعليقات.
ومع ذلك ، يمكنك أيضا استشارة مواردنا، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.
...