Tùy biến trang đăng nhập admin trong WordPress

1. Thay đổi đường dẫn đăng nhập Admin trong WordPress

Mặc định, đường dẫn vào khu đăng nhập admin của các trang web xây dựng bằng WordPress luôn là http://webcuaban.com/wp-admin hoặc chính là http://webcuaban.com/wp-login.php

Để thay đổi đường dẫn này nhằm tăng tính bảo mật, tránh các cặp mắt tò mò của hacker, cách đơn giản nhất là dùng plugin. iThemes Security là một trong số các plugin mà bạn nên dùng.

2. Thay đổi đường dẫn logo Admin

Tại trang đăng nhập admin, khi người quản trị click vào logo WordPress sẽ được dẫn tới trang chủ http://wordpress.org. Nếu bạn muốn thay đổi đường dẫn này, ví dụ thay bằng chính địa chỉ trang web của chúng ta, thì hãy chèn đoạn code sau vào file functions.php:

PHP Code:
1
2
3
4
5
// Thay doi duong dan logo admin
function wpc_login_logo_url() {
    return get_bloginfo( 'url' ); // duong dan vao website cua ban
}
add_filter('login_headerurl', 'wpc_login_logo_url');

3. Thay đổi tiêu đề logo Admin

Để thay đổi tiêu đề khi di chuột qua logo WordPress, bạn chèn đoạn code sau cũng trong file functions.php:

PHP Code:
1
2
3
4
5
// Thay doi tieu de logo admin
function cwwp_login_logo_title( $title ) {
	    return get_bloginfo( 'title' );
}
add_filter( 'login_headertitle', 'cwwp_login_logo_title' );

4. Thay đổi logo, hình nền…

Để thay đổi logo, hình nền cũng như những thành phần khác trong trang admin, bạn nên tạo một file css riêng, ví dụ login.css và thêm đoạn code sau vào file functions.php:

PHP Code:
1
2
3
4
5
// Thay doi logo admin wordpress
function login_css() {
    wp_enqueue_style( 'login_css', get_template_directory_uri() . '/login.css' ); // duong dan den file css moi
}
add_action('login_head', 'login_css');

Bên trong file login.css, bạn thêm các đoạn code CSS này vào và tùy biến theo ý của mình:

CSS Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#login h1 a {
    background: url(images/logo.png) no-repeat center center !important;
    width: auto;
}
 
body.login {
    /* chèn code css vào đây */	
}
.login #nav a, .login #backtoblog a {
    /* chèn code css vào đây */	
}
.login #nav a:hover, .login #backtoblog a:hover {
    /* chèn code css vào đây */	
}

Nếu bạn ngại code thì có thể sử dụng các plugin cho nhanh, còn không, mấy đoạn code này cũng đơn giản và dễ hiểu đúng không các bạn? Chúc các bạn thành công!

Tài liệu tham khảo, từ khóa tìm kiếm:

Thay đổi giao diện đăng nhập admin cho WordPress
Cách thay đổi đường dẫn đăng nhập Wp-Admin WordPress
CHANGE THE LOGIN LOGO URL AND URL TITLE IN WORDPRESS
– Admin Customization plugin, Admin Customization WordPress plugin

Cheers,

AZDigi - Hosting WordPress tốt nhất!
The following two tabs change content below.
Tôi là kỹ sư Cơ khí, kỹ sư CNTT trường ĐH Bách Khoa Hà Nội. Tôi hoạt động trong lĩnh vực CNTT, bao gồm Software Development, Web Design, Web Development, Interactive Multimedia and Mobile App, Mobile Game Development. Tôi rất yêu công nghệ và tôi lập ra trang web này để chia sẻ kiến thức về công nghệ với mọi người.

Bình luận

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

*
*
Website