Thủ thuật wordpress

[Thủ thuật wordpress] Cách Buộc Người Dùng Đăng Nhập Trước Khi Xem Trang WordPress và Hiển Thị Thông Báo Yêu Cầu Đăng Nhập Bằng SweetAlert2

Đăng vào Tháng mười một 7, 2024Tháng mười một 7, 2024 bởi admin

admin

07/11/2024

6 Phút đọc

198 Lượt xem

Đánh giá

5/5 - (1 bình chọn)

Trong một số trường hợp, bạn muốn người dùng phải đăng nhập để xem nội dung trên trang WordPress của mình. Bài viết này hướng dẫn cách buộc đăng nhập trước khi xem trang WordPress và tạo thông báo yêu cầu đăng nhập bằng SweetAlert2 để thông báo cho người dùng. Đây là cách hiệu quả để bảo mật nội dung và tạo trải nghiệm thân thiện cho người dùng.

Cách Buộc Người Dùng Đăng Nhập Trước Khi Xem Trang WordPress và Hiển Thị Thông Báo Yêu Cầu Đăng Nhập Bằng SweetAlert2

1. Tại Sao Cần Buộc Người Dùng Đăng Nhập Trước Khi Xem Trang?

Việc yêu cầu đăng nhập để truy cập trang WordPress là phương pháp hiệu quả để bảo vệ nội dung độc quyền, kiểm soát đối tượng xem trang và cải thiện chất lượng tương tác. Khi người dùng cần đăng nhập, bạn dễ dàng quản lý quyền truy cập vào trang và theo dõi hoạt động của họ.

2. Hướng Dẫn Buộc Đăng Nhập Trước Khi Xem Trang WordPress

2.1. Kiểm Tra Trạng Thái Đăng Nhập và Chuyển Hướng Người Dùng

Bước đầu tiên để buộc người dùng đăng nhập là kiểm tra trạng thái đăng nhập của họ. Bạn có thể thêm mã PHP vào tệp functions.php của WordPress để tự động chuyển hướng người dùng chưa đăng nhập đến trang đăng nhập mặc định, ví dụ như trang /tai-khoan/.

Dưới đây là mã mẫu:

function redirect_to_login_if_not_logged_in() {
    if (!is_user_logged_in() && !is_page('tai-khoan')) {
        wp_redirect(home_url('/tai-khoan/'));
        exit;
    }
}

add_action('template_redirect', 'redirect_to_login_if_not_logged_in');

