• Speedtest Internet
  • Test Code
  • Nén CSS
  • Chuyển đổi định dạng Webp
  • Mã Hóa URL
  • Shorturl
  • Login
Blog thủ thuật máy tính f4vnn
No Result
View All Result
  • Trang chủ
  • TIPS COMPUTER
    • WINDOWS
    • SERVER
    • OFFICE
    • SOFTWARE
    • GAME
    • INTERNET
    • SECURITY
  • TIPS MAC – IOS
  • TIPS MOBILE
  • TIPS SOURCE
    • TIPS WORDPRESS
    • TIPS BLOGSPOT
    • OTHER SOURCE
  • TIPS OTHER
  • REVIEWS
  • LYRICS
  • Trang chủ
  • TIPS COMPUTER
    • WINDOWS
    • SERVER
    • OFFICE
    • SOFTWARE
    • GAME
    • INTERNET
    • SECURITY
  • TIPS MAC – IOS
  • TIPS MOBILE
  • TIPS SOURCE
    • TIPS WORDPRESS
    • TIPS BLOGSPOT
    • OTHER SOURCE
  • TIPS OTHER
  • REVIEWS
  • LYRICS
No Result
View All Result
Blog thủ thuật máy tính f4vnn
Home Tips Source Tips Wordpress

Tùy biến trang đăng nhập không cần Plugin cho WordPress

