كيفية تخصيص صفحة تسجيل الدخول إلى WordPress

نشرت: 2021-07-29

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

ما هي صفحة تسجيل الدخول إلى WordPress؟

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

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

لماذا يجب عليك تغيير صفحة تسجيل الدخول؟

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

صفحة تسجيل الدخول الافتراضية ووردبريس

ومع ذلك ، إذا قمت بفحص صفحة تسجيل الدخول لعلامة تجارية مشهورة مثل OptinMonster ، فسترى أنها تبدو كما يلي:

تسجيل الدخول Optinmonster

صفحة تسجيل الدخول مخصصة بالكامل ويمكنك أن تعرف على الفور أنها تنتمي إلى OptinMonster.

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

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

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

الآن دعنا نرى الطرق المختلفة لتعديل صفحة تسجيل الدخول.

كيفية تخصيص صفحة تسجيل الدخول إلى WordPress

هناك ثلاث طرق رئيسية لتخصيص صفحة تسجيل الدخول:

  1. باستخدام الإضافات
  2. برمجيا
  3. مع بناة الصفحات

دعنا نلقي نظرة على كل طريقة أدناه حتى تتمكن من اختيار الطريقة الأنسب لك.

1) قم بتحرير صفحة تسجيل الدخول باستخدام المكونات الإضافية

هناك العديد من المكونات الإضافية لتخصيص صفحة تسجيل الدخول إلى WordPress. بعض من أفضلها:

  • موضوع تسجيل الدخول الخاص بي (تخصيص محدود)
  • مخصص صفحة تسجيل الدخول (قابل للتخصيص بدرجة عالية)
  • CSS Hero (مكون إضافي مخصص للتخصيص)
  • WPForms (نموذج مكون إضافي مع ميزات متقدمة)
  • SeedProd (حل كامل للصفحات المقصودة)

في هذا البرنامج التعليمي ، سوف نستخدم Theme My Login و Custom Login Page Customizer. دعونا نرى العملية خطوة بخطوة.

1.1) موضوع تسجيل الدخول الخاص بي

Theme My Login هو مكون إضافي مجاني يستخدم لإنشاء صفحات تسجيل دخول مخصصة في WordPress. بدون استخدام أي مقتطفات CSS إضافية ، يمكنك مطابقة تصميم الموقع مع صفحة تسجيل الدخول.

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

تثبيت موضوع البرنامج المساعد ووردبريس تسجيل الدخول الخاص بي

بمجرد تنشيطه ، سترى إعدادات المكونات الإضافية على الجانب الأيسر.

تصميم إعدادات تسجيل الدخول الخاصة بي

التكوين الرئيسي الذي ستراه هو:

  • عام
  • تسجيل الدخول
  • تسجيل
  • الرخويات

ضمن هذه الخيارات ، سترى بعض التكوينات الفرعية. لا يأتي Theme My Login مع الكثير من خيارات التخصيص ، لكنها كافية لأولئك الذين يرغبون في إجراء بعض التغييرات الأساسية.

قم بالتمرير لأسفل إلى قسم الرخويات وسترى جميع الروابط الثابتة المتاحة التي يمكنك استخدامها وتغييرها.

موضوع بلدي الرخويات تسجيل الدخول

بمجرد الانتهاء من التعديل ، احفظ التغييرات وتحقق من صفحة تسجيل الدخول في الواجهة الأمامية.

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

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

بعض الرموز القصيرة المتاحة هي:

  • [موضوع تسجيل الدخول] - صفحة تسجيل الدخول
  • [theme-my-login action = "Register"] - صفحة التسجيل
  • [theme-my-login action = "lostpassword"] - فقدت صفحة كلمة المرور
  • [theme-my-login action = ”resetpass”] - إعادة تعيين صفحة كلمة المرور

ما عليك سوى إضافة الرمز القصير الذي تريده في المحرر الكلاسيكي أو محرر Gutenberg ونشر (أو تحديث) الصفحة.

صفحة تسجيل الدخول

هذا هو! هذه هي الطريقة التي يمكنك من خلالها تحرير صفحة تسجيل الدخول إلى WordPress باستخدام Theme My Login. إذا احتاج المستخدمون إلى تسجيل الدخول كثيرًا ، نوصيك بإضافة صفحة تسجيل الدخول إلى قائمة WordPress الخاصة بك.

1.2) مخصص صفحة تسجيل الدخول المخصصة

