Theo mặc định của WordPress, đường dẫn trang quản trị web site WordPress của bạn sẽ như là sau http://tenmien/wp-login.php (wp-admin). Bên cạnh đó, trong thực tại không ít lần quý khách muốn chuyển đổi những tin tức mặc định ấy, cụ thể giống như thay logo WordPress bằng logo của chính bạn, link trỏ đến Wp được thay bằng trang chủ của bạn. thực hiện vậy thì trang truy cập của bạn sẽ trở tốt nhất nên chuyên nghiệp hơn hoặc mang đậm dấu ấn cá nhân hơn phải không nào? bài viết này hãy cùng cực kỳ tốc việt làm điều này nhé.

Tùy biến giao diện trang đăng nhập mặc định WordPress

Đối với các coder Wp thì việc này khá là dễ dàng, Không những thế nó không hề dễ dàng đối với những người mới quản trị web. Do đó, dưới góc độ của một người tự học WordPress và đã thực hiện trở thành công. rất tốc Việt sẽ có các hướng dẫn các bạn cách làm đơn giản dễ dàng nhất ngay cả đối với bạn không biết lập trình. Việc này sẽ thêm vào 1 số đoạn lập trình vào file function.php của giao diện. Điều đó không gây tác động tới tốc độ website hoặc các lo lắng về bảo mật giống như quý khách từng phiền lòng khi tiêu dùng plugin, sẽ không gây xung đột tặng các plugin, file khác trong web của bạn. Xem thêm: tối ưu website

Thay đổi logo WordPress trong trang đăng nhập

Bước 1: Người dùng vào Quản trịGiao diệnSửa giao diện và tìm kiếm mở file Function.php. Bước 2: Thêm vào file function.php đoạn code sau:

//Thay đổi logo đưa cho trang log in
add_action( ‘login_enqueue_scripts’, ‘sieutocviet_login_enqueue_scripts’ );
function sieutocviet_login_enqueue_scripts(){
echo ‘<style type=”text/css” media=”screen”>’;
echo ‘#login h1 a
background-image:url(/cdn/2019/07/logo-sieutocviet.png);
;’;
echo ‘</style>’;
Ở đoạn code trên, các bạn thay url logo vào vị trí này. người mua F5 lại trang giúp thấy kết quả, Việc căn chỉnh logo tặng đẹp thì lát mình chỉ chỗ để thay đổi thông số CSS ở bên dưới.

Tùy biến đường dẫn ảnh trỏ về WordPress.org trong trang đăng nhập

Bước 1: Người dùng vào Quản trịGiao diệnSửa giao diện và tìm mở file Function.php.

Bước 2: Thêm vào file function.php đoạn lập trình sau:
//Thay thay thế bởi url ảnh logo
add_filter( ‘login_headerurl’, ‘sieutocviet_login_headerurl’);
function sieutocviet_login_headerurl()
return home_url(‘/’);
Bạn thay đường dẫn về trong phần url, để hình ảnh nó hướng về trang chủ nhé.

Tùy biến đường dẫn trang đăng nhập website WordPress

Mặc định nếu muốn đăng nhập trang login, chúng ta đăng nhập tên-miền/wp-admin hoặc tên-miền/wp-login. Ngoài ra, chúng ta khả năng cao đổi thay đường dẫn log in trang login đó bằng một url tùy chỉnh khác.

Bước 1: các bạn vào Quản trịGiao diệnSửa giao diện và tìm mở file Function.php.
Bước 2: Thêm vào file function.php đoạn lập trình sau:
//Thay đổi url đăng nhập Word press
add_filter( ‘login_url’, ‘sieutocviet_login_url’, 10, 2);
function sieutocviet_login_url( $force_reauth, $redirect )
$login_url = ‘link_trang_login’;
if ( !empty($redirect) )
$login_url = add_query_arg( ‘redirect_to’, urlencode( $redirect ), $login_url );
if ( $force_reauth )
$login_url = add_query_arg( ‘reauth’, ‘1’, $login_url ) ;
return $login_url ;

Khách hàng thay url tùy chỉnh vào $login_url

Tùy biến chuyển hướng trang web sau khi đăng nhập thành công

Dùng để chuyển hướng vào trang bất kể sau khi bạn đăng nhập tài khoản trở thành công. Ví dụ bạn thường chuyển hướng tới trang chủ hoặc trang thông tin biến thành viên,…

//Chuyển hướng web site sau khi log in biến thành công
add_action( ‘login_redirect’, ‘pridio_login_redirect’);
function pridio_login_redirect()
return ‘đường_dẫn_muốn_chuyển_đến’;
Bạn thêm đoạn code này vào file function.php nhé

Tùy biến css làm đẹp cho trang đăng nhập của website bạn

Dưới đây là một số tùy chỉnh CSS mình đã làm thực tiễn trên web của mình. người dùng có thể tùy chỉnh lại tùy sở thích của người dùng.

xem thêm: cách custom css
//Tùy chỉnh CSS tặng trang đăng nhập WordPress
function tp_custom_logo() ?>
<style type=”text/css”>
.login #login_errorbox-shadow: 0 30px 80px rgba(37, 37, 37, 0.1) !important;border-radius: 15px !important;
.login .messageborder-left: 4px solid #ec1f27 !important; border-radius: 15px;box-shadow: 0 30px 80px rgba(37, 37, 37, 0.1) !important;
.login #nav a:hover, .login #backtoblog a:hovercolor: #eb1f27 !important;
.login .button-primary background: #eb1f27 !important;border-color: #eb1f27 #eb1f27 #eb1f27 !important;box-shadow: 0 1px 0 #eb1f27 !important;border-radius: 20px !important;color: #fff !importanttext-decoration: none;text-shadow: none !important;
input[type=checkbox]:checked:beforecolor: #eb1f27;
.login input[type=text]:focus, .login input[type=password]:focus, input[type=email]:focusbox-shadow: 0 0 2px rgb(255, 255, 255) !important;
.login h1 abackground-size: 115px !important;height: 115px !important; width: 209px !important;
#login width: 450px !important;
.login form box-shadow: 0 30px 80px rgba(37, 37, 37, 0.1) !important;border-radius: 15px;padding: 40px !important;.login form .input, .login form input[type=checkbox], .login input[type=text] background: #f5f5f5;border-radius: 30px;border: none;box-shadow: none;
@media only screen and (max-width: 480px)
#login width: 320px !important;
</style>
<?php
add_action(‘login_enqueue_scripts’, ‘tp_custom_logo’);

Đây chỉ là css mẫu, nếu bạn muốn tùy chỉnh khác, bạn thường xuyên ra trang đăng nhập F12 và chuyển đổi các thông số trên css và vào đổi thay nhé.

Và đó là tất cả cách để tùy biến trang login web của bạn. Hãy theo dõi vô cùng Tốc việt để thấy những thông tin bổ ích khác nhé !!!
5/5 - (1 bình chọn)

Hướng dẫn tùy biến trang đăng nhập website wordpress 2021 cách nào

Lê Trương Tấn Lộc (sieutocviet.vip)

Với hơn 6 năm kinh nghiệm Wordpress, asp.net 6 năm thực chiến trong quản trị website tư vấn giải pháp đẩy top, Marketing tối ưu nhất cho công ty.
Hiện làm quản lý kinh doanh tại Siêu Tốc Việt. ping post