صفحه اصلی > آموزش وردپرس : چطور صفحه لاگین و عضویت وردپرس را تغییر دهیم؟

چطور صفحه لاگین و عضویت وردپرس را تغییر دهیم؟

تغییر لاگین و عضویت وردپرس

صفحه ورود پیش فرض وردپرس بسیار ساده است و در بسیاری از موارد نیاز است که با قالب ما هماهنگ شود. تصور کنید چندین نویسنده یا همکار در سایت شما لاگین می کنند. بهتر نیست این صفحه کمی خلاقانه و جذابتر باشد؟ در این مطلب می خواهیم به شما مراحل تغییر صفحه لاگین وردپرس را آموزش دهیم. دو روش کلی برای تغییر صفحه رورد به پیشخوان وردپرس وجود دارد:

  • ساخت صفحه لاگین بوسیله کدنویسی
  • استفاده از افزونه فرم ساز برای تغییر لاگین وردپرس

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

تغییر صفحه لاگین وردپرس - سفارشی سازی صفحه ورود پروپرس

آموزش تغییر صفحه لاگین وردپرس

1: طراحی صفحه لاگین وردپرس

برای طراحی صفحه اختصاصی ورود خود در ابتدا یک فایل php در مسیر قالب وردپرس خود بسازید. نام این فایل را restaurant-layout-login.php گذاشته ایم. این فایل را می توانید در notppad ایجاد کنید. سپس تکه کد زیر را درون آن قرار دهید.

تغییر صفحه لاگین وردپرس - طراحی و کدنویسی صفحه لاگین

<?php
// template name: Login Page
get_header();
?>

کدهای خط دوم برای معرفی این صفحه به عنوان قالب صفحه با نام Login Page است. و خط سوم هم محتوای هدر را در صفحه اضافه می کند.

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

<div class=”container”><div class=”box-center-form”>

<h1 class=”box-heading”>

ورود کاربر

</h1>

<div class=”login-form-container”>

<?php if(is_user_logged_in()) {

echo _e(کاربر گرامی در حال حاضر لاگین شده اید.’, ‘wpschool-login’ );

} else { ?>

<?php

wp_login_form(

array(

‘label_username’ => __( ‘نام کاربری’, ‘wpschool-login’ ),

‘label_password’ => __( ‘رمز عبور’, ‘wpschool -login’ ),

‘label_log_in’ => __( ‘ورود’, ‘wpschool -login’ ),

‘redirect’ => $_REQUEST[‘redirect_to’],

)

);

?>

<a class=”forgot-password” href=”<?php echo wp_lostpassword_url(); ?>”>

<?php _e( ‘رمز خود را فراموش کرده اید؟’, ‘wpschoool-login’ ); ?>

</a>

<?php } ?>

</div>

</div>

</div>
</div >

در این مرحله می توانید استایل دلخواه خود را در style.css یا rtl.css قالب اضافه کنید. فونت، رنگ، لینک های فراموشی رمز و … نیز در همین بخش باید اضافه شود.

2: انجام تنظیمات برای تغییر صفحه لاگین وردپرس

در پیشخوان به تنظیمات وارد شوید. از بخش پیوندهای یکتا در بخش عمومی نام نوشته را انتخاب و ذخیره کنید.

تغییر صفحه لاگین - تنظیمات پیوند یکتا در سفارشی سازی صفحه ورورد وردپرس

حالا نوبت به ایجاد یک برگه در وردپرس می رسد. برای اینکار از پیشخوان> برگه ها> افزودن جدید را انتخاب کنید. یک عنوان برای این برگه انتخاب کنید، مثلا user-login  سپس از بخش ویژگی های قالب نام Login Page  را انتخاب کنید. انتشار را کلیک کنید.

برروی پیش نمایش کلیک کنید. می بینید شما صفحه لاگینی دارید که دقیقا در قالب فعال و به همراه هدر شما نمایش داده می شود.

تغییر صفحه ورود وردپرس - تغییر صفحه لاگین

3. اضافه کردن فرم ورود به وردپرس در function.php

در این مرحله از تغییر صفحه لاگین وردپرس باید فرم قبلی را غیر فعال کنید. سپس کدهای لازم خود را به آن اضافه کنید.

add_action( ‘login_form_login’, ‘redirect_to_ restaurant-layout-login’);

function redirect_to_ restaurant-layout-login() {

if ( $_SERVER[‘REQUEST_METHOD’] == ‘GET’ ) {

$redirect_to = isset( $_REQUEST[‘redirect_to’] ) ? $_REQUEST[‘redirect_to’] : null;

if ( is_user_logged_in() ) {

redirect_logged_in_user( $redirect_to );

exit;

}

// The rest are redirected to the login page

$login_url = home_url( ‘user-login’ );

if ( ! empty( $redirect_to ) ) {

$login_url = add_query_arg( ‘redirect_to’, $redirect_to, $login_url );

}

 

wp_redirect( $login_url );

exit;

}

}

function redirect_logged_in_user( $redirect_to = null ) {

$user = wp_get_current_user();

if ( user_can( $user, ‘manage_options’ ) ) {

if ( $redirect_to ) {

wp_safe_redirect( $redirect_to );

} else {

wp_redirect( admin_url() );

}

} else {

wp_redirect( home_url() );

}

}

تابع خط اول باعث اجرا شدن تابع ما می شود. بعد از لاگین شدن باید به کدام صفحه رفت؟ در ادامه کدهای مربوطه را درج می کنیم.

add_filter( ‘login_redirect’, ‘redirect_after_login’ , 10, 3 );

function redirect_after_login( $redirect_to, $requested_redirect_to, $user ) {

$redirect_url = home_url();

if ( ! isset( $user->ID ) ) {

return $redirect_url;

}

if ( user_can( $user, ‘manage_options’ ) ) {

// Use the redirect_to parameter if one is set, otherwise redirect to admin dashboard.

if ( $requested_redirect_to == ” ) {

$redirect_url = admin_url();

} else {

$redirect_url = $requested_redirect_to;

}

} else {

// Non-admin users always go to their account page after login

$redirect_url = home_url();

}

return wp_validate_redirect( $redirect_url, home_url() );

}

کد نمایش خطاهای هنگام ورود را در زیر مشاهده می کنید.

add_filter( ‘authenticate’, ‘maybe_redirect_at_authenticate’ , 101, 3 );

function maybe_redirect_at_authenticate( $user, $username, $password ) {

if ( $_SERVER[‘REQUEST_METHOD’] === ‘POST’ ) {

if ( is_wp_error( $user ) ) {

$error_codes = join( ‘,’, $user->get_error_codes() );

$login_url = home_url( ‘user-login’ );

$login_url = add_query_arg( ‘login’, $error_codes, $login_url );

 

wp_redirect( $login_url );

exit;

}

}

return $user;

}

پیام خروج کاربر از حساب کاربری و پیغام های خطاهای لاگین و خروج از حساب کاربری است.

add_filter( ‘authenticate’, ‘maybe_redirect_at_authenticate’ , 101, 3 );
function maybe_redirect_at_authenticate( $user, $username, $password ) {
if ( $_SERVER[‘REQUEST_METHOD’] === ‘POST’ ) {
if ( is_wp_error( $user ) ) {
$error_codes = join( ‘,’, $user->get_error_codes() );
$login_url = home_url( ‘user-login’ );
$login_url = add_query_arg( ‘login’, $error_codes, $login_url );
wp_redirect( $login_url );
exit;
}
}
return $user;
}
add_action( ‘wp_logout’, ‘redirect_after_logout’ );
function redirect_after_logout() {
$redirect_url = home_url( ‘user-login?logged_out=true’ );
wp_safe_redirect( $redirect_url );
exit;
}

نکته: یک روش دیگر تغییر کدهای مورد نیاز در فایل function.php است که مستقیما صفحه لاگین وردپرس پیش فرض را تغییر می دهد. در اینجا از بیان آن صرفنظر می کنیم.

اگر شما قصد دارید قالب اختصاصی خود را برای فروش آماده کنید، سفارشی سازی صفحه لاگین و رجیستر یکی از کارهایی است که به جذابیت قالب شما می افزاید. اگر با روش های کسب درامد از وردپرس اطلاعات کافی ندارید، می توانید مقاله درآمد میلیاردی از وردپرس در سایت راست‌چین را مطالعه کنید. این مطلب با ارائه ارقام و اعداد واقعی و قابل محاسبه در راست چین می تواند برای برنامه نویسان php و علاقه مندان به وردپرس جذاب باشد.

تغییر صفحه لاگین وردپرس با استفاده از افزونه

شاید کدنویسی و طراحی برای شما کار ساده ای نباشد و یا زمان انجام آنرا نداشته باشید. در ادامه افزونه هایی معرفی می شود که می توانید به سادگی فرم ورود و ثبت نام پیش فرض وردپرس را تغییر دهید.

افزونه WPForms

یکی از قوی ترین و ساده ترین پلاگین های ساخت فرم تماس با ما در وردپرس wp forms است. این پلاگین در دو نسخه رایگان و پریمیوم عرضه می شود.  این افزونه به شما اجازه می دهد فرم های سفارشی برای ورورد و ثبت نام بسازید. این فرم ساز قابلیت ایجاد فرم های عضویت چند مرحله ای را به شما می دهد.

افزونه Custom Login Page Customizer

شما می توانید فرم ورود و ثبت نام وردپرس را در شیوه های مختلف تغییر دهید. افزونه Custom Login Page Customizer به شما اجازه می دهد که صفحه ی ورود سفارشی خود را با استفاده از Customizer طراحی کنید.

افزونه Prevent Concurrent Logins

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

شما نیز مانند بسیاری از صاحبان کسب و کار می خواهید با حساب کاربری لینکدین یا گوگل خود وارد سایت شوند؟ افزونه LinkedIn Login به شما این اجازه را می دهد. افزونه های جانبی دیگری برای ورود بوسیله سایر شبکه های اجتماعی وجود دارد. که می توانید در مخزن وردپرس و یا برای دریافت نسخه فارشی شده آنها به سایت راست چین مراجعه کنید.

افزونه Theme My Login

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

مبحث امنیت را در سایت های وردپرسی و بلاخص صفحه ورود نباید فراموش کرد. یکی از پلاگین های کاربردی برای ورود به پیشخوان Login Lockdown، که کار قفل کردن صفحه ورود را بعد از چندین بار تلاش ناموفق انجام می دهد. البته در صورتی که از افزونه های امنیتی مثل افزونه IThemes security pro استفاده می کنید، می توانید در تنظیمات این کار را انجام دهید.

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

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

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

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

منابع یادگیری php؛ معرفی بهترین و بروزترین منابع دنیا

به گزارش ویجیاتو زبان برنامه‌نویسی PHP یکی از محبوب ترین زبان های…

۱۴۰۲-۱۲-۲۳

8 افزونه کاربردی برای سایت فروشگاهی

برای اضافه کردن امکانت جدید به سایت کافیست از افزونه های وردپرس…

ساخت برگه در وردپرس

با ابزارهای آماده طراحی سایت  کار طراحیسایت بسیار آسان شده بخصوص با…

۱۴۰۱-۱۰-۲۹

دیدگاهتان را بنویسید