إذا كنت تريد المزيد من الميزات المتقدمة ولكنك لا تزال تريد مكونًا إضافيًا مجانيًا ، فإن Custom Login Page Customizer يناسبك. إنها أداة مخصصة أخرى تتيح لك تحرير صفحة تسجيل الدخول إلى WordPress دون استخدام أي رمز.

أولاً ، تحتاج إلى تثبيت المكون الإضافي وتنشيطه على موقع الويب الخاص بك بالانتقال إلى المكونات الإضافية> إضافة جديد .

تخصيص صفحة تسجيل الدخول إلى ووردبريس - تثبيت مخصص صفحة تسجيل الدخول

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

تخصيص صفحة تسجيل الدخول ووردبريس - أداة تخصيص تسجيل الدخول

بدلاً من ذلك ، يمكنك الوصول إلى Customizer من قسم Appearance عن طريق تحديد خيار Login Customizer .

تخصيص صفحة تسجيل الدخول إلى ووردبريس - خيارات مخصص تسجيل الدخول

على الجانب الأيسر ، سترى جميع الخيارات المتاحة ، بينما يمكنك معاينة نموذج تسجيل الدخول على الجانب الأيمن.

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

الخيارات التي يمكنك تخصيصها في نموذج تسجيل الدخول هي:

  • القوالب
  • خلفية
  • شعار
  • استمارة
  • مجالات
  • زر
  • آخر
  • CSS وجافا سكريبت مخصصة

إذا كنت لا ترغب في قضاء الوقت في تصميم صفحة تسجيل الدخول الخاصة بك من البداية ، يمكنك استخدام أحد القوالب.

تخصيص صفحة تسجيل الدخول إلى ووردبريس - القوالب

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

تخصيص صفحة تسجيل الدخول إلى ووردبريس - انشر التحديثات

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

أضف css أو javascript

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

تسجيل الدخول المحلي التجريبي

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

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

2) تخصيص صفحة تسجيل الدخول إلى WordPress برمجيًا

إذا كنت تفضل عدم تثبيت أدوات الجهات الخارجية وترميز الحل الخاص بك ، فيمكنك تحرير صفحة تسجيل الدخول برمجيًا. يمكنك لصق الشفرة داخل ملف function.php الخاص بالنسق أو استخدام مكون إضافي خاص بالموقع. في هذا العرض التوضيحي ، سنستخدم المكون الإضافي Code Snippets.

ملاحظة : إذا كنت ستقوم بتحرير ملف jobs.php مباشرة قبل أن تبدأ ، فننصحك بإنشاء نسخة احتياطية كاملة من موقعك وإنشاء سمة فرعية.

أولاً ، قم بتثبيت وتنشيط قصاصات التعليمات البرمجية على موقع الويب الخاص بك.

تثبيت البرنامج المساعد مقتطفات coe

الآن دعنا نرى نموذج التعليمات البرمجية التي يمكنك استخدامها.

 function quadlayers_login_logo () {؟>
<style type = "text / css">
#login h1 a، .login h1 a {
صورة الخلفية: url (https://www.example.com/image.png) ؛
الارتفاع: 100 بكسل ؛
العرض: 300 بكسل ؛
حجم الخلفية: 300 بكسل 100 بكسل ؛
تكرار الخلفية: لا تكرار ؛
الحشو السفلي: 10 بكسل ؛
}
</style>
<؟ php}
add_action ('login_enqueue_scripts'، 'quadlayers_login_logo') ؛

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

كيف تجد عنوان URL للصورة

العثور على عنوان URL للصورة أمر بسيط للغاية. بمجرد تحميل الصورة على موقع الويب الخاص بك ، افتح مكتبة الوسائط وحدد الصورة. على الجانب الأيمن ، سترى عنوان URL للصورة.

نسخ رابط الوسائط

انسخ عنوان URL للملف والصقه داخل الكود. على سبيل المثال ، سيكون الرمز النهائي باستخدام الصورة أعلاه هو:

 function quadlayers_login_logo () {؟>
<style type = "text / css">
#login h1 a، .login h1 a {
صورة الخلفية: url (http: //demo-inc.local/wp-content/uploads/2021/07/logo-wpf.png) ؛
الارتفاع: 100 بكسل ؛
العرض: 300 بكسل ؛
حجم الخلفية: 300 بكسل 100 بكسل ؛
تكرار الخلفية: لا تكرار ؛
الحشو السفلي: 10 بكسل ؛
}
</style>
<؟ php}
add_action ('login_enqueue_scripts'، 'quadlayers_login_logo') ؛

