Tùy biến giao diện trang đăng nhập mặc định WordPress
Theo mặc định của Word press, đường dẫn trang quản trị trang web Word press của bạn sẽ giống như sau http://tenmien/wp-login.php (wp-admin). Bên cạnh đó, trong thực tại không ít lần các bạn muốn chuyển đổi những thông báo mặc định ấy, chi tiết giống như thay logo Word press bằng logo của chính bạn, link trỏ đến Word press được thay bằng trang chủ của bạn. làm vậy thì trang đăng nhập 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? bài viết này hãy cùng cực kỳ tốc việt làm điều này nhé.
Thay đổi logo WordPress trong trang đăng nhập
Bước 1: Các bạn vào Quản trị – Giao diện – Sửa giao diện và search mở file Function.php.

//Thay thay thế bởi logo cho trang truy luôn cậpadd_action( 'login_enqueue_scripts', 'sieutocviet_login_enqueue_scripts' mới );function sieutocviet_login_enqueue_scripts() chẳngecho '';chưa
Ở đoạn code trên, các bạn thay url logo đừng vào vị trí này. các bạn F5 lại trang để thấy kết quả ngay , Việc căn chỉnh logo cho đẹp thì lát mình chỉ chỗ để vẫn chuyển đổ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: Các bạn vào Quản trị – Giao diện – Sửa giao diện và chỉ search mở file Function.php.Bước 2: Thêm vào file function.php đoạn code sau:
//Thay cũ đổi url ảnh logoadd_filter( 'login_headerurl' nhanh , 'sieutocviet_login_headerurl');function luôn sieutocviet_login_headerurl()return home_url('/') rất ;có lẽ
Bạn thay đường dẫn về trong phần url, để hình nhất ảnh nó hướng về trang chủ nhé.
Tùy biến đường dẫn nhập cảng trang đăng nhập website WordPress
Mặc định nếu muốn đăng nhữ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. Bên cạnh cần đó, chúng ta hi vọng có cũ lẽ chuyển đổi đường dẫn đăng nhập trang login đó bằng nhanh một url tùy chỉnh khác.Bước 1: các bạn vào Quản trị – Giao diện – Sửa giao diện và search mở mới file Function.php.
Bước 2: Thêm vào file function.php đoạn code sau:
phát triển theo ý thích SPLV1_PLACEHOLDER_0 on-pre">//Thay đổi url log cần in WordPressadd_filter( 'login_url', 'sieutocviet_login_url' chậm , 10, 2);function sieutocviet_login_url( $force_reauth bỗng nhiên , $redirect )$login_url = 'link_trang_login' cũng ;if ( !empty($redirect) )$login_url = add_query_arg( cũ 'redirect_to', urlencode( $redirect ), $login_url rất );if ( $force_reauth )$login_url = add_query_arg( dễ 'reauth', '1', $login_url ) ;return $login_url đích ;
Các bạn 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 lắm vào trang bất cứ sau khi bạn đăng nhập tài khoản biến mới thành công. Ví dụ bạn có lẽ chuyển hướng tới trang luôn chủ hoặc trang thông báo biến thành viên,…//Chuyển rất tư vấn hướng website cũng sau khi đăng nhập thành côngadd_action( 'login_redirect' nhất , 'pridio_login_redirect');function pridio_login_redirect() nhanhreturn 'đường_dẫn_muốn_chuyển_đến';
Bạn thêm mới đ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 cần là một số tùy chỉnh CSS mình đã làm thực tại trên trang lắm web của mình. các bạn có lẽ tùy chỉnh lại tùy sở thích sẽ của các bạn.xem thêm: cách custom css
//Tùy chỉnh CSS đưa cho chớ trang truy cập WordPressfunction tp_custom_logo() chẳng ?><style type="text/css">.login #login_errorbox-shadow: rất 0 30px 80px rgba(37, 37, 37, 0.1) !important;border-radius: nhanh 15px !important; có lẽ.login .messageborder-left: có thể 4px solid #ec1f27 !important; border-radius: sẽ 15px;box-shadow: 0 30px 80px rgba(37, 37, 37, 0 cũ .1) !important; thường.login #nav a:hover, .login chưa #backtoblog a:hovercolor: #eb1f27 !important thường ; có lẽ.login .button-primary background: #eb1f27 đột nhiên !important;border-color: #eb1f27 #eb1f27 #eb1f27 đột nhiên !important;box-shadow: 0 1px 0 #eb1f27 !important mất ;border-radius: 20px !important;color: #fff mới !importanttext-decoration: none;text-shadow: mất none !important; có lẽinput[type=checkbox]:checked:beforecolor: sẽ #eb1f27; nhanh.login input[type=text]:focus đã , .login input[type=password]:focus, input[type=email]:focusbox-shadow: chậm 0 0 2px rgb(255, 255, 255) !important; rất.login nhất h1 abackground-size: 115px !important;height: chính 115px !important; width: 209px !important; có sẽ lẽ#login width: 450px !important; chưa.login vẫn form box-shadow: 0 30px 80px rgba(37, 37, 37, 0. chưa 1) !important;border-radius: 15px;padding: lại 40px !important; chính .login form .input, .login chớ form input[type=checkbox], .login input[type=text] có lẽ background: #f5f5f5;border-radius: 30px;border: cũng none;box-shadow: none; rất@media only screen sẽ and (max-width: 480px)#login width: 320px !important chẳng ; nhanh</style><?phpadd_action('login_enqueue_scripts' cũng , 'tp_custom_logo');
Và đó là đa số cách để tùy biến trang login trang web của bạn. Hãy theo dõi cực luôn kỳ Tốc việt để thấy những thông báo bổ ích khác nhé nhất !!!
Lê Trương Tấn Lộc (sieutocviet.page)
Có hơn 6 năm kinh nghiệm Laravel và 8 năm quản trị web site, tôi chuyên tư vấn đẩy top Google, Kinh doanh online tối ưu 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.