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

چرا باید صفحه ورود وردپرس را شخصی‌سازی کنیم؟

1. برندسازی حرفه‌ای: نمایش لوگوی کسب‌و‌کار شما به جای لوگوی وردپرس، حس اعتماد بیشتری به کاربران و مشتریان منتقل می‌کند.

2. تجربه کاربری (UX): وقتی کاربر روی لوگو کلیک می‌کند، به جای سایت وردپرس، به صفحه اصلی سایت خودتان هدایت می‌شود.

3. امنیت بیشتر: با تغییر المان‌های پیش‌فرض، ردپای سیستم مدیریت محتوا را برای هکرهای آماتور کمرنگ می‌کنید.

مرحله اول: تغییر لوگوی صفحه ورود وردپرس

برای جایگزین کردن لوگوی خودتان، کد زیر را به انتهای فایل functions.php قالب اضافه کنید. (فراموش نکنید که آدرس تصویر لوگوی خود را در کد زیر جایگزین کنید):

function s7r_custom_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(https://your-site.com/logo.png);
            height: 100px;
            width: 320px;
            background-size: contain;
            background-repeat: no-repeat;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 's7r_custom_login_logo' );

مرحله دوم: تغییر لینک لوگو (Redirect Link)

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

function s7r_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 's7r_login_logo_url' );

مرحله سوم: تغییر متن (Title) لوگو

وقتی موس را روی لوگو نگه می‌دارید، عبارت “Powered by WordPress” نمایش داده می‌شود. برای تغییر این متن به نام سایت خودتان، از کد زیر استفاده کنید:

function s7r_login_logo_url_title() {
    return 'به وب‌سایت سون ریپلای خوش آمدید';
}
add_filter( 'login_headertext', 's7r_login_logo_url_title' );

نکته امنیتی: تغییر آدرس ورود (wp-admin)

تغییر لوگو فقط جنبه زیبایی دارد، اما برای امنیت، پیشنهاد می‌شود آدرس ورود را از wp-login.php به یک عبارت اختصاصی تغییر دهید. برای این کار می‌توانید از افزونه‌های سبکی مثل WPS Hide Login استفاده کنید تا دسترسی هکرها به صفحه ورود را مسدود کنید.

سوالات متداول (FAQ)

۱. سایز استاندارد لوگوی صفحه ورود چقدر است؟ بهترین سایز معمولاً عرض ۳۲۰ پیکسل است. اما با تغییر مقادیر height و width در کدهای CSS بالا، می‌توانید آن را با لوگوی خود تنظیم کنید.

۲. آیا با آپدیت وردپرس این تغییرات پاک می‌شوند؟ خیر، اگر کدها را در فایل functions.php قالب یا چایلد‌تم قرار دهید، این تغییرات با آپدیت هسته وردپرس باقی می‌مانند.

آیا مایل هستید آموزش کامل تغییر استایل و رنگ‌بندی کل صفحه ورود (پس‌زمینه و دکمه‌ها) را هم برایتان بنویسم؟