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

در این آموزش قصد داریم بدون استفاده از هیچ افزونه‌ای و تنها با چند خط کد ساده، لوگوی صفحه wp-login.php را تغییر دهیم.

 
چرا باید لوگوی صفحه ورود را تغییر دهیم؟
✔ افزایش اعتبار برند
✔ ظاهر حرفه‌ای‌تر برای سایت
✔ حس یک سیستم اختصاصی و مستقل
✔ سبک‌تر از روش‌های افزونه‌ای

اگر به طراحی قالب‌ها و سفارشی‌سازی وردپرس علاقه داری، پیشنهاد می‌کنم حتماً پست معرفی قالب پزشکی مدیو (Medio) را هم ببینی. این قالب یکی از گزینه‌های عالی دنیای وردپرس است و در پست آن ویژگی‌ها را کامل بررسی کرده‌ام.

 
مرحله ۱: آپلود لوگوی اختصاصی در وردپرس
ابتدا لوگوی خودت را در بخش رسانه آپلود کن:

پیشخوان > رسانه > افزودن

سپس روی تصویر کلیک کن و URL فایل لوگو را کپی کن. این لینک را بعداً در کد جایگزین خواهیم کرد.

 
مرحله ۲: افزودن کد تغییر لوگو در فایل functions.php
برای این‌کار کافی است کد زیر را داخل فایل functions.php قالب یا قالب فرزند خود قرار بدهی:

function rolfa_custom_login_logo() {
    ?>
    <style type="text/css">
        #login h۱ a {
            background-image: url('https://example.com/logo.png'); /* لینک لوگو */
            background-size: contain;
            width: ۲۰۰px;
            height: ۱۲۰px;
        }
    </style>
    <?php
}
add_action('login_enqueue_scripts', 'rolfa_custom_login_logo');

🔹 لینک تصویر را جایگزین کن
🔹 اگر ابعاد لوگو متفاوت است، width و height را تغییر بده

 
مرحله ۳: تغییر لینک و متن لوگو
به‌صورت پیش‌فرض اگر روی لوگوی وردپرس کلیک کنید وارد سایت WordPress.org می‌شوید. با کد زیر لینک را تغییر می‌دهیم:

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

function rolfa_login_logo_title() {
    return 'بازگشت به سایت Rolfa.ir';
}
add_filter('login_headertext', 'rolfa_login_logo_title');

 

آیا این کار روی امنیت وردپرس تأثیر دارد؟

تغییر لوگوی صفحه ورود تأثیر امنیتی مستقیم ندارد اما:

✔ ظاهر صفحه ورود شما را از حالت پیش‌فرض وردپرس خارج می‌کند
✔ در ترکیب با روش‌های امنیتی دیگر می‌تواند مفید باشد

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

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

اگر نیاز داری لوگوی اختصاصی سایتت یعنی rolfa.ir را روی صفحه ورود قرار بدهم، کافی است فایل لوگو را بفرستی تا نسخه اختصاصی همان کد را برات تولید کنم.