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

نشرت: 2022-09-16

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

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

لن تحتاج إلى تخصيص نموذج تسجيل الدخول الخاص بك لإكمال هذا البرنامج التعليمي. بعد أن يكمل المستخدمون تسجيلهم ، ستحتاج إلى تهيئة ما يحدث لهم. في وثائق تسجيل المستخدم الخاصة بنا ، هناك عدد من خيارات التكوين التي يمكنك تحديدها. نظرًا لأن نظام تسجيل المستخدم يقوم بأتمتة عملية تسجيل الدخول بالكامل ، فإن Formidable لا يتطلب منا معرفة كيفية تغيير صفحة تسجيل الدخول إلى WordPress. تعد صفحة تسجيل الدخول إلى WordPress ضرورية فقط إذا كنت تريد تضمين نموذج تسجيل دخول. يمكنك استخدام المنشئ لإنشاء الصفحة بنفس الطريقة التي تستخدم بها القالب. يمكنك وضع استمارات تسجيل الدخول والتسجيل الخاصة بك في أي منشور أو صفحة تريدها.

كيف يمكنني إنشاء صفحة تسجيل دخول وتسجيل مخصصة في Woocommerce؟

الائتمان: brightplugins.com

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

كيف تقوم بتخصيص نموذج تسجيل WooCommerce الخاص بك؟ مدونة ThemeGrill هي مدونة تركز على ثيمات WordPress. يمكنك فعل الكثير باستخدام نماذج تسجيل وتسجيل الدخول إلى WooCommerce بنفس الطريقة التي يمكنك بها استخدام صفحة ونماذج تسجيل الدخول إلى WordPress. نحن نتفهم مدى صعوبة اختيار أفضل مكون إضافي سهل الاستخدام وتخصيص صفحة حسابي في WooCommerce. الخطوة الأولى هي تنزيل المكونات الإضافية الضرورية وتثبيتها. في الخطوة 2 ، ستحتاج إلى إنشاء استمارة تسجيل وتسجيل جديدة بالكامل. في الخطوة 3 ، يجب عليك تحميل المكون الإضافي وتثبيته وتكوينه.

قم بتنزيل وتثبيت الوظيفة الإضافية Style Customizer من صفحة تسجيل المستخدم كخطوتك الأولى. الخطوة الثانية هي تكوين حقول النموذج والإعدادات. في الخطوة 3 ، استبدل نموذج تسجيل وتسجيل الدخول الافتراضي لـ WooCommerce بالنموذج الجديد. يجب عرض صفحة تسجيل الدخول واستمارة التسجيل في نفس الوقت على صفحة التسجيل. يمكن أيضًا استخدام المكون الإضافي تسجيل المستخدم لعرضها على صفحات مختلفة. بعد الانتهاء من عملية التسجيل ، يتم توجيه المستخدمين إلى صفحة حسابي. بالإضافة إلى تسجيل المستخدم ، يمكنك أيضًا عرض نموذج تسجيل مخصص في نافذة الخروج.

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

مخصص لصفحة تسجيل الدخول وورد البرنامج المساعد

الائتمان: Colorlib

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

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

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

نموذج تسجيل الدخول إلى ووردبريس

نموذج تسجيل الدخول إلى WordPress هو نموذج يمكن للمستخدم ملؤه لتسجيل الدخول إلى موقع WordPress. يشتمل النموذج عادةً على حقول لاسم مستخدم وكلمة مرور وزر إرسال.

يعد نموذج تسجيل الدخول إلى WP طريقة بسيطة لإنشاء نموذج تسجيل دخول بسيط لأي موقع WordPress. يمكن إضافة هذا العنصر إلى منشور أو صفحة أو شريط جانبي به رمز قصير. يمكن استخدام المعلمات التالية لتخصيص الخيارات التي تظهر أدناه ، ولكن هناك معلمات أخرى يمكن استخدامها أيضًا. يمكن تمكين نموذج تسجيل الدخول الخاص بـ WP لاستخدام Google reCAPTCHA v3 لحماية النموذج الخاص بك من البريد العشوائي وأشكال إساءة الاستخدام الآلية الأخرى. يمكن تمكين هذه الميزة بالانتقال إلى الإعدادات. يحتوي على فئات تنتج ترميزًا نظيفًا ، لكنه لا يتضمن أي CSS ، مما يسمح لك بتخصيص النموذج وفقًا لمواصفاتك.

نموذج التسجيل المخصص في WordPress برمجيًا

يمكنك إنشاء نموذج تسجيل مخصص في WordPress باتباع الخطوات التالية:
1. قم بتسجيل الدخول إلى موقع WordPress الخاص بك كمسؤول.
2. اذهب إلى قائمة النماذج وانقر على إضافة جديد.
3. أدخل اسمًا ووصفًا للنموذج الخاص بك.
4. انقر فوق علامة التبويب الحقول وأضف الحقول التي تريد تضمينها في النموذج الخاص بك.
5. انقر فوق علامة التبويب "الإعدادات" وحدد الخيار لإرسال عمليات إرسال النماذج إلى عنوان بريد إلكتروني.
6. انقر فوق الزر "نشر" لحفظ النموذج الخاص بك.
الآن بعد أن تم إنشاء النموذج الخاص بك ، تحتاج إلى إضافته إلى موقعك.
1. اذهب إلى قائمة Appearance وانقر فوق Widgets. أضف أداة نموذج التسجيل المخصص إلى شريط جانبي. أدخل اسم النموذج الخاص بك في حقل اسم النموذج. احفظ التغييرات.
يجب الآن عرض نموذج التسجيل المخصص الخاص بك على موقعك.

كيف يمكنني تغيير نموذج التسجيل الافتراضي في WordPress؟

يمكن أيضًا تحرير نموذج التسجيل عبر الإعدادات العامة. للوصول إلى قائمة الإعدادات العامة ، انتقل إلى صفحة الإعدادات العامة. ستجد هنا بعض الحقول حيث يمكنك تغيير نموذج التسجيل الافتراضي في WordPress .

كيفية تغيير عنوان URL الخاص بالتسجيل في موقع WordPress الخاص بك

يمكنك تغيير عنوان URL الخاص بنموذج تسجيل موقع WordPress الخاص بك عن طريق زيارة ملف WP_Register. يرجى عمل نسخة من عنوان URL الجديد بالبحث عنه في قسم "تذييل تسجيل الدخول". إذا كنت لا تريد استخدام هذا الخيار ، فيمكنك دائمًا إضافة صفحة أخرى إلى المتصفح بإعادة التوجيه.