[WordPress] เปลี่ยนโลโก้และ URL ในหน้า Login

เมื่อเข้าหน้า Login สำหรับเว็บที่ใช้ WordPress นั้น เราจะเจอโลโก้ WordPress และเมื่อคลิ๊กที่โลโก้ก็จะลิงก์ไปยังเว็บ WordPress.org แต่ถ้าเราอยากจะเปลี่ยนโลโก้กับ URL ให้ลิงก์มาที่เว็บเราละ ทำแบบนี้ครับ

[WordPress] เปลี่ยนโลโก้และ URL ในหน้า Login [1]

หน้า Login ของเว็บที่ใช้ WordPress ที่เราเห็นตามปรกติ

เปลี่ยนโลโก้หน้า Login

โลโก้ในหน้า Login นั้น เป็นการดึงรูปมาจาก /wp-admin/images/logo-login.png ซึ่งเราสามารถนำรูปโลโก้ที่เราต้องการไปวางแปะแทนที่ก็ได้ หรือใช้วิธีนี้ครับ เข้าไปที่ functions.php ใน theme ของเรา แล้วนำ code นี้ไปวางครับ

[php]
function custom_css_login() {
echo ‘<link rel="stylesheet" type="text/css" href="’ . get_bloginfo(‘stylesheet_directory’) . ‘/customlogin.css" />’;
}

add_action(‘login_head’, ‘custom_css_login’);
[/php]

คือการให้ในส่วนของ login เรียกใช้งาน customlogin.css ด้วย (จาก code เราต้องสร้าง customligin.css ใน path เดียวกับ style.css นะครับ ^^)

หลังจากที่ให้หน้า login เรียกใช้งาน customlogin.css แล้ว ก็มาจัดการกับส่วนโลโก้เลยครับ

[css]
#login h1 {
background:url(http://rabbitinblack.com/wp-content/uploads/concrete_wall.png);
margin:0 0 10px 8px;
}
#login h1 a {
background: url(images/logo.png) no-repeat center center;
width: 153px;
height: 78px;
text-indent: -9999px;
overflow: hidden;
padding: 15px 0;
display: block;
margin:0 auto;
}
[/css]

อันนี้เป็น CSS ที่ผมกำหนดเพื่อให้ผลลัพธ์ออกมาเป็นแบบนี้นะครับ

[WordPress] เปลี่ยนโลโก้และ URL ในหน้า Login [2]

หน้า Login ที่เปลี่ยนไป

ซึ่งตัว CSS ก็แล้วแต่จะปรับแก้กันเลยนะครับ >_<

เปลี่ยน URL ของโลโก้

ตามปรกติตัวโลโก้นั้น ก็จะลิงก์ไปยังเว็บของ WordPress เอง แต่เราอยากเปลี่ยนให้ลิงก์ไปหน้าแรกของเว็บเรา ก็ทำแบบนี้ครับ แปะ code นี้ในส่วนของ functions.php นะครับ

[php]
function change_login_headerurl( $login_url ) {
return get_bloginfo( ‘siteurl’ );
}
add_filter( ‘login_headerurl’, ‘change_login_headerurl’ );
[/php]

เพียงเท่านี้ ลิงก์ของโลโก้เราก็จะลิงก์ไปยังหน้าแรกของเว็บเราแล้วครับ

7 responses to “[WordPress] เปลี่ยนโลโก้และ URL ในหน้า Login”

  1. tudut says:

    แล้วถ้าข่มขืน Code ด้วยการ อัพรูปที่มีชืื่อไฟล์เดียวกับโลโก้ของ wordpress ขึ้นไปแทนที่เลยได้ไหมครับ..??

    • Anonymous says:

      ได้ครับ แต่ url ที่กดไป ก็ยังเป็น wordpress.org อยู่ดีครับ

  2. Succeedmodel1 says:

    สวัสดีค่ะ ขอถามหน่อยว่าเผลอไปเปลี่ยนชท่อ URL แล้วไม่สามารถเข้า wordpressได้ ต้องทำยังไงคะ 

    • rabbitinblack says:

       แบบนี้ต้องไปแก้ที่ database อะครับ ถ้าไม่งั้นแล้วก็คงต้องลงใหม่ละครับ

  3. Nop Ma says:

    ขอบคุณคร๊าฟ

  4. ขอบคุณคร๊าบบบบ

Leave a Reply

Your email address will not be published. Required fields are marked *