Theo mặc định của Wp, đường dẫn trang quản trị web site Wp của bạn sẽ như sau http://tenmien/wp-login.php (wp-admin). Không những thế, trong thực tại không ít lần quý khách muốn đổi thay 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 WordPress được thay bằng trang chủ của bạn. thực hiện vậy thì trang log in của bạn sẽ trở cầ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? nội dung bài viết này hãy cùng rất 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 WordPress thì việc này khá là dễ dàng, Ngoài ra nó không hề dễ đối với những người mới quản trị trang web. Do đó, dưới góc độ của một người tự học Word press và đã làm thành công. rất tốc Việt sẽ có các hướng dẫn khách hàng cách thực hiệ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ương tác tới tốc độ web hoặc các phiền lòng về bảo mật giống như người mua bao giờ 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 mở file Function.php. Bước 2: Thêm vào file function.php đoạn code sau:

//Thay chuyển hướng logo đưa cho trang truy cập
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 lập trình trên, người mua thay url logo vào vị trí này. quý khách F5 lại trang để xem kết quả, Việc căn chỉnh logo đưa cho đẹp thì lát mình chỉ chỗ để đổi thay 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: Khách hà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 code sau:
//Thay đổ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 truy cập tên-miền/wp-admin hoặc tên-miền/wp-login. Tuy nhiên, chúng ta thường đổ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 kiế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 log in 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 ;

Quý khách 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 truy cập tài khoản thành công. Ví dụ bạn khả năng cao chuyển hướng tới trang chủ hoặc trang thông báo trở thành viên,…

//Chuyển hướng website sau khi đăng nhập 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 tế trên website của mình. quý khách có thể tùy chỉnh lại tùy sở thích của người mua.

xem thêm: cách custom css
//Tùy chỉnh CSS cho trang log in 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 truy cập F12 và đổi thay các thông số trên css và vào thay đổi nhé.

Và đó là đa số cách để tùy biến trang login web site của bạn. Hãy theo dõi cực kỳ Tốc việt giúp 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 không khó

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

Với 6 năm thực chiến Python, PHP 6 năm thực chiến trong quản lý web site tư vấn giải pháp đẩy top, Digital marketing tối ưu nhất cho tập đoàn quốc tế.
Hiện làm giám đốc kinh doanh tại Siêu Tốc Việt. ping post