نحوه ایجاد صحیح یک صفحه ورود سفارشی در وردپرس (مرحله به مرحله)

نحوه ایجاد یک صفحه ورود به سیستم سفارشی در وردپرس


تا به حال نمی دانید که آیا می توانید یک صفحه ورود به سیستم را در وردپرس ایجاد کنید?

ایجاد یک صفحه ورود به سیستم سفارشی به شما کمک می کند تا یک نام تجاری سازگار را در اختیار کاربران خود قرار دهید که ظاهر حرفه ای تری به سایت شما می دهد.

در این مقاله ، ما به شما نشان می دهیم چگونه می توانید یک صفحه ورود به سیستم را در وردپرس ایجاد کنید.

ایجاد صفحه ورود به سیستم وردپرس سفارشی – فهرست مطالب

چرا یک صفحه ورود به سیستم سفارشی ایجاد می کنید?

اگر شما یک وب سایت تحت تأثیر جامعه مانند یک انجمن ، سایت عضویت ، شبکه اجتماعی طاقچه یا هر وب سایت دیگری را که کاربران نیاز به ثبت نام یک حساب کاربری و ورود به سیستم دارند ، در حال اجرا هستید ، پس باید یک صفحه ورود به سیستم سفارشی ایجاد کنید.

صفحه پیش فرض ورود به سیستم WordPress عمومی و کسل کننده به نظر می رسد. با داشتن یک صفحه ورود به سیستم ، می توانید تمام عناصر موجود در صفحه را در اطراف فرم شخصی سازی کنید.

اگر صفحه ورود به سیستم سفارشی دارید ، در صورت تمایل می توانید صفحه ورود پیش فرض را مخفی کنید. این می تواند اسپم ورود را کاهش داده و سایت وردپرس شما را ایمن نگه دارد.

انتخاب افزونه مناسب برای ایجاد یک صفحه ورود به سیستم سفارشی

در مخزن رسمی افزونه وردپرس ، می توانید ده ها پلاگین مختلف پیدا کنید که به شما کمک می کند تا به راحتی یک صفحه ورود به سیستم سفارشی بسازید. در این مقاله ، ما به 2 افزونه مختلف خواهیم پرداخت: WPForms و ورود به سیستم.

WPForms را انتخاب کنید اگر به یک افزونه کامل وردپرس نیاز دارید که به شما کمک می کند انواع اشکال آنلاین را با سهولت ، از جمله فرم ثبت نام ، فرم پرداخت ، فرم تماس با ما و غیره بسازید..

چند مزیت WPForms عبارتند از:

  • ورود به سیستم را به گونه ای تنظیم کنید که می خواهید بدون محدودیت انجام دهید.
  • فرم ورود خود را در هر پست یا صفحه منتشر کنید.
  • فرم ورود به سیستم را در نوار کناری یا حتی در پاورقی ابزارک قرار دهید.

انتخاب موضوع ورود به سیستم اگر می خواهید یک صفحه ورود به راحتی با سهولت ایجاد کنید.

در زیر چند ویژگی از موضوع ورود من:

  • برای ایجاد یک صفحه ورود به سیستم سفارشی ، هیچ پیکربندی لازم نیست.
  • به طور خودکار صفحه ورود پیش فرض را پنهان می کند و به صفحه ورود به تازگی ایجاد شده هدایت می شود.
  • با ویجت ورود به سیستم سفارشی ، پیوند صفحه ورود به سیستم را در نوار کناری خود اضافه کنید.

نکته منفی این است که ، بر خلاف WPForms ، موضوع ورود من به شما اجازه نمی دهد فرم ورود خود را در هر جای سایت خود جاسازی کنید ، و منحصراً در صفحه ورود به سیستم ظاهر خواهید شد. از آنجا که این یک افزونه کاملاً برجسته مانند WPForms نیست ، امکان شخصی سازی فرم ورود به سیستم محدود است.

روش 1: استفاده از WPForms برای ایجاد صفحه ورود

WPForms

بیایید نگاهی به نحوه ایجاد یک صفحه ورود به سیستم با WPForms بیاندازیم.

مرحله 1: WPForm ها را در سایت خود نصب کنید

اولین کاری که باید انجام دهید نصب و فعال سازی است افزونه WPForms. با پیمایش به کلید مجوز خود را تأیید کنید WPForms »تنظیمات. می توانید از طریق وب سایت WPForms کلید مجوز را از حساب خود دریافت کنید.

