Các cách tùy biến trang đăng nhập WordPress một cách dễ dàng

Trang chủ Các cách tùy biến trang đăng nhập WordPress một cách dễ dàng

Web Developer

Các cách tùy biến trang đăng nhập WordPress một cách dễ dàng

Admin 5 năm trước : 3,624 0 Wordpress

Một khi bạn cài đặt wordpress lên trên máy tính của mình hoặc cài đặt trên host, vps rồi nhưng lại không biết hoặc quên mất đường dẫn để vào trang đăng nhập wordpress thì sẽ có 2 cách có thể thực hiện dễ dàng

Cách 1: Tùy biến trang đăng nhập WordPress bằng plugin Custom Login Page Customizer.

Nhờ kết quả của các cải tiến dành cho Customizer API trong WordPress 5.1 và 5.2, các nhà phát triển đã có thể truy cập vào một mảng rộng lớn của các trình điều khiển và các thông số, cho phép họ mở rộng các tính năng cho nhiều ứng dụng đa dạng hơn, bên ngoài giao diện (themes). Plugin Custom Login Page Customizer (CLPC) là một ví dụ điển hình của việc tạo ra những tùy biến có sẵn, bên ngoài của một WordPress theme.

Tham khảo thêm:

Tùy biến trang đăng nhập WordPress với CLPC

Custom Login Page Customizer đã được tạo ra bởi nhà phát triển WordPress có tên là WPBrigade. Tại thời điểm này, không có phiên bản cao cấp hay trả phí nào dành cho nó”.

Theo mặc định, giao diện trang đăng nhập WordPress sẽ trông như thế này:

CLPC giúp chèn thêm bảng điều khiển riêng vào Customizer, cho phép bạn tùy chỉnh giao diện của trang đăng nhập WordPress với rất nhiều các tùy chọn hữu ích. Tuy nhiên, cách sử dụng nó lại vô cùng đơn giản.

1. Đầu tiên, như thường lệ, các bạn cần phải cài đặt và kích hoạt plugin Custom Login Page Customizer .

2. Truy cập Loginpress => Customizer, bạn sẽ thấy giao diện gồm các mục tương tự như sau.

CLPC cho phép bạn tùy biến gần như mọi khía cạnh của biểu mẫu đăng nhập, bao gồm các tính năng:

Logo: đặt logo đăng nhập (chiều rộng, chiều cao và vùng đệm).
Background: thêm hình nền, chọn màu nền và kích thước.
Form Background: thiết lập hình nền cho biểu mẫu đăng nhập.
Form Styling: điều chỉnh kiểu dáng cho biểu mẫu đăng nhập – chiều rộng, chiều cao, vùng đệm, đường biên.
Fields Styling: thiết lập độ rộng của khung nhập dữ liệu, căn lề, hình nền và màu sắc.
Button Styling: chọn màu nền cho nút bấm, đường biên, nền khi rê chuột vào (hover), hiệu ứng đổ bóng (shadow).
Other: chọn màu sắc cho chữ, thêm tùy chỉnh CSS...

Video demo

Tôi đã thử nghiệm plugin này và nhận thấy nó hoạt động trơn tru đúng như quảng cáo từ nhà phát triển. Hiện tại, có rất nhiều plugins cho phép bạn tùy biến giao diện trang đăng nhập WordPress. Tuy nhiên, lợi thế của việc sử dụng plugin Custom Login Page Customizer là bạn có thể xem trước các thay đổi của giao diện trước khi lưu. Đây là một trong những ứng dụng tốt nhất liên quan đến Customizer mà tôi từng thấy cho đến thời điểm này. Nó làm cho việc thiết kế lại giao diện trang đăng nhập của bạn trở nên đơn giản và thú vị.

Cách 2: Tùy biến trang đăng nhập WordPress sử dụng code.

Phương pháp này cho phép bạn thay thế thủ công logo WordPress trên màn hình đăng nhập bằng logo tùy chỉnh của riêng bạn.

Đầu tiên, bạn cần tải logo tùy chỉnh lên thư viện phương tiện. Truy cập Media » Tải ảnh lên và tải lên logo tùy chỉnh của bạn.

Thêm đoạn mã sau vào file functions.php trong theme của bạn.

function wpb_login_logo() { ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
            background-image: url(http://path/to/your/custom-logo.png);
        height:100px;
        width:300px;
        background-size: 300px 100px;
        background-repeat: no-repeat;
        padding-bottom: 10px;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

Đừng quên thay thế URL hình nền bằng URL tệp bạn đã sao chép trước đó. Bạn cũng có thể điều chỉnh các thuộc tính CSS khác để phù hợp với tùy chỉnh của mình.

Mã này chỉ thay thế logo WordPress trên trang đăng nhập. Nó không thay đổi liên kết logo trỏ đến trang web
Hãy thêm đoạn mã sau vào functions.php hoặc một plugin dành riêng cho trang web. Bạn có thể thêm mã này ngay bên dưới mã bạn đã thêm trước đó.

function wpb_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'wpb_login_logo_url' );
 
function wpb_login_logo_url_title() {
    return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'wpb_login_logo_url_title' );

Chúc các bạn thực hiện thành công!

0 Comments

no comments!

Bài viết liên quan

Hướng dẫn đăng nhập và đăng ký bằng tài khoản Google Gmail trong Laravel 5.8

Admin 5 năm trước

Hướng dẫn chèn code vào header và footer của website trong WordPress

Admin 5 năm trước

Download Adobe Dreamweaver CC 2019 Full Crack Link Google Drive + Hướng Dẫn Cài Đặt

Admin 4 năm trước

Hướng dẫn tạo website bằng Theme Wordpress từ Bootstrap 4 [2019] - Phần 7

Admin 5 năm trước

Download Adobe Dreamweaver CC 2020 full crack – Hướng Dẫn Cài Đặt

Admin 4 năm trước

Hướng dẫn tạo website bằng Theme Wordpress từ Bootstrap 4 [2019] - Phần 3

Admin 5 năm trước

Theo Dõi Trang

Bài Viết Mới
Tags

Các cách xóa và giảm dung lượng ổ C win 10 hiệu quả nhất

2 năm trước

Ổ cứng của máy tính, laptop bị đầy sau một thời gian dài sử dụng là vấn đề thường gặp của nhiều người. Nếu dung lượng ổ cứng quá lớn có thể ảnh hưởng đến tốc độ xử lý của nhiều ứng dụng và hoạt động của bạn. Vì vậy, việc quản lý, dọn dẹp ổ cứng nói chung và ổ đĩa C nói riêng nên thực hiện thường xuyên

Các website chuyển văn bản thành giọng nói online tốt nhất

2 năm trước

Bạn đang tìm kiếm các trang web giúp bạn chuyển văn bản thành giọng nói online trên máy tính một cách chính xác và nhanh chóng nhất. Bài viết dưới đây sẽ tổng hợp cho các bạn TOP 8 trang web chuyển văn bản thành giọng nói online tốt nhất.

UTM Tracking là gì? Hướng dẫn tạo UTM vào quản lý hiệu quả Marketing

2 năm trước

UTM (viết tắt cho Urchin tracking module), hay UTM code là một đoạn mã đơn giản được gắn vào các đường dẫn URL tùy chỉnh của bạn, giúp theo dõi các nguồn, phương tiện trung gian, hoặc tên các chiến dịch của bạn.

Cách sử dụng hàm Query trong Google Sheet

2 năm trước

Bạn làm việc với lượng lớn dữ liệu trên Google Sheet, việc lọc và tìm kiếm dữ liệu theo cách thủ công sẽ tốn rất nhiều thời gian. Hàm QUERY trong Google Sheet giúp bạn có thể tra cứu và lọc dữ liệu theo bất kỳ định dạng nào bạn muốn. Cùng tìm hiểu cách dùng hàm QUERY nhé!

Cách tính lãi suất vay mua nhà và số tiền phải trả hàng tháng

2 năm trước

Hiện nay, hầu hết những người có thu nhập thấp hoặc trung bình sẽ lựa chọn phương án vay vốn ngân hàng để mua nhà. Tuy nhiên, bạn có biết để có thể làm thủ tục vay vốn người mua cần đáp ứng được những điều kiện gì? Các mức lãi suất? Số tiền trả hàng tháng?

Hướng dẫn cách sử dụng và cài đặt Google Tag Manager

2 năm trước

Trình quản lý thẻ của Google – Google Tag Manager là một công cụ được thiết lập để giải quyết các vấn đề của doanh nghiệp giữa các phòng ban, theo dõi chiến dịch marketing, quản lý thẻ JavaScript và HTML, chủ động cập nhật website,…

Laravel (3) Facebook (1) DirectAdmin (2) Photoshop (8) SEO (3) Wordpress (13) Adobe (36) CorelDRAW (4) Microsoft Office (9) Google (4)