Thiết kế website chuyên nghiệp
Thiết kế nhận diện thương hiệu
Phòng marketing thuê ngoài
Thiết kế landing page
Quản trị và sáng tạo nội dung
Dịch vụ seo tổng thểTùy biến giao diện trang đăng nhập mặc định WordPress
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ện – Sửa giao diện và search mở file Function.php.
Bước 2: Thêm vào file function.php đoạn code sau:
//Thay đổi url ảnh logoadd_filter( ‘login_headerurl’, ‘sieutocviet_login_headerurl’);function sieutocviet_login_headerurl()return home_url(‘/’);không thể
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 log in trang login, chúng ta log in tên-miền/wp-admin hoặc tên-miền/wp-login. Tuy nhiên cũng chưa , chúng ta thường chuyển đổi đường dẫn truy cập sâu 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ện – Sử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 quá sau:
//Thay đổi url log in WordPressadd_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 ;
Người mua 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 để đổi vào trang bất kỳ đột nhiên sau khi bạn đăng nhập tài khoản thành công. Ví dụ bạn thường xuyên thôi đổi tới trang chủ hoặc trang tin tức đích trở thành những bỗng nhiên chính viên,…
//Chuyển hướng website sau khi đăng nhập thành côngadd_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 lập trình luôn 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 đã thực hiện có thể không thực tế trên web site của mình. người mua có lẽ tùy chỉnh lại tùy sở thích của khách hàng.
xem thêm: cách custom css
//Tùy chỉnh CSS đưa cho trang truy cập WordPressfunction 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; nhẹ chỉ.login .messageborder-left: 4px solid #ec1f27 !important; border-radius: 15px;box-shadow: 0 30px 80px rgba(37, 37, 37, 0.1) !important; cần.login #nav a:hover, .login #backtoblog a:hovercolor: #eb1f27 !important; ngắn.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; ngắninput[type=checkbox]:checked:beforecolor: #eb1f27; lại đột nhiên.login input[type=text]:focus, .login input[type=password]:focus, input[type=email]:focusbox-shadow: 0 0 2px rgb(255, 255, 255) !important; dài.login h1 abackground-size: 115px !important;height: 115px !important; width: 209px !important; sớm luôn#login width: 450px !important; cũng xa.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; những đã@media only screen and (max-width: 480px)#login width: 320px !important; dài</style><?phpadd_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 lắm ra trang đăng nhập F12 và đổi thay các thông số trên css và vào đổi thay nhé.
Và đó là hầu hết cách để tùy biến trang login web của bạn. Hãy theo dõi cực kỳ Tốc việt giúp xem lắm những thông tin hữu dụng khác nhé !!!