يمكنك أيضًا تخصيص الأبعاد ، ولكن في الوقت الحالي ، ما عليك سوى نسخ الرمز باستخدام عنوان URL الخاص بالصورة. الآن ، تحتاج إلى إنشاء مقتطف جديد باستخدام المكون الإضافي Code Snippets. انتقل إلى Snippets> Add New ، والصق الرمز ونشط المقتطف.

مقتطف php الشعار المخصص

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

شعار wpforms الجديد

إذا قمت بفحص الكود مرة أخرى ، فسترى أن هناك القليل من CSS لمنحه نمطًا معينًا. إذا كنت تفضل ذلك ، يمكنك إزالة الكود <style type = ”text / css”> </style> وإضافة كود CSS أدناه إلى ورقة أنماط السمة الخاصة بك أو داخل أداة التخصيص.

 #login h1 a، .login h1 a {
صورة الخلفية: url (http: //demo-inc.local/wp-content/uploads/2021/07/logo-wpf.png) ؛
الارتفاع: 100 بكسل ؛
العرض: 300 بكسل ؛
حجم الخلفية: 300 بكسل 100 بكسل ؛
تكرار الخلفية: لا تكرار ؛
الحشو السفلي: 10 بكسل ؛
}

ضع في اعتبارك أنك تحتاج إلى تعديل كود CSS وفقًا لمتطلباتك. الفئات التي تحتاج إلى العمل فيها هي:

 # تسجيل الدخول h1 أ

و

 .login h1 a

لقد نجحنا في تغيير شعار WordPress ، ولكن لا يزال عنوان URL للشعار يشير إلى مجال WordPress.org. ومع ذلك ، يمكنك تغيير ذلك بسهولة عن طريق إضافة برنامج نصي PHP صغير إلى ملف function.php أو استخدام مقتطفات التعليمات البرمجية.

أنشئ مقتطفًا جديدًا باستخدام المكون الإضافي Code Snippets والصق الكود أدناه.

 الوظيفة quadlayers_login_logo_url () {
return home_url () ،
}
add_filter ('login_headerurl'، 'quadlayers_login_logo_url') ؛

الوظيفة quadlayers_login_logo_url_title () {
إرجاع "اسم الموقع والمعلومات الخاصة بك" ؛
}
add_filter ('login_headertitle'، 'quadlayers_login_logo_url_title') ؛

تخصيص صفحة تسجيل الدخول إلى ووردبريس - الصق عنوان URL للشعار

بعد تنشيط مقتطف PHP ، سيكون عنوان URL للشعار هو اسم المجال الخاص بك.

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

3) مع بناة الصفحة

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

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

بمجرد تنشيط المكون الإضافي ، تحتاج إلى التحقق من مفتاح الترخيص.

تحقق من مفتاح ترخيص seedprod

سيتيح لك هذا الوصول إلى جميع القوالب المعدة مسبقًا. بعد التحقق من المفتاح ، انتقل إلى SeedProd> الصفحات واختر خيار صفحة تسجيل الدخول.

تخصيص صفحة تسجيل الدخول إلى ووردبريس - صفحة تسجيل الدخول

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

كل قوالب تسجيل الدخول

في هذا البرنامج التعليمي ، سنختار أحد القوالب. بمجرد تحديد قالب ، قم بتسميته.

صفحة تسجيل دخول جديدة

بعد ذلك ، ستتم إعادة توجيهك إلى منشئ الصفحة.

باني البذور

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

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

نموذج تسجيل الدخول المخصص

بعد تعديل الصفحة قم بنشرها.

تحقق الآن من الصفحة من الواجهة الأمامية ، وسترى صفحة تسجيل الدخول المخصصة حديثًا.

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

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

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

كيفية البحث عن عنوان URL لصفحة تسجيل الدخول إلى WordPress

يعد العثور على عنوان URL لتسجيل الدخول إلى WordPress أمرًا سهلاً. إذا كان لديك تثبيت WordPress عارية ، فيمكنك إضافة / wp-admin / إلى نهاية المجال وسيعيد توجيهك إلى لوحة تحكم WordPress. إذا لم يحدث ذلك ، يمكنك إضافة /wp-login.php إلى نهاية اسم المجال. على سبيل المثال ، إذا كان اسم المجال الخاص بك هو example.com ، فأدخل www.example.com/wp-admin/ أو www.example.com/wp-login.php في المتصفح.