Blog Tips f4vnn by Blog Tips f4vnn
18/04/2021
Reading Time: 4 mins read
# QUÀ TẶNG VÀ KHUYẾN MẠI
  • Đăng ký tên miền tên miền .com chỉ 199k: TẠI ĐÂY
  • Hosting giá rẻ chất lượng cao chỉ 49k/tháng: TẠI ĐÂY
  • Cloud VPS giá rẻ chất lượng cao chỉ 120k/tháng: TẠI ĐÂY
  • Website giá rẻ chỉ 2.388k: TẠI ĐÂY

  • Nội dung chính

    • Tùy biến trang đăng nhập không cần Plugin cho WordPress
      • # Thêm Action trong Function
      • # Thêm Css tùy biến trang đăng nhập
    • Kết luận

    Tùy biến trang đăng nhập không cần Plugin cho WordPress: Trên mạng có rất nhiều Plugin để bạn tùy biến trang đăng nhập cho WordPress và trên Thạch Phạm cũng có hướng dẫn tùy biến nhưng lại bằng plugin.

    Mình thì không thích dùng Plugin cho lắm nên hôm nay rảnh mình tùy biến trang đăng nhập không cần Plugin cho WordPress, chia sẻ cho anh em nào cần nhé.

    Tùy biến trang đăng nhập không cần Plugin cho WordPress

    Tùy biến trang đăng nhập không cần Plugin cho WordPress

    Để có thể tùy biến trang đăng nhập không cần Plugin cho WordPress trong hướng dẫn này của mình thì các bạn sẽ tùy chỉnh trong file Function của theme bạn đang dùng.

    Lưu ý: Bạn nên sao lưu lại file function của bạn trước nhé, tránh trường hợp bị lỗi cấu trúc web nhé.

    # Thêm Action trong Function

    Đầu tiên bạn phải khai báo chức năng để nó kết nối với trang đăng nhập của WordPress

    add_action('login_head', 'change_my_login_page');

    # Thêm Css tùy biến trang đăng nhập

    Sau khi bạn đã thêm Action tiếp theo là bạn bắt đầu làm đẹp cho trang đăng nhập. Các bạn show code trang đăng nhập WordPress ra và bạn kiểm tra xem bạn muốn thay đổi những đoạn nào

    Ví dụ Css trên trang của mình luôn, các bạn tham khảo và thay đổi cho phù hợp với Blog của bạn nhé

    function change_my_login_page() {
    	echo '<style>
    	body {
    	  background-image: url("https://f4vnn.com/wp-content/uploads/2021/01/bg-image.jpg");
    	  -webkit-background-size: cover !important;
    	  background-size: cover !important;
    	  font-family: "Tahoma", Arial;
    	}
    	.login h1 a {
    	background-image: url("https://f4vnn.com/wp-content/uploads/2021/01/f4vnn-logo-min.png");
    	  -webkit-background-size: cover !important;
    	  background-size: cover !important;
    	  height: 80px;
    	  width: 390px;
    	}
    	.login form {
    	background-color: rgba(255,255,255,0.14);
    	font-weight: 700;
    	width: 330px;
    	max-width: 330px;
    	}
    	.login label {
    	text-align: center;
    	color: #fff;
    	line-height: 2.5;
    	margin-bottom: 5px;
    	}
    	#login form p {
    	text-align: center;
    	}
    	.login * {
    	text-align: center;
    	}
    	.login form .input, .login form input[type=checkbox], .login input[type=text] {
    	background-color: rgba(255,255,255,0.14);
    	color: #fff;
    	}
    	.login #backtoblog a, .login #nav a {
    	color: #fff;
    	}
    	.login #nav {
    	text-align: left;
    	}
    	.login #backtoblog, .login #nav {
    	text-align: left;
    	}
    	.login .privacy-policy-page-link {
    	text-align: left;
    	}
    	.login #login_error {
    	width: 352px;
    	max-width: 352px;
    	}
    	.login #login_error, .login .message, .login .success {
    	width: 352px;
    	max-width: 352px;
    	}
    	</style>';
    }

    Kết luận

    Sau khi đã tùy biến xong thì lưu lại và xóa cache để tận hưởng thành quả của mình nhé. Hy vọng bài viết tùy biến trang đăng nhập không cần Plugin cho WordPress mà Blog thủ thuật máy tính f4vnn đã chia sẻ sẽ có ích với bạn. Chúc bạn thành công.

    Bài Viết Cùng Chuyên Mục
    Game & Apk Mod Acapella Việt Template BLogspot Liên Kết URL
    Tags: Tùy biến trang đăng nhập không cần PluginTùy biến trang đăng nhập không cần Plugin cho WordpressWordpress
    ShareTweetPin1Share1ShareShare

    Related Posts

    Hướng dẫn thêm tìm kiếm theo danh mục cho wordpress không cần Plugin

    Hướng dẫn thêm tìm kiếm theo danh mục cho wordpress không cần Plugin

    10/01/2023
    Hướng dẫn cách chuyển tên sản phẩm thành h3 trong WooCommerce

    Hướng dẫn cách chuyển tên sản phẩm thành h3 trong WooCommerce

    06/01/2023

    Chia sẻ Theme WordPress Wap Game chuyển từ html sang wordpress cực mượt

    14/12/2022

    Hướng dẫn cách sửa lỗi Another Update Is Currently In Progress trên WordPress

    21/08/2022

    Chia sẻ giao diện làm trang web download dành cho wordpress

    15/06/2022

    Hướng dẫn cách cài đặt WordPress trên Windows 10

    06/12/2021
    Next Post
    Sửa lỗi màn hình xanh driver irql not less or equal Windows 10

    Sửa lỗi màn hình xanh driver irql not less or equal Windows 10

    Hướng dẫn cách kiểm tra Card đồ họa trên máy Mac

    Hướng dẫn cách kiểm tra Card đồ họa trên máy Mac

    ☊ BLOG NGHE NHẠC DJ

    slide-dj24h

    Receive updates of our latest tutorials.

    By signing up, you agree to our Privacy Policy.

    Facebook logoTwitter logoLinked-in logo

    ✪ TÌM KIẾM NHANH TRÊN GOOGLE

    Mẹo để tìm kiếm nhanh cách sửa lỗi bạn vào Google gõ tên lỗi + từ khóa f4vnn!

    ☷ BÀI VIẾT MỚI NHẤT

    Hướng dẫn thêm tìm kiếm theo danh mục cho wordpress không cần Plugin

    Hướng dẫn thêm tìm kiếm theo danh mục cho wordpress không cần Plugin

    10/01/2023
    Hướng dẫn cách chuyển tên sản phẩm thành h3 trong WooCommerce

    Hướng dẫn cách chuyển tên sản phẩm thành h3 trong WooCommerce

    06/01/2023
    Hướng dẫn sửa lỗi System Idle Process chiếm CPU cao trên Windows 11

    Hướng dẫn sửa lỗi System Idle Process chiếm CPU cao trên Windows 11

    23/12/2022
    Chia sẻ Theme WordPress Wap Game chuyển từ html sang wordpress cực mượt

    Chia sẻ Theme WordPress Wap Game chuyển từ html sang wordpress cực mượt

    14/12/2022
    Hướng dẫn 3 cách sửa lỗi Microsoft Access Is Not Responding trên windows

    Hướng dẫn 3 cách sửa lỗi Microsoft Access Is Not Responding trên windows

    01/12/2022

    ☷ BÀI VIẾT XEM NHIỀU

    • Chuyển từ Google Slides sang PowerPoint và ngược lại 34.9k views
    • Làm thế nào để dừng Fixing Stage 1 trong Windows 10 30k views
    • Sửa lỗi Run-time error 1004 không thể chạy Macro trong Excel 17.5k views
    • Sửa lỗi A JavaScript error occurred in the main process trên Windows 10 16.6k views
    • Cách sửa lỗi Runtime Error 1004 trong Microsoft Excel 13.5k views
    • Cách sửa lỗi Bad Image 0xc000012f trong Windows 10 11.8k views
    Blog thủ thuật máy tính f4vnn

    © 2021 Blog Tips F4vnn - Chia sẻ thủ thuật công nghệ.

    Giới thiệu & Bạn bè

    • Chính sách
    • Quy định
    • About Us
    • DMCA
    • Nhạc DJ24h
    • Truyện Ma
    • Vocal

    Follow Us

    No Result
    View All Result
    • Trang chủ
    • TIPS COMPUTER
      • WINDOWS
      • SERVER
      • OFFICE
      • SOFTWARE
      • GAME
      • INTERNET
      • SECURITY
    • TIPS MAC – IOS
    • TIPS MOBILE
    • TIPS SOURCE
      • TIPS WORDPRESS
      • TIPS BLOGSPOT
      • OTHER SOURCE
    • TIPS OTHER
    • REVIEWS
    • LYRICS

    © 2021 Blog Tips F4vnn - Chia sẻ thủ thuật công nghệ.

    Welcome Back!

    Login to your account below

    Forgotten Password?

    Retrieve your password

    Please enter your username or email address to reset your password.

    Log In