[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(https://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]

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


Posted

in

by

Tags:

Comments

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

  1. tudut Avatar

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

    1.  Avatar
      Anonymous

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

  2. Succeedmodel1 Avatar
    Succeedmodel1

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

    1. rabbitinblack Avatar
      rabbitinblack

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

  3. Nop Ma Avatar

    ขอบคุณคร๊าฟ

  4. Songpol Sangsakoo Avatar

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

Leave a Reply

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