في معظم الحالات ، ستعمل هاتان الطريقتان. بدلاً من ذلك ، يمكنك أيضًا محاولة إضافة / admin / أو / login / إلى نهاية اسم المجال.

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

الآن بعد أن عثرت على عنوان URL لصفحة تسجيل الدخول ، دعنا نرى كيفية تغيير عنوان URL لتسجيل الدخول.

كيفية تغيير عنوان URL لتسجيل الدخول إلى WordPress

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

في هذا القسم ، سنوضح لك كيفية تغيير عنوان URL الافتراضي لتسجيل الدخول إلى WordPress.

لجعل هذه العملية بسيطة قدر الإمكان ، سنستخدم المكون الإضافي WPS Hide Login. إنها إحدى أدوات الأمان الشهيرة وهي مجانية 100٪. أولاً ، قم بتثبيت وتفعيل المكون الإضافي على موقع الويب الخاص بك.

تخصيص صفحة تسجيل الدخول إلى WordPress - تثبيت وتفعيل إخفاء تسجيل الدخول إلى wps

بعد ذلك ، سترى إعدادات المكونات الإضافية ضمن قسم الإعدادات .

تخصيص صفحة تسجيل الدخول إلى WordPress - إخفاء إعدادات تسجيل الدخول إلى WPS

إنشاء عنوان URL جديد لصفحة تسجيل الدخول

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

تخصيص صفحة تسجيل الدخول إلى WordPress - إخفاء خيارات تسجيل الدخول إلى WPS

  • عنوان URL لتسجيل الدخول: هذا هو عنوان URL الجديد الخاص بمسؤول WordPress. بشكل افتراضي ، سيضيف المكون الإضافي تسجيل الدخول باعتباره الرابط الثابت. في هذه الحالة ، سيكون عنوان URL الجديد لتسجيل الدخول هو www.example.com/login . لا ينصح بالاحتفاظ بتسجيل الدخول كمسار افتراضي لمشرف WordPress. بدلاً من ذلك ، يجب عليك إضافة مسار فريد. على سبيل المثال ، إذا قمت بإضافة المدخل الرئيسي كمسار تسجيل الدخول ، فسيكون عنوان URL لصفحة تسجيل الدخول هو www.example.com/mainentry .
  • عنوان URL لإعادة التوجيه: إليك خيار آخر مفيد لإعادة توجيه المستخدمين غير المصرح لهم من صفحة wp-admin . كما تعلم ، يأتي WordPress مع الرابط الثابت wp-admin لصفحة تسجيل الدخول. إذا قمت بتعطيله ، فأنت بحاجة إلى إعداد إعادة التوجيه ، بحيث تتم إعادة توجيه كل حركة المرور غير المصرح بها إلى تلك الصفحة المحددة. على سبيل المثال ، يمكنك إعادة توجيهها إلى صفحة خطأ 404 أو منشور / صفحة مدونة مخصصة.

ما عليك سوى تغيير إعدادات المكون الإضافي وفقًا لذلك وحفظ الإعدادات. سترى تأكيدًا لعنوان URL الجديد لتسجيل الدخول.

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

لقد نجحت في تعديل عنوان URL الافتراضي لتسجيل الدخول إلى WordPress. لاختبار التكوين الجديد ، افتح نافذة التصفح المتخفي وأدخل عنوان URL الافتراضي لتسجيل الدخول إلى WordPress ( www.yourdomain.com/wp-admin ). إذا كان كل شيء يعمل بشكل صحيح ، فسيتم إعادة توجيهك إلى صفحة 404 التي قمنا بتكوينها كعنوان URL لإعادة التوجيه. للوصول إلى صفحة تسجيل الدخول ، تحتاج إلى إدخال عنوان URL الجديد لتسجيل الدخول الذي أنشأته للتو.

إذا كنت تبحث عن دليل أكثر تفصيلاً لتخصيص عنوان URL لصفحة تسجيل الدخول ، فراجع هذا الدليل الكامل.

استرجع عنوان URL لتسجيل الدخول

ماذا يحدث إذا قمت بتغيير عنوان URL لتسجيل الدخول ثم نسيته؟ والخبر السار هو أنه يحتوي على حل سهل. ما عليك سوى توصيل عميل FTP مثل FileZilla بالخادم الخاص بك والوصول إلى مجلد البرنامج المساعد WPS Hide Login وحذفه. بعد ذلك ، سيكون عنوان URL لتسجيل الدخول هو العنوان الافتراضي ( wp-admin ).

كيفية الحد من محاولات تسجيل الدخول

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