برای اینکه بتوانید یک صفحه ورود به سیستم سفارشی با WPForms ایجاد کنید ، باید آن را نصب کنید افزونه ثبت نام کاربر با رفتن به WPForms »افزونه‌ها. کلیک Addon را نصب کنید در کنار Addon ثبت نام کاربر و سپس بر روی فعال سازی کلیک کنید.

پس از فعال شدن افزونه ، می توانید پیش بروید و با استفاده از WPForms فرم ورود کاربر ایجاد کنید.

مرحله 2: یک فرم ورود به سیستم سفارشی ایجاد کنید

با سازنده قدرتمند کشیدن و رها کردن WPForms ، می توانید فقط در چند دقیقه و نه چند ساعت و بدون نوشتن یک خط کد ، یک فرم ورود به سیستم بسازید.

برای ایجاد یک فرم ورود ، به این قسمت بروید WPForms »افزودن جدید. در صفحه تنظیم فرم ، باید موارد را انتخاب کنید فرم ورود کاربر قالب برای ایجاد یک فرم ورود.

الگوی فرم ورود کاربر

اکنون سازنده فرم را مشاهده می کنید که می توانید زمینه های ورود به سیستم را اضافه کنید ، شخصی سازی و حذف کنید. به طور پیش فرض ، الگوی فرم ورود به سیستم زمینه های فرم زیر را اضافه می کند: نام کاربری و کلمه عبور.

فرم ورود کاربر در وردپرس

می توانید با کلیک کردن روی آن در صفحه ساز ، هر فیلد را سفارشی کنید. سپس می توانید تنظیمات مورد نظر خود را در پانل سمت چپ انجام دهید.

مرحله 3: پیکربندی فرم

برای پیکربندی تنظیمات کلی ، می توانید به آنجا بروید تنظیمات »عمومی. در این صفحه می توانید نام فرم ، توضیحات ، ارسال متن دکمه و غیره را سفارشی کنید.

فرم ورود به سیستم تنظیمات عمومی

شما مجبور نیستید کاری انجام دهید اطلاعیه برگه فرم ورود به سیستم سفارشی خود را. به طور پیش فرض ، اعلان ها خاموش هستند ، بنابراین هر وقت شخصی به سایت شما وارد شود ، ایمیلی دریافت نمی کنید.

هنگامی که یک کاربر از طریق فرم ورود به سیستم شخصی شما وارد سیستم می شود ، در صفحه اصلی وب سایت شما فرود می آید. در صورت تمایل می توانید URL تغییر مسیر را تغییر دهید تأیید مجدد URL تغییر مسیر رشته.

صفحه ورود به سیستم تنظیمات تأیید

مرحله 4: فرم وردپرس خود را منتشر کنید

یکی از اصلی ترین مزایای استفاده از WPForms برای ایجاد فرم ورود به سیستم این است که به شما امکان می دهد فرم خود را در هر کجای سایت خود از جمله پست ، صفحات ، ابزارک های نوار کناری یا مناطق بالا و پایین صفحه نصب کنید..

بیایید نگاهی به نحوه انتشار فرم خود در پست ها یا صفحات بیاندازیم.

یک پست یا صفحه جدید در WordPress ایجاد کنید و سپس بر روی آن کلیک کنید + نماد در ویرایشگر بلوک گوتنبرگ. می توانید بلاک WPForms را جستجو کرده و بر روی آن کلیک کنید.

فرم ها را اضافه کنید

در مرحله بعد ، فرم ورود به سیستم خود را در بلوک WPForms انتخاب کنید و به طور خودکار در پست / صفحه شما بارگیری می شود.

فرم ورود را انتخاب کنید

پس از افزودن فرم می توانید پست / صفحه خود را منتشر کنید.

همچنین می توانید فرم ورود به سیستم را به شرح زیر به ویجت نوار کناری خود اضافه کنید. سر به سمت ظاهر »ابزارک ویجت WPForms را به نوار کناری خود اضافه کنید.

ویجت فرم ورود

فرم ورود به سیستم سفارشی خود را در تنظیمات ویجت انتخاب کرده و روی آن کلیک کنید صرفه جویی دکمه برای ذخیره تغییرات.

روش 2: با استفاده از موضوع ورود من برای ایجاد صفحه ورود

قالب پلاگین ورود من

ورود به سیستم افزونه انتشار فرم ورود به سیستم را در سایت وردپرس بسیار آسان می کند. برای ایجاد یک صفحه ورود ساده ، تنها کاری که باید انجام دهید نصب و فعال سازی افزونه Theme My ورود است.

این افزونه بدون هیچ تنظیمات دیگری از جعبه خارج کار می کند.

اما اگر نیاز به تنظیمات افزونه دارید ، می توانید از منوی Theme My ورود در داشبورد وردپرس خود کلیک کنید.

تنظیمات ورود به سیستم

سپس می توانید انواع ورود و ثبت نام را تغییر دهید. همچنین می توانید صفحات URL را برای ورود ، خروج از سیستم ، ثبت نام ، رمز عبور از دست رفته و بازنشانی صفحات تنظیم کنید.

روش 3: سفارشی کردن صفحه ورود وردپرس موجود بدون پلاگین

اگر ترجیح می دهید تغییرات ایجاد کرده یا یک ظاهر طراحی سفارشی را نسبت به ایجاد یک نام تجاری جدید به صفحه ورود خود اضافه کنید ، در اینجا نحوه انجام این کار آمده است.

به سادگی این کد را به پرونده های function.php یا یک افزونه مخصوص سایت اضافه کنید:

اگر این اولین بار است که می توانید قطعه های کد را در وردپرس اضافه کنید ، لطفاً به راهنمای ما در مورد چگونگی افزودن صحیح قطعات در وردپرس مراجعه کنید ، بنابراین به طور تصادفی سایت خود را خراب نمی کنید.

// صفحه ورود به سیستم سفارشی
تابع clp_login_head ()

اکو ”؛ // شروع سبک های سفارشی
echo ‘.login #nav a، .login #backtoblog a {color: #! مهم؛ ‘؛ // رنگ لینک صفحه ورود
echo ‘.login h1 a {زمینه: url ("” get_bloginfo (‘stylesheet_directory’). ‘/ تصاویر / تصویر اینجا را کلیک کنید")؛ عرض: px؛ قد: px؛ ‘؛ // آرم صفحه ورود
echo ‘.login .button-basic {زمینه: #؛ رنگ لبه:#؛ ‘؛ // رنگ دکمه صفحه ورود
اکو ”؛ // پایان سبک های سفارشی

}
add_action (‘login_head’ ، ‘clp_login_head’)؛

می توانید CSS و URL تصویر را در کد بالا تغییر دهید تا یک ظاهر طراحی دلخواه خود را برای صفحه ورود به WordPress اضافه کنید.

روش 4: فرم ورود به سیستم وردپرس را در هر نقطه و بدون پلاگین نمایش دهید

اگر می خواهید فرم ورود به سیستم وردپرس را در هر صفحه ، نوار کناری یا ناحیه پاورقی نمایش دهید ، می توانید این کد را به پرونده الگوی تم خود اضافه کنید:

دقیقاً مانند روش فوق ، اگر برای اولین بار قطعه کد را به WordPress اضافه می کنید ، لطفاً به راهنمای ما در مورد چگونگی افزودن قطعه کد به صورت صحیح در وردپرس مراجعه کنید ، بنابراین به طور تصادفی سایت خود را خراب نمی کنید..

<?پی اچ پی
wp_login_form ()؛
?>

کد فوق فقط صفحه ورود به سیستم وردپرس را در مکانی که اضافه می کنید کد نمایش می دهد. در صورت ، می توانید یک صفحه فرم وردپرس سفارشی با فیلدها و گزینه های اضافی اضافه کنید ، می توانید از این کد استفاده کنید:

<?php $ arg = array (
‘echo’ => درست است، واقعی,
‘تغییر مسیر’ => ‘http://wpsnipp.com’,
‘form_id’ => ‘فرم ورود’,
‘label_username’ => __( ‘نام کاربری’ ),
‘label_password’ => __( ‘کلمه عبور’ ),
‘label_remember’ => __( ‘مرا به خاطر بسپار’ ),
‘label_log_in’ => __( ‘وارد شدن’ ),
‘id_username’ => ‘ورود کاربر’,
‘id_password’ => ‘user_pass’,
‘id_remember’ => ‘مرا به خاطر بسپار’,
‘id_submit’ => ‘wp-ارسال’,
‘به یاد داشته باشید’ => درست است، واقعی,
‘value_username’ => خالی,
‘value_remember’ => نادرست)؛
wp_login_form ($ args)؛
?>

خودشه!

امیدواریم این راهنما به شما در ایجاد صفحه ورود به سیستم در WordPress کمک کند. اگر این مقاله را دوست داشتید ، همچنین می توانید مقاله ما را در مورد بهترین پلاگین های فرم تماس با وردپرس بخوانید.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map