Home / WordPress / Hướng dẫn / Thay đổi giao diện đăng nhập admin cho WordPress

Thay đổi giao diện đăng nhập admin cho WordPress

Thay đổi giao diện đăng nhập và logo quản trị admin cho WordPress

thay-doi-giao-dien-admin-wordpress

1. Thay đổi giao diện đăng nhập quản trị admin

Bạn mở file .htaccess thêm vào trên cùng như sau :

Trong đó, bạn thay thegioitinhoc tên bạn tùy thích , và thay thế đường link website của mình vào

 

2. Thay đổi  logo hình nền đăng nhập  quản trị

Tương tự bạn chèn đoạn code này vào  function.php để thay thế logo trong trang đăng nhập wordpress. Bạn có thể hiểu đoạn code này thêm vào 1 file css cho trang đăng nhập admin. Bạn tạo một file css mới với tên tùy thích (ở đây mình đặt là login.css), ngang hàng với style.css trong theme của bạn. Không nên chèn trực tiếp vào style.css vì sẽ load chậm hơn. Nhớ sửa đường dẫn file css của bạn lại nhé

// Thay doi logo admin wordpress
functionlogin_css() {
wp_enqueue_style( 'login_css', get_template_directory_uri() . '/login.css'); // duong dan den file css moi
}
add_action('login_head', 'login_css');

+ Tiếp theo copy và paste đoạn code css sau vào file login.css vừa tạo khi nãy, nhớ thay đổi đường dẫn đến logo của bạn. Lưu ý chiều ngang mặc định là 312px và cao là 67px các bạn nha. Nếu logo của bạn không trùng với kích thước này thì bạn phải điều chỉnh thêm padding, margin trong css để cho vị trí logo đặt vào sao cho đẹp nhất.
#login h1a {
background: url("<a href="http://quocmarketing.com/wp-content/themes/henry/images/logo.png">images/logo.png</a>") no-repeat!important;
}
Nếu bạn muốn thay đổi màu nền hay hình nền trang đăng nhập thì có thể thêm đoạn css bên dưới vào login.css, ví dụ trên trang Blog cá nhân của mình như sau
body.login {background:#008800}
Tương tự, khi bạn thay đổi màu nền và hình nền thì có lẽ màu của các text không còn phù hợp nữa, bạn thêm code css sau để sửa lại các text bên dưới trang đăng nhập, các bạn có thể tùy biến lại màu sắc sao cho đẹp nhất nhé. Code của mình như sau:
.login #nav a, .login #backtoblog a {color:#fff!important;text-shadow:none;text-decoration:none}
.login #nav a:hover, .login #backtoblog a:hover {color:#ccc!important;
Lưu ý : Google search từ khóa background thì các bạn đã có sẵn một thư viện đồ sộ rồi, có thể thay đổi tùy ý nhé.

Ngoài ra còn 1 số plugin dành cho bạn nào không dành code

Admin Customization

Memphis Custom Login

 

 

Check Also

CuteFTP Pro 8 Full crack win xp và win 7

Số người xem bài viết 380 Cute FTP Professional là một phần mềm để chuyển …

 
error: Content is protected !!