أولاً ، قم بتثبيت وتفعيل المكون الإضافي على موقع الويب الخاص بك.

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

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

تحديد إعدادات البرنامج المساعد محاولات تسجيل الدخول

قم بالتمرير لأسفل إلى قسم إعدادات التطبيق وسترى شيئًا مثل هذا:

تحديد إعدادات البرنامج المساعد محاولات تسجيل الدخول

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

يمكنك تعديل التكوين وفقًا لمتطلباتك. بمجرد أن تكون سعيدًا بالتغييرات ، احفظ الإعدادات.

تحديد محاولات تسجيل الدخول حفظ الإعدادات

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

محاولات فاشلة

وسيرى المستخدم أيضًا رسالة خطأ على الواجهة الأمامية مع محاولاتهم المتبقية.

مستخدم خاطئ أو كلمة مرور خاطئة

هذه طريقة رائعة لحماية موقع WordPress الخاص بك من المتسللين وهجمات القوة الغاشمة.

المكافأة: كيفية تغيير رسائل الخطأ الافتراضية

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

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

اسم المستخدم jane غير موجود

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

تخصيص صفحة تسجيل الدخول إلى ووردبريس - تم العثور على كلمة المرور

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

تغيير رسائل خطأ تسجيل الدخول

لتغيير رسائل خطأ تسجيل الدخول ، لا تحتاج إلى أي مكونات إضافية. باستخدام بضعة أسطر من كود PHP ، يمكنك تعطيل تلميحات تسجيل الدخول / رسائل الخطأ الافتراضية.

ملاحظة : نظرًا لأننا سنقوم بتحرير ملف function.php ، تأكد من عمل نسخة احتياطية كاملة لموقعك وتثبيت سمة فرعية قبل البدء.

أولاً ، انتقل إلى محرر السمات وافتح ملف function.php الخاص بالقالب الفرعي الخاص بك. ثم انسخ الكود أدناه.

 الوظيفة no_wordpress_errors () {
إرجاع "شيء ما خطأ!" ؛
}
add_filter ('login_errors'، 'no_wordpress_errors') ؛

كما ترى ، سيعرض الرمز رسالة تقول " هناك خطأ ما! "عندما يكون اسم المستخدم وكلمة المرور غير صحيحين.

الصقه داخل ملف function.php وقم بتحديثه.

تحديث ملف jobs.php

افتح الآن نافذة التصفح المتخفي وحاول الوصول إلى صفحة مسؤول WordPress ببعض اسم المستخدم وكلمة المرور العشوائيين.

هناك خطأ ما خطأ في تسجيل الدخول إلى ووردبريس

سيساعدك هذا في جعل موقعك أكثر أمانًا حيث لن يعرف المتسللون ما إذا كانت هناك مشكلة في اسم المستخدم أو كلمة المرور.

أضف CAPTCHA إلى صفحة تسجيل الدخول

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

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

في هذا القسم ، سنستخدم reCaptcha من BestWebSoft ، وهو ملحق CAPTCHA مجاني ممتاز.

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

إضافة كلمة التحقق إلى woocommerce تسجيل الدخول - نوع recaptcha

ثم انسخ مفتاح الموقع والمفتاح السري والصقه في إعدادات reCAPTCHA في لوحة معلومات WP. تأكد من أنك حددت نفس إصدار CAPTCHA الذي اخترته من قبل.

لصق مفتاح الموقع

بعد ذلك ، حدد الصفحات التي تريد عرض CAPTCHA فيها ، واحفظ الإعدادات وهذا كل شيء! سيكون موقعك أكثر أمانًا الآن.

للحصول على شرح أكثر تفصيلاً ، راجع الدليل الكامل من هذا الرابط.

استنتاج

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

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

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

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

لمزيد من الطرق لتخصيص موقعك ، ألق نظرة على البرامج التعليمية التالية:

  • WordPress تسجيل الدخول لا يعمل؟ كيف تصلحها
  • كيفية تخصيص نموذج التسجيل في ووردبريس
  • تعلم كيفية تحرير صفحة الشكر الخاصة بـ WooCommerce
  • كيفية تخصيص صفحة منتج WooCommerce
  • كيفية تحرير صفحة حسابي في WooCommerce

هل تعرف أي طريقة أخرى لتخصيص صفحة تسجيل الدخول إلى WordPress؟ ما الطريقة التي ستستخدمها؟ اسمحوا لنا أن نعرف في التعليقات أدناه.