صفحه ورود به سیستم وردپرس ، ما روش های مختلف و سفارشی را به شما نشان خواهیم داد. همچنین می توانید از این آموزش برای ایجاد یک صفحه ورود WooCommerce سفارشی نیز استفاده کنید.
اگر یک سایت عضویت در وردپرس یا یک فروشگاه آنلاین دارید ، بسیاری از کاربران شما اغلب صفحه ورود را می بینند. سفارشی کردن صفحه ورود پیش فرض وردپرس به شما امکان می دهد تجربه کاربری بهتری را ارائه دهید.

چرا باید یک صفحه ورود سفارشی وردپرس ایجاد کنید؟
وردپرس با یک سیستم قدرتمند مدیریت کاربر همراه است . با این کار کاربران می توانند در فروشگاه های تجارت الکترونیک ، وب سایت های عضویت یا وبلاگ حساب ایجاد کنند . به طور پیش فرض ، صفحه ورود به سیستم مارک و نشان وردپرس را نشان می دهد. اگر وبلاگ کوچکی را اداره می کنید یا تنها شخصی هستید که به مدیر دسترسی دارید این خوب است.
ایجاد صفحه ورود به وردپرس با استفاده از Theme My Login
اولین کاری که باید انجام دهید نصب و فعال سازی افزونه Theme My Login است. برای اطلاعات بیشتر ، به راهنمای گام به گام نحوه نصب افزونه وردپرس مراجعه کنید . پس از فعال شدن ، Theme My Login به طور خودکار URL هایی برای ورود ، ورود به سیستم ، ثبت نام ، رمز ورود فراموش شده و تنظیم مجدد رمز ورود شما ایجاد می کند. با مراجعه به صفحه عمومی ، ورود به سیستم ، می توانید این URL های ورود به وردپرس را سفارشی کنید . به قسمت "Slugs" بروید و این URL های مورد استفاده توسط افزونه را برای اقدامات ورود تغییر دهید.


ایجاد یک صفحه ورود سفارشی وردپرس با استفاده از WPForms
WPForms بهترین افزونه سازنده فرم وردپرس در بازار است. به شما اجازه می دهد تا به راحتی فرم های ورود و ثبت نام سفارشی را برای وب سایت خود ایجاد کنید. WPForms یک افزونه برتر وردپرس است و شما برای دسترسی به افزونه ثبت نام کاربر حداقل به برنامه حرفه ای آنها نیاز دارید. کاربران WPBeginner می توانند با استفاده از کد کوپن WPForms 50٪ تخفیف دریافت کنند : SAVE50 اولین کاری که باید انجام دهید نصب و فعال سازی افزونه WPForms است. پس از فعال سازی ، باید وارد صفحه تنظیمات » WPForms شوید تا کلید مجوز خود را وارد کنید. می توانید این اطلاعات را در حساب خود در وب سایت WPForms پیدا کنید.







طراحی صفحه فرم ورود به وردپرس خود را سفارشی کنید
به طور پیش فرض ، صفحه فرم ورود به سیستم وردپرس سفارشی شما از الگو و سبک صفحه تم شما استفاده خواهد کرد. این ابزارها دارای منوهای ناوبری ، سرصفحه ، پاورقی و نوار کناری موضوع شما هستند. اگر می خواهید کل صفحه را کاملاً تصاحب کنید و چیزی را از ابتدا طراحی کنید ، می توانید از یک افزونه صفحه ساز وردپرس استفاده کنید . با یک افزونه صفحه ساز ، می توانید یک صفحه آرایی سفارشی ایجاد کنید و سپس ویجت فرم ورود به سیستم را که توسط Theme My Login یا WPForms ارائه شده اضافه کنید. در تصویر زیر ، ما از پلاگین محبوب Beaver Builder استفاده کرده ایم . ما از یک تصویر پس زمینه در یک طرح تمام صفحه استفاده کردیم و سپس دو ستون اضافه کردیم. در یک ستون متن و یک دکمه اضافه کردیم. در ستون دیگر ، ویجت WPForms را اضافه کردیم.
نشان و ورود به سیستم وردپرس را تغییر دهید
شما همیشه نیازی به ایجاد صفحه ورود کاملاً سفارشی وردپرس برای وب سایت خود ندارید. در حقیقت ، بسیاری از وب سایت ها در حالی که هنوز از صفحه ورود به سیستم پیش فرض استفاده می کنند ، فقط آرم وردپرس و url آدرس را جایگزین می کنند. اگر می خواهید لوگوی وردپرس را در صفحه ورود به سیستم با آرم خود جایگزین کنید ، پس می توانید با استفاده از یک افزونه وردپرس یا با افزودن کد سفارشی به راحتی این کار را انجام دهید. ما هر دو روش را به شما نشان خواهیم داد که می توانید از روشی استفاده کنید که مناسب شما باشد.با استفاده از یک افزونه ، آرم ورود به سیستم وردپرس و URL را تغییر دهید
اولین کاری که باید انجام دهید نصب و فعال سازی Colorlib Login Customizer است پس از فعال شدن ، این پلاگین یک مورد جدید از منو با عنوان "ورود به سیستم Customizer" را به نوار کناری مدیر وردپرس اضافه می کند. با کلیک بر روی آن ، تنظیم کننده ورود به سیستم راه اندازی می شود.


بدون پلاگین (کد) نشان و ورود به سیستم وردپرس را تغییر دهید
این روش به شما امکان می دهد آرم وردپرس را در صفحه ورود به سیستم با آرم سفارشی خود جایگزین کنید . ابتدا باید آرم سفارشی خود را در کتابخانه رسانه بارگذاری کنید. به صفحه Media »افزودن جدید بروید و آرم سفارشی خود را بارگذاری کنید. پس از بارگذاری تصویر ، روی پیوند "ویرایش" در کنار آن کلیک کنید. این صفحه ویرایش رسانه را باز می کند ، جایی که شما باید URL فایل را کپی کرده و در یک فایل متنی خالی بر روی رایانه خود جای گذاری کنید. در مرحله بعدی ، باید کد زیر را به فایل functions.php قالب خود یا یک پلاگین مخصوص سایت اضافه کنید .function wpb_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(http://path/to/your/custom-logo.png);
height:100px;
width:300px;
background-size: 300px 100px;
background-repeat: no-repeat;
padding-bottom: 10px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

function wpb_login_logo_url() {
return home_url();
}
add_filter( 'login_headerurl', 'wpb_login_logo_url' );
function wpb_login_logo_url_title() {
return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'wpb_login_logo_url_title' );