สวัสดีครับวันนี้ผมจะมาสอนการเปลี่ยน Logo Login wordpress สำหรับใครที่ต้องการจะใช้หน้านี้เป็นหน้าที่ใช้ในการเข้าสู่ระบบ หรือ สมัครสมาชิก แต่เราต้องการจะเปลียน รูป Logo เป็นของเราเอง เราจะทำอย่างไร โดยวิธีการทำก็จะมีหลายที่วิธี ที่เลือกใช้ได้ แต่วิธีที่ผมจะมาสอนคือ การเพิ่มโค๊ดใน Function Theme เพราะว่ามันเพิ่มคำสั่งแค่นิดเดียว และ ไม่ต้องติดตั้ง Plugin เพิ่ม สำหรับวิธีการทำ เราไป ดูกันเลยครับ
วิธีการทำ
เรามาเริ่มกันเลย ครับ ลำดับแรก ให้ เราทำการ Upload ไฟล์ Logo ของเราที่ต้องการที่จะเปลียนโดยปกติ Logo จะเป็นสีเหลียมจัตุรัส แต่ถ้าใครต้องการให้ เป็น Logo แนว สี่เหลี่ยมผืนผ้า ก็สามารถปรับแต่ CSS เข้าไปได้เลยครับ เพิ่มคำสั่งต่อไปจากคำสั่งที่ผม ยกตัวอย่างไว้ เอาล่ะครับ หลังจาก Upload ไฟล์ เสร็จแล้วก็ ให้ทำการ Copy โค๊ดตัวอย่างที่ผม ใส่ไว้ด้านล้าง ไปวางไว้ใน function.php ในโฟเดอร์ Theme ที่เราใช้งาน ให้ทำการไปวางต่อท้าย ของคำสั่งทั้งหมด ที่มีอยู่ใน function.php อยู่แล้ว เพื่อป้องกันการเกิดปัญหาที่จะทำให้โค๊ดบางคำสั่งไม่ทำงาน หลังจาก ที่ นำไป Paste เรียบร้อย ให้ทำการเปลี่ยน URL รูปภาพ ในคำสั่ง “background-image” และนำ URL ที่อยู่ของของไฟล์ Logo ที่เรา ต้องการจะเปลี่ยนมาเพิ่ม เท่านี้ Logo Login ใน WordPress ก็จะเปลี่ยนเป็น Logo ของเราแล้วครับ
function my_login_logo_one() {
?>
<style type="text/css">
body.login div#login h1 a {
background-image: url(https://ที่อยู่ของไฟล์ในเว็บไซต์/ชื่อไฟล์.png); //Add your own logo image
padding-bottom: 30px;
}
</style>
<?php
} add_action( 'login_enqueue_scripts', 'my_login_logo_one' );
หลังจากดำเนินการเรียบร้อย หน้าตาของ Logo ที่เปลี่ยนจะออกมาประมาณนี้ครับ
หลังจากที่ทำการใส่ โค๊ด ถูกต้องให้ทำการลองทดสอบเรียก URL https://www.ชื่อเว็บไซต์.com/wp-login.php ว่าเมื่อมีการเข้า wp-login.php แล้ว Logo ที่เราใส่ไว้เปลียนหรือป่าว ถ้ายังไม่เปลี่ยนแต่คิดว่าใส่ URL ถูกต้องแน่นอน ให้ทำการ Clear Browser Cache ดูครับผม สำหรับใครที่เป็นมือใหม่ยังไม่เข้าใจว่าใส่ตรงไหน ลองคอมเม้นไว้ได้เลยครับ หรือทักมาถามใน Facebook FanPage ก็ได้ครับผม
