มาเปลี่ยนโลโก้หน้า Log in WordPress เป็นโลโก้ของเรากันดีกว่า!

04 ส.ค. 2019

4425

เมื่อเราจะทำการล็อกอินเข้าสู่ระบบเว็บไซต์ที่ทำมาจาก WordPress จะต้องเข้าสู่หน้า wp-login ซึ่งหน้าตามันก็จะเป็นมาตรฐานของ WordPress ประมาณนี้

ซึ่งมันก็ดูดีเลยทีเดียว แต่! มีสิ่งที่ขัดหูขัดตาอยู่ก็คือ Logo ของ WordPress

ซึ่งถ้าเป็นเว็บของเรา เราคงอยากจะนำรูปภาพที่เป็น Logo ของเว็บไปขึ้นโชว์ ถูกไหม?

มันมีวิธีง่ายๆอยู่ด้วยกัน 2 วิธี คือ

1.ใช้ปลั๊กอินช่วย

วิธีนี้ช่างง่ายดายเพียงเราติดตั้งปลั๊กอินที่มีชื่อว่า Custom Login Page Customizer | LoginPress แล้วทำการเปลี่ยนโลโก้ที่ระบบของมัน เพียงแค่นี้เราก็ได้ Logo เว็บของเรามาแทนที่ Logo ของ WordPress แล้ว

แต่ปัญหาก็คือ อย่างที่เรารู้กันดี ยิ่งลงปลั๊กอินเท่าไหร่ WordPress ก็ยิ่งช้าเท่านั้น ซึ่งแค่การเปลี่ยนโลโก้นิดหน่อย มันก็ไม่น่าจะต้องถึงขนาดลงปลั๊กอินเพิ่มเลยใช่ไหมครับ งั้นเรามาดูข้อ 2 กันดีกว่า

2.แก้โค้ดในไฟล์ธีม

วิธีนี้อาจฟังดูยากขึ้นมาหน่อย แต่ถ้าทำเพื่อแลกกับความเร็วของ WordPress แล้วล่ะก็ เรื่องแค่นี้คงไม่เท่าไหร่เลยสินะ

เรามาดูกันดีกว่าว่าต้องแก้ยังไง ที่ไฟล์ไหน

1.ไปที่ไฟล์ functions.php ที่อยู่ในโฟลเดอร์ธีมที่เราใช้อยู่

2.จากนั้นเพิ่ม function นี้ลงไป

function custom_login_logo() {
    echo '
    <style type="text/css">
        h1 a { 
            background-image: url('.get_template_directory_uri().'/images/logo.png) !important; 
            background-size: contain !important;
            width: 100% !important;
            height: 100px !important;
        }
    </style>
    ';
}
add_action( 'login_head', 'custom_login_logo' );

เราจะต้องนำไฟล์ logo.png ไปไว้ใน โฟลเดอร์ธีมของเรา/images/logo.png
หรือถ้าอยากใช้ URL รูปเต็มๆเลยก็ได้ แค่นำ URL ไปแทนที่ ‘.get_template_directory_uri().’/images/logo.png