วันนี้ลองมาเปลี่ยนโลโก้หน้าเข้าสู่ระบบ (log in) ของ WordPress กันดีกว่า ^^ สำหรับเพื่อนๆ ที่กำลังมองหา plugin ถ้ามาเจอบทความนี้ก็ไม่จำเป็นต้องใช้ plugin ในการเปลี่ยนแล้วครับ ^^ ก่อนอื่นก็สร้างไฟล์ stylesheet (login.css) ขึ้นมาก่อน แล้วก็เพิ่ม css ข้างล่างนี้เข้าไปครับ
#login h1 a { background-image: url(ลิงค์โลโก้ของเราครับ) !important; }
พอสร้างเสร็จก็อัพโหลดไปที่โฟลเดอร์ธีมที่เราใช้อยู่ครับ เช่น ตอนนี้ผมใช้ธีม zbench อยู่ ผมก็ต้องอัพโหลดไฟล์ login.css ไปที่
โฟลเดอร์หลักของ wordpress/wp-content/themes/zbench/login.css
จากนั้นก็เพิ่มโค้ด PHP เข้าไปในไฟล์ functions.php ที่อยู่ภายในโฟลเดอร์ของ themes ที่เราใช้ครับ
โฟลเดอร์หลักของ wordpress/wp-content/themes/zbench/functions.php
เพื่อนๆ อาจจะใช้ FTP client ในการแก้ไขหรือจะแก้ไขผ่าน editor ของ WordPress เลยก็ได้นะครับ โดยเพิ่มโค้ดข้างล่างนี้เข้าไปครับ
//เปลี่ยนโลโก้หน้าเข้าสู่ระบบ function custom_login_logo() { wp_enqueue_style( 'custom_login_logo', get_template_directory_uri() . '/login.css' ); } add_action('login_head', 'custom_login_logo');
เท่านี้ก็เรียบร้อยแล้วครับ ข้อควรระวังก็คือ ใส่ลิงค์ของโลโก้ให้ถูกต้องครับ ^^