کد تغییر لوگو، عنوان و لینک صفحه ورود (wp-login.php) وردپرس

صورت مسئله: نمایش لوگوی پیش‌فرض وردپرس و حس غریب برای مشتریان

هنگامی که کاربران، همکاران یا نویسندگان سایت به صفحه ورود (wp-login.php) مراجعه می‌کنند، با لوگوی بزرگ خاکستری وردپرس مواجه می‌شوند که با کلیک روی آن به سایت wordpress.org هدایت خواهند شد. شخصی‌سازی این صفحه با لوگوی رسمی برند شما، هویت حرفه‌ای کسب‌وکار را تقویت کرده و اعتماد کاربران را چند برابر می‌کند.

راهکار فنی و شیوه عملکرد کد

به‌جای نصب افزونه‌های سنگین تغییر ظاهر ادمین، با سه هوک بومی و سبک وردپرس (login_enqueue_scripts، login_headerurl و login_headertext)، استایل CSS لوگو، لینک و عنوان را در کمتر از ۱۰ خط کد تغییر می‌دهیم.

قطعه کد استاندارد سفارشی‌سازی صفحه ورود

کد زیر را به فایل functions.php اضافه کنید:

/*
 * Customize WordPress Login Screen Logo, URL, and Header Title
 * Replaces WordPress branding with custom website branding cleanly
 * Mahdi Jafarzadeh | WPWM
 */

// ۱. جایگزینی استایل لوگو با CSS
add_action('login_enqueue_scripts', function () {
    // آدرس لوگوی خود را در خط زیر وارد کنید
    $logo_url = get_stylesheet_directory_uri() . '/assets/images/logo.png';
    ?>
    
        #login h1 a, .login h1 a {
            background-image: url('') !important;
            height: 70px !important;
            width: 200px !important;
            background-size: contain !important;
            background-position: center center !important;
            background-repeat: no-repeat !important;
        }
    
    <?php
});

// ۲. تغییر لینک لوگو به صفحه اصلی سایت خودتان
add_filter('login_headerurl', function () {
    return home_url('/');
});

// ۳. تغییر هاور تایتل لوگو به نام وب‌سایت
add_filter('login_headertext', function () {
    return get_bloginfo('name');
});

نحوه استفاده و محل قرارگیری کد

1. لوگوی خود را در پوشه تصاویر قالب یا در کتابخانه رسانه آپلود نمایید.
2. آدرس آن را در خط ۵ کد بالا قرار دهید و کد را در functions.php ذخیره کنید.
3. به آدرس yoursite.com/wp-login.php رفته و از نتیجه لذت ببرید.

نکات مهم ایمنی و نگهداری

• این کد هیچ تداخلی با کپچا، کدهای ورود دو مرحله‌ای یا افزونه‌های ورود پیامکی ایجاد نمی‌کند.
• برای نمایش بهتر در صفحات رتینا، از تصویر با ابعاد ۲ برابر (مثلاً 400×140 پیکسل) با فرمت WebP یا PNG استفاده فرمایید.

💡 به دنبال راه‌اندازی پنل اختصاصی ورود با پیامک هستید؟ خدمات نصب و تنظیم افزونه‌های جانبی وردپرس و طراحی اختصاصی سایت در خدمت شماست.