اگر شما هم به دنبال این هستید که صفحه ورود به پنل مدیریت وردپرس خود را به طور کامل مطابق با سلیقه و نیازهای خود شخصی‌سازی کنید، این راهنما دقیقاً برای شما نوشته شده است. در این مقاله، به تمام جنبه‌های شخصی سازی صفحه ورود وردپرس پرداخته‌ایم و هر چیزی که می‌توانید در آن تغییر دهید را به شما آموزش می‌دهیم. با چند کد ساده PHP، امکان ایجاد تغییرات قابل‌توجه در ظاهر و عملکرد این صفحه را خواهید داشت تا تجربه ورود شما هم امن‌تر و هم کاربر پسندتر شود.
پنل مدیریت وردپرس، یا همان پیشخوان، جایی است که شما کنترل کامل بر روی سایت خود دارید. معمولا برای ورود به این بخش از آدرس‌های زیر استفاده میشود:
- Domain.com/wp-admin
- Domain.com/wp-login.php
- Domain.com/login
به عنوان مدیر سایت، این آدرس‌ها شما را به صفحه ورود هدایت می‌کنند، جایی که می‌توانید با استفاده از اطلاعات کاربری خود به پنل مدیریت دسترسی داشته باشید. اما این صفحه پیش‌فرض وردپرس بسیار ساده است و بسیاری از صاحبان سایت‌ها دوست دارند با شخصی‌سازی آن، امنیت، سرعت، و ظاهر بهتری ایجاد کنند.
در این مقاله، یاد می‌گیرید که چگونه می‌توانید بخش‌های مختلف این صفحه را متناسب با نیازهای خود تغییر دهید. از تغییر در رنگ‌ها و لوگو گرفته تا افزودن لایه‌های امنیتی و بهبود سرعت بارگذاری، همه چیز قابل تنظیم است. با انجام این تغییرات، نه تنها صفحه ورود به پنل مدیریت وردپرس جذاب‌تری خواهید داشت، بلکه به امنیت و بهینه‌سازی کلی سایت خود نیز کمک کرده‌اید.
غیرفعال کردن گزینه تغییر زبان در صفحه ورود به وردپرس
از نسخه 5.9، وردپرس یک گزینه تغییر زبان به صفحه ورود اضافه کرده است. این انتخابگر به مدیران اجازه می‌دهد که زبان صفحه ورود را به دلخواه تغییر دهند، اما این تغییرات فقط برای همان صفحه ورود اعمال میشود و تأثیری روی زبان اصلی سایت یا داشبورد وردپرس ندارد. در واقع، این ویژگی برای سایت‌هایی که مدیران، زبان‌ها و ملیت‌های مختلف دارند، مفید است، اما برای سایت‌هایی که مدیران آن‌ها از یک زبان و ملیت هستند، ممکن است کمی دست‌وپاگیر باشد و تنها باعث شلوغی صفحه ورود شود.
برای حذف این انتخابگر زبان از صفحه ورود، می‌توانید کد زیر را در فایل functions.php قالب یا پوسته فرزند سایت خود قرار دهید. اگر تمایلی به ویرایش مستقیم فایل‌ها ندارید، می‌توانید از افزونه‌هایی مانند FluentSnippets، Code Snippets یا WPCode استفاده کنید تا این کد را به آسانی اضافه کنید.
add_filter ( ‘login_display_language_dropdown’, ‘__return_false’ );
پس از اعمال این کد، بدون نیاز به نصب افزونه‌ای، به راحتی گزینه انتخاب زبان از صفحه ورود حذف میشود.
شخصی‌سازی لوگو صفحه ورود به پنل مدیریت وردپرس
برای بسیاری از سایت‌ها و برندها، نمایش لوگوی پیش‌فرض وردپرس در صفحه ورود به پنل مدیریت وردپرس اصلاً جذاب نیست. ممکن است شما هم تصمیم گرفته‌اید که به جای آن، لوگوی اختصاصی کسب‌وکار خود را قرار دهید. برای این کار، کافی است کد PHP زیر را در فایل functions.php یا در افزونه‌ای مانند FluentSnippets قرار دهید:
function wpb_login_logo() { ?>
<style type=”text/css”>
#login h1 a, .login h1 a {
background-image: url(http://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’ );
در کد فوق، به جای http://logo.png، باید آدرس لوگوی مورد نظر خود را وارد کنید. شما می‌توانید از تصاویری با فرمت‌های مختلف مانند SVG، WebP، AVIF، JPG و PNG استفاده کنید. همچنین، می‌توانید مقادیر height و background-size را بر اساس ابعاد و نسبت تصویر خود تنظیم کنید. به عنوان مثال، می‌توانید در سایت خود تصویر یک تیک سبز رنگ با فرمت SVG را به عنوان لوگو در صفحه ورود به پنل مدیریت وردپرس قرار دهید. به همین راحتی می‌توانید شخصی سازی صفحه ورود را انجام دهید و تغییرات لازم را اعمال کنید.
شخصی سازی صفحه ورود: حذف لوگو
اگر تصمیم دارید لوگوی وردپرس را به طور کامل از صفحه ورود به پیشخوان حذف کنید، می‌توانید از کد زیر استفاده نمایید. با این کار، لوگوی پیش‌فرض وردپرس دیگر در این صفحه نمایش داده نخواهد شد:
function remove_wordpress_logo_in_login() { ?>
<style type=”text/css”>
body.login div#login h1 a {
background-image: none;
background-size: 0 0;
height: 0;
margin: 0 auto 0;
width: 0;
}
</style>
<?php
}
تغییر آدرس لینک لوگو در صفحه ورود به پنل مدیریت وردپرس
به طور پیش‌فرض، وقتی بر روی لوگوی صفحه ورود به پیشخوان وردپرس کلیک می‌کنید، به سایت wordpress.org هدایت می‌شوید. این موضوع ممکن است برای شما مورد پسند نباشد و بخواهید با کلیک بر روی لوگو، کاربر به صفحه اصلی سایت خود یا هر آدرس دیگری که انتخاب کرده‌اید، ارجاع داده شود.
برای انجام این تغییر، می‌توانید از کد زیر استفاده کنید و به جای http://www.example.com، آدرس دلخواه خود را قرار دهید:
add_filter( ‘login_headerurl’, ‘my_custom_login_url’);
function my_custom_login_url($url) {
return ‘http://www.example.com’;
}
افزودن پیام شخصی به صفحه ورود به پنل مدیریت وردپرس
اگر تمایل دارید یک پیغام شخصی به صفحه ورود به پیشخوان وردپرس اضافه کنید، می‌توانید به سادگی از کد زیر استفاده کنید:
function custom_login_message() {
$message = ‘<p class=”message”>Welcome, if you haven\’t already read our <a href=”#”>terms of service</a> please do so before you register.</p><br />’;
return $message;
}
add_filter(‘login_message’, ‘custom_login_message’);
اگر از پس‌زمینه خاکستری پیش‌فرض صفحه ورود به داشبورد وردپرس کلافه شده‌اید و به دنبال تغییر آن به یک تصویر یا رنگ دلخواه هستید، می‌توانید از کدهای مخصوص استفاده کنید. این کدها به شما این امکان را می‌دهند که تصویر یا رنگ مورد نظر خود را به راحتی به پس‌زمینه اضافه کنید و ظاهر این صفحه را مطابق با سلیقه خود تغییر دهید.
function my_login_page_custom_bg_image() {
$bgImageUrl = ‘https://cusmin-bg.jpg’;
?>
<style type=”text/css”>
body{
background-image:url(‘<?php echo $bgImageUrl; ?>’) !important;
background-size:cover !important;
background-position:center center !important;
}
</style>
<?php }
add_action( ‘login_enqueue_scripts’, ‘my_login_page_custom_bg_image’ );
در نهایت، برای استفاده از تصویر پس‌زمینه دلخواه، باید آدرس دقیق تصویر خود را به جای “https://cusmin-bg.jpg” وارد کنید.
همچنین، با استفاده از کد زیر و تنظیم آن، می‌توانید یک پس‌زمینه با رنگ و طرح گرادینت ایجاد کنید:
function my_custom_login() {
?>
<style>
/* Body style */
body {
background: linear-gradient(0deg, #0b4182 1%, #1e88e5 100%) fixed;
}
</style>
<?php
}
add_action(‘login_head’, ‘my_custom_login’);
با استفاده از کد PHP بالا برای تغییر رنگ پس‌زمینه صفحه ورود به داشبورد وردپرس، شاهد تغییر ظاهری ملموس در این صفحه خواهید بود.
حذف واژه وردپرس از عنوان صفحه ورود به داشبورد ادمین
برای حذف کلمه وردپرس از عنوان صفحه ورود، می‌توانید از یک فیلتر در فایل functions.php استفاده کنید. با افزودن قطعه کد زیر، عنوان صفحه به “ورود – نام سایت شما” تغییر می‌کند.
<title>ورود ‹ نام سایت شما — وردپرس</title>
برای حذف عبارت “وردپرس” و دو خط فاصله کناری آن و همچنین بهبود شیوه نمایش آن، می‌توانید از کد زیر استفاده کنید:
function custom_admin_login_title($admin_title, $title) {
return get_bloginfo(‘name’).’ ‘.$title;
}
add_filter(‘login_title’, ‘custom_admin_login_title’, 10, 2);
این کد باعث میشود عنوان صفحه ورود به پنل مدیریت وردپرس به شکل زیر تغییر کند:
نام سایت شما – ورود
نحوه حذف لینک “رمز عبورتان را گم کرده‌اید” از صفحه ورود به داشبورد
در صفحه ورود مدیر وردپرس، لینکی با عنوان “رمز عبورتان را گم کرده‌اید؟” وجود دارد. این لینک به کاربران و مدیران سایت اجازه می‌دهد در صورت فراموش کردن رمز عبور، روی آن کلیک کنند تا به صفحه “بازیابی رمز عبور” هدایت شوند. در آنجا می‌توانند با وارد کردن نام کاربری یا ایمیل خود، لینک تغییر رمز عبور را در ایمیلشان دریافت کنند.
جهت حذف لینک “رمز عبورتان را گم کرده‌اید؟” می‌توانید از کدهای زیر بهره بگیرید:
// Remove Lost Password Link
function vpsb_remove_lostpassword_text ( $text ) {
if ($text == ‘رمز عبورتان را گم کرده‌اید؟’){$text = ”;}
return $text;
}
add_filter( ‘gettext’, ‘vpsb_remove_lostpassword_text’ );
اما این پایان کار نیست؛ کاربران هنوز می‌توانند با استفاده از لینک زیر به صفحه بازیابی رمز عبور دسترسی پیدا کنند، حتی اگر لینک “رمز عبورتان را گم کرده‌اید؟” را حذف کرده باشند.
http://www.example.com/wp-login.php?action=lostpassword
برای جلوگیری از دسترسی به صفحه “بازیابی رمز عبور”، می‌توانید از کد زیر استفاده کنید تا لینک مربوطه را غیرفعال کنید:
// Disable Password Reset URL & Redirect
function vpsb_disable_lost_password() {
if (isset( $_GET[‘action’] )){
if ( in_array( $_GET[‘action’], array(‘lostpassword’, ‘retrievepassword’) ) ) {
wp_redirect( wp_login_url(), 301 );
exit;
}
}
}
add_action( “login_init”, “vpsb_disable_lost_password” );
با استفاده از این دو کد، هم لینک “رمز عبورتان را گم کرده‌اید؟” از صفحه ورود به پنل مدیریت وردپرس حذف شده و هم دسترسی به صفحه بازیابی رمز عبور مسدود میشود.
نحوه حذف لینک رفتن به سایت ( go to site) از صفحه ورود به پیشخوان وردپرس
در صفحه ورود به داشبورد وردپرس، لینکی به نام “رفتن به سایت” (Go to Site) قرار دارد که با کلیک بر روی آن، کاربر به صفحه اصلی سایت منتقل میشود.
برای حذف لینک “رفتن به سایت” از صفحه ورود پیشخوان وردپرس، می‌توانید از کد زیر بهره ببرید:
function remove_site_link($link) {
return ”;
}
add_filter(‘login_site_html_link’, ‘remove_site_link’);
تغییر مدت اعتبار گزینه “Remember Me” در فرم ورود به وردپرس
وقتی در صفحه ورود وردپرس گزینه “مرا به خاطر بسپار” را انتخاب می‌کنید، یک کوکی در مرورگر شما ایجاد میشود. این کوکی حاوی اطلاعاتی است که به شما امکان ورود خودکار به حساب کاربری را می‌دهد.
بطور پیش‌فرض، مدت اعتبار این کوکی ۱۴ روز است. اما می‌توانید این مدت را تغییر دهید. برای این کار باید کدی را در فایل functions.php قالب وردپرس خود اضافه کنید. این کد، تابعی را تعریف می‌کند که مدت اعتبار کوکی را تنظیم می‌کند. می‌توانید مدت زمان دلخواه خود (مثلا ۳۰ روز) را به جای ۱۴ در کد قرار دهید. با اضافه کردن این کد، هر بار که کاربر گزینه “مرا به خاطر بسپار” را انتخاب کند، کوکی با مدت اعتبار جدید ایجاد میشود.
به این ترتیب، می‌توانید مدت زمان ذخیره شدن اطلاعات ورود کاربر در مرورگر را به دلخواه تغییر دهید:
function custom_remember_me_expiration( $expiration ) {
return 60 * 60 * 24 * 30; // 30 days
}
add_filter( ‘auth_cookie_expiration’, ‘custom_remember_me_expiration’ );
این کد مدت زمان اعتبار کوکی را به 30 روز تنظیم می‌کند، اما می‌توانید این مقدار را به هر بازه زمانی که مد نظر شما است، تغییر دهید. به طور پیش‌فرض، گزینه “به خاطر بسپارید” فعال نیست و کاربر باید به صورت دستی آن را انتخاب کند. اما اگر کاربرانی دارید که معمولا این گزینه را فراموش می‌کنند، می‌توانید با استفاده از کد زیر، این گزینه را به طور خودکار فعال کنید:
function login_checked_remember_me() {
add_filter( ‘login_footer’, ‘rememberme_checked’ );
}
add_action( ‘init’, ‘login_checked_remember_me’ );
function rememberme_checked() {
echo “<script>document.getElementById(‘rememberme’).checked = true;</script>”;
}
اگر سوالاتی در مورد این مقاله یا مطالبی که به آن اشاره شده دارید، یا اگر موارد دیگری وجود دارد که فکر می‌کنید باید به مقاله شخصی سازی صفحه ورود به پنل مدیریت وردپرس اضافه شوند، لطفاً در بخش نظرات همین مقاله با ما در ارتباط باشید. ما در اسرع وقت به سوالات شما پاسخ خواهیم داد و تلاش می‌کنیم که نیازهای شما را در محتوای مقاله گنجانده و بهبود بخشیم.
در نظر داشته باشید تغییر بخش ها و کد های سایت در صورتی که اشنایی کافی نسبت به بخش های گوناگون نداشته باشید میتواند باعث اسیب به ساختار کلی وبسایت شما گردد. بدین جهت پیشنهاد میشود حتمی قبل از هر گونه تغییر با کارشناسان بخش پشتیبانی فنی در ارتباط باشید.