function redirect_to_login_if_not_logged_in() {

if (!is_user_logged_in() && !is_page('tai-khoan')) {

wp_redirect(home_url('/tai-khoan/'));

exit;

}

add_action('template_redirect', 'redirect_to_login_if_not_logged_in');

2.2. Hiển Thị Thông Báo Yêu Cầu Đăng Nhập Bằng SweetAlert2

Sau khi chuyển hướng người dùng đến trang /tai-khoan/, bạn có thể sử dụng SweetAlert2 để hiển thị thông báo yêu cầu đăng nhập. Thông báo này giúp người dùng nhận thức rằng họ cần đăng nhập để xem trang. Đoạn mã dưới đây sẽ nhúng SweetAlert2 vào trang /tai-khoan/ để hiện thông báo khi người dùng chưa đăng nhập.

function show_login_alert_on_account_page() {
    if (!is_user_logged_in() && is_page('tai-khoan')) {
        wp_enqueue_script('sweetalert2', 'https://cdn.jsdelivr.net/npm/sweetalert2@11', [], null, true);

        add_action('wp_footer', function() {
            ?>
            <script>
                document.addEventListener("DOMContentLoaded", function() {
                    Swal.fire({
                        icon: 'info',
                        title: 'Vui lòng đăng nhập',
                        text: 'Bạn cần đăng nhập để truy cập vào trang này!',
                        toast: true,
                        position: 'top-end',
                        showConfirmButton: false,
                        timer: 3000,
                        timerProgressBar: true,
                        didOpen: (toast) => {
                            toast.addEventListener('mouseenter', Swal.stopTimer);
                            toast.addEventListener('mouseleave', Swal.resumeTimer);
                        }
                    });
                });
            </script>
            <?php
        });
    }
}

add_action('wp', 'show_login_alert_on_account_page');

function show_login_alert_on_account_page() {

if (!is_user_logged_in() && is_page('tai-khoan')) {

wp_enqueue_script('sweetalert2', 'https://cdn.jsdelivr.net/npm/sweetalert2@11', [], null, true);

add_action('wp_footer', function() {

document.addEventListener("DOMContentLoaded", function() {

Swal.fire({

icon: 'info',

title: 'Vui lòng đăng nhập',

text: 'Bạn cần đăng nhập để truy cập vào trang này!',

toast: true,

position: 'top-end',

showConfirmButton: false,

timer: 3000,

timerProgressBar: true,

didOpen: (toast) => {

toast.addEventListener('mouseenter', Swal.stopTimer);

toast.addEventListener('mouseleave', Swal.resumeTimer);

}

});

</script>

<?php

});

}

add_action('wp', 'show_login_alert_on_account_page');

2.3. Cách Tùy Chỉnh Thông Báo SweetAlert2

SweetAlert2 cung cấp nhiều tùy chọn tùy chỉnh để thông báo phù hợp với giao diện trang. Bạn có thể thay đổi vị trí, thời gian hiện thông báo, biểu tượng, và văn bản. Ví dụ, bạn có thể thay đổi position thành bottom-left hoặc top-end để phù hợp hơn với phong cách của trang.

3. Lợi Ích Của Việc Yêu Cầu Đăng Nhập Trong WordPress

Bảo mật nội dung: Đảm bảo chỉ người dùng đăng nhập mới xem được nội dung.
Tăng trải nghiệm người dùng: Thông báo giúp người dùng biết lý do họ bị yêu cầu đăng nhập.
Tăng tương tác và chuyển đổi: Đối với trang web cung cấp nội dung giá trị hoặc yêu cầu tài khoản, yêu cầu đăng nhập là cách để tăng số lượng đăng ký tài khoản.

Việc yêu cầu người dùng đăng nhập giúp bạn kiểm soát tốt hơn nội dung và tương tác với đối tượng mục tiêu.

Code hoàn chỉnh:

function redirect_to_login_and_show_alert() {
    // Kiểm tra nếu người dùng chưa đăng nhập và không phải đang ở trang '/tai-khoan/'
    if (!is_user_logged_in() && !is_page('tai-khoan')) {
        wp_redirect(home_url('/tai-khoan/')); // Điều hướng đến trang /tai-khoan/
        exit;
    }
}

add_action('template_redirect', 'redirect_to_login_and_show_alert');

// Hiển thị thông báo bằng SweetAlert2 trên trang /tai-khoan/ nếu chưa đăng nhập
function show_login_alert_on_account_page() {
    if (!is_user_logged_in() && is_page('tai-khoan')) {
        // Nhúng SweetAlert2 vào trang
        wp_enqueue_script('sweetalert2', 'https://cdn.jsdelivr.net/npm/sweetalert2@11', [], null, true);

        // Thêm đoạn JavaScript hiển thị thông báo
        add_action('wp_footer', function() {
            ?>
            <script>
                document.addEventListener("DOMContentLoaded", function() {
                    Swal.fire({
                        icon: 'info',
                        title: 'Vui lòng đăng nhập',
                        text: 'Bạn cần đăng nhập để truy cập vào trang này!',
                        toast: true,
                        position: 'top-end',
                        showConfirmButton: false,
                        timer: 3000,
                        timerProgressBar: true,
                        didOpen: (toast) => {
                            toast.addEventListener('mouseenter', Swal.stopTimer);
                            toast.addEventListener('mouseleave', Swal.resumeTimer);
                        }
                    });
                });
            </script>
            <?php
        });
    }
}

add_action('wp', 'show_login_alert_on_account_page');

function redirect_to_login_and_show_alert() {

// Kiểm tra nếu người dùng chưa đăng nhập và không phải đang ở trang '/tai-khoan/'

if (!is_user_logged_in() && !is_page('tai-khoan')) {

wp_redirect(home_url('/tai-khoan/')); // Điều hướng đến trang /tai-khoan/

exit;

}

add_action('template_redirect', 'redirect_to_login_and_show_alert');

// Hiển thị thông báo bằng SweetAlert2 trên trang /tai-khoan/ nếu chưa đăng nhập

function show_login_alert_on_account_page() {

if (!is_user_logged_in() && is_page('tai-khoan')) {

// Nhúng SweetAlert2 vào trang

wp_enqueue_script('sweetalert2', 'https://cdn.jsdelivr.net/npm/sweetalert2@11', [], null, true);

// Thêm đoạn JavaScript hiển thị thông báo

add_action('wp_footer', function() {

document.addEventListener("DOMContentLoaded", function() {

Swal.fire({

icon: 'info',

title: 'Vui lòng đăng nhập',

text: 'Bạn cần đăng nhập để truy cập vào trang này!',

toast: true,

position: 'top-end',

showConfirmButton: false,

timer: 3000,

timerProgressBar: true,

didOpen: (toast) => {

toast.addEventListener('mouseenter', Swal.stopTimer);

toast.addEventListener('mouseleave', Swal.resumeTimer);

}

});

</script>

<?php

});

}

add_action('wp', 'show_login_alert_on_account_page');

Kết Luận

Buộc người dùng đăng nhập để xem trang WordPress là một cách hiệu quả để bảo vệ nội dung và nâng cao trải nghiệm người dùng. Với sự hỗ trợ từ SweetAlert2, bạn có thể dễ dàng thêm thông báo yêu cầu đăng nhập tại trang đích, giúp người dùng nhận thức rõ lý do họ cần đăng nhập. Hãy thử ngay phương pháp này để cải thiện bảo mật và tương tác cho trang web của bạn!

Xem thêm:

Thông báo chính thức: Muathemewpgiare chân thành mong muốn được đồng hành và hỗ trợ tốt nhất cho các khách hàng trong quá trình sử dụng giao diện WordPress. Vì vậy, khi mua những theme wordpress tại chúng tôi, chúng tôi cam kết hỗ trợ quý khách hàng hết sức có thể.

Chúng tôi hiểu rằng sự lựa chọn của quý khách là rất quan trọng. Việc mua source code tại chúng tôi không chỉ giúp đảm bảo chất lượng mà còn nhận được sự hỗ trợ tận tâm từ Muathemewpgiare. Chúng tôi rất mong quý khách cân nhắc kỹ, tránh những rủi ro không đáng có khi mua các source code không rõ nguồn gốc. Chúng tôi luôn sẵn sàng hỗ trợ và đồng hành cùng quý khách. Xin chân thành cảm ơn!

Liên hệ qua Zalo Liên hệ qua Facebook Gửi Email Gọi Điện

Thủ thuật wordpress – Code thêm nút Edit nhanh cho Admin trên Mobile WordPress

Nếu bạn là một quản trị viên của website WordPress và đang tìm kiếm cách code thêm nút Edit nhanh cho Admin trên Mobile WordPress...
Giới thiệu tính năng Flash Sale “Đã bán bao nhiêu” giống Shopee

Nếu bạn là một người bán hàng trực tuyến trên muathemewpgiare.com và muốn tăng cường sự uy tín của cửa hàng mình, chắc chắn bạn...
Hướng Dẫn Cách Ẩn Sản Phẩm Khi Hết Thời Gian Khuyến Mãi

Nếu bạn đang tìm kiếm một giải pháp dễ dàng để ẩn sản phẩm khi hết thời gian khuyến mãi trên website của mình, bài...
Code thêm SKU tự động vào đường dẫn của sản phẩm trong WordPress

Trong bài viết này, muathemewpgiare sẽ cùng tìm hiểu cách tự động thêm SKU vào đường dẫn sản phẩm trong WordPress, code thêm SKU tự...
Thêm trường số điện thoại, xoá trường email, website và chống spam bình luận bài viết

Trong quá trình phát triển website, việc quản lý bình luận từ người dùng là một phần quan trọng để duy trì tính tương tác...
Cách Code Fake Số Lượng Hàng Đã Bán Trong Woocommerce (Không Cần Plugin)

Khi phát triển trang thương mại điện tử với Woocommerce trên nền tảng WordPress, ngoài việc cung cấp đầy đủ thông tin sản phẩm như...
Sharecode chức năng đăng nhập gần nhất và cột ngày đăng ký tài khoản

Mục Lục1. Tại Sao Cần Buộc Người Dùng Đăng Nhập Trước Khi Xem Trang?2. Hướng Dẫn Buộc Đăng Nhập Trước Khi Xem Trang WordPress2.1. Kiểm...
Sharecode HTML và CSS Bảng Báo Giá

DEMO: Thiết kế Website Cơ bản 5,000,000đ Thiết kế website chuẩn SEO Giao diện responsive Tích hợp cơ bản (Form liên hệ, Bản đồ) Tư...
Sharecode plugin bộ lọc khoảng giá cho wordpress không cần plugin

Khi xây dựng một website WordPress, việc cung cấp công cụ tìm kiếm hiệu quả cho người dùng là rất quan trọng, đặc biệt là...
Sharecode slider sản phẩm đã xem wordpress

Mục Lục1. Tại Sao Cần Buộc Người Dùng Đăng Nhập Trước Khi Xem Trang?2. Hướng Dẫn Buộc Đăng Nhập Trước Khi Xem Trang WordPress2.1. Kiểm...
Tự Động Cập Nhật Hình Đại Diện Cho Bài Viết Trong WordPress

Hình đại diện (thumbnail) cho bài viết trong WordPress là yếu tố quan trọng giúp tăng tính thẩm mỹ và tạo điểm nhấn trực quan...
Share code hiển thị bài viết theo danh mục trong widget

Hướng dẫn chi tiết tạo Widget hiển thị bài viết theo danh mục trong WordPress là một phần quan trọng giúp tối ưu hóa trải...
Cách Thêm Ô Tìm Kiếm Danh Mục (Category) Trong WordPress

Bạn đã bao giờ cảm thấy mệt mỏi khi phải lục tung hàng tá danh mục trong WordPress mỗi khi đăng bài hay sản phẩm...
[Thủ thuật wordpress] Hướng dẫn code chức năng tạo và gửi mã giảm giá tự động khi người dùng đăng ký tài khoản không dùng plugin

Việc tạo mã giảm giá tự động cho người dùng khi đăng ký tài khoản trên website WooCommerce có thể giúp bạn tăng tỷ lệ...
Hướng Dẫn Code Chức Năng Xác Thực Số Điện Thoại Người Dùng Trong WordPress Từ A Đến Z

Xác thực số điện thoại người dùng là một bước quan trọng để bảo vệ tính toàn vẹn của trang web và đảm bảo chỉ...
Sharecode chức năng hiển thị top 10 sản phẩm bán chạy wordpress

Bạn đang tìm kiếm một giải pháp để hiển thị top 10 sản phẩm bán chạy trên website WordPress? Dưới đây, mình sẽ chia sẻ...