Bài Viết

#1 Hướng dẫn code chức năng đăng nhập để xem nội dung hoặc bài viết

Q: Làm thế nào để ẩn nội dung cho người chưa đăng nhập trên WordPress?

Để ẩn nội dung, bạn có thể sử dụng shortcode [ẩn] trong WordPress. Với mã này, nội dung sẽ chỉ hiện khi người dùng đã đăng nhập.

Q: Cách sử dụng shortcode [ẩn] để ẩn nội dung bài viết trên WordPress?

Thêm đoạn mã shortcode [ẩn] vào file functions.php của theme, sau đó sử dụng [ẩn]Nội dung của bạn[/ẩn] trong bài viết để ẩn phần nội dung đó.

Q: Hướng dẫn chi tiết cách ẩn nội dung bài viết cho người dùng chưa đăng nhập?

Cài đặt shortcode [ẩn] vào file functions.php . Sau khi thêm mã, sử dụng [ẩn] để bao quanh nội dung bạn muốn ẩn, và nội dung sẽ chỉ hiển thị cho người dùng đăng nhập.

Q: Làm thế nào để thêm chức năng đăng nhập để xem nội dung trên WordPress?

Sử dụng shortcode [ẩn] cho các đoạn nội dung cần ẩn và Meta Box cho toàn bộ bài viết. Thêm mã vào functions.php để thực hiện.

Q: Cách tạo Meta Box để ẩn bài viết trên WordPress?

Đầu tiên, thêm mã tạo Meta Box vào file functions.php . Meta Box này cho phép bạn kiểm soát cài đặt ẩn bài viết cho người chưa đăng nhập.

Q: Làm sao để yêu cầu đăng nhập trước khi xem bài viết trên WordPress?

Thêm mã restrict_content_for_guests vào functions.php , và chỉ cần bật Meta Box cho các bài viết mà bạn muốn yêu cầu đăng nhập.

Q: Các bước thêm shortcode [ẩn] vào file functions.php của WordPress?

Mở file functions.php , thêm đoạn mã định nghĩa shortcode [ẩn] , lưu lại và sử dụng [ẩn] trong các bài viết.

Q: Hướng dẫn cách hiển thị thông báo yêu cầu đăng nhập trên WordPress?

Trong mã shortcode [ẩn] , thiết lập đoạn thông báo yêu cầu đăng nhập để xuất hiện khi người dùng chưa đăng nhập.

Q: Làm cách nào để sử dụng Meta Box để kiểm soát nội dung ẩn trên WordPress?

Kích hoạt Meta Box “Chỉ dành cho thành viên” trong quá trình chỉnh sửa bài viết để ẩn toàn bộ bài viết cho người chưa đăng nhập.

Q: Hướng dẫn thêm Meta Box để ẩn nội dung cho người chưa đăng nhập?

Thêm đoạn mã tạo Meta Box vào functions.php . Khi soạn bài viết, đánh dấu vào ô “Chỉ dành cho thành viên” để ẩn bài viết.

Đăng vào Tháng 10 30, 2024Tháng 10 31, 2024 bởi admin

admin

30/10/2024

7 Phút đọc

227 Lượt xem

Đánh giá

4.4/5 - (100 bình chọn)

Dưới đây là hướng dẫn chi tiết về cách thêm chức năng “Đăng nhập để xem nội dung hoặc bài viết” vào website WordPress của bạn. Chúng ta sẽ sử dụng shortcode [ẩn] để ẩn nội dung trong bài viết và một Meta Box để kiểm soát ẩn toàn bộ bài viết cho người chưa đăng nhập. Nay mình sẽ hướng dẫn các bạn cách code ẩn nội dung chỉ thành viên đăng nhập mới thấy nhé. Mời các bạn xem bài viết hướng dẫn dưới đây

Bắt buộc Đăng nhập để xem nội dung hoặc bài viết

Xem demo tại đây: https://muathemewpgiare.com/tu-dong-chia-se-file-google-drive-woocommerce/

Hướng dẫn code chức năng đăng nhập để xem nội dung hoặc bài viết

Trong hướng dẫn này, chúng ta sẽ xây dựng một tính năng trên WordPress, cho phép bạn ẩn nội dung trong một phần hoặc toàn bộ bài viết, và chỉ hiện cho người đã đăng nhập. Với tính năng này, người dùng chưa đăng nhập sẽ thấy thông báo yêu cầu đăng nhập hoặc đăng ký để xem nội dung.

Phần 1: Sử dụng shortcode `[ẩn]` để ẩn một phần nội dung trong bài viết và đăng nhập để xem nội dung hoặc bài viết

Shortcode [ẩn] giúp bạn ẩn một phần nội dung trong bài viết và chỉ hiển thị cho người dùng đã đăng nhập. Nếu người dùng chưa đăng nhập, sẽ hiển thị thông báo yêu cầu đăng nhập hoặc đăng ký.

Bước 1: Thêm shortcode `[ẩn]` vào `functions.php`

Thêm đoạn mã sau vào file functions.php của theme bạn đang sử dụng:

// Thêm shortcode [an] để ẩn nội dung cho khách
function an_shortcode($atts, $content = null) {
    // Kiểm tra xem người dùng đã đăng nhập chưa
    if (is_user_logged_in()) {
        // Nếu đã đăng nhập, hiển thị nội dung
        return do_shortcode($content);
    } else {
        // Nếu chưa đăng nhập, hiển thị thông báo hoặc lời nhắc đăng nhập
        ob_start();
        ?>
        <div class="muathemewpgiare-vuacode-content">
            <p class="muathemewpgiare-vuacode-message">Vui lòng đăng nhập hoặc đăng ký tài khoản để xem nội dung này</p>
        </div>
        <style>
            /* Hiệu ứng gradient động */
            @keyframes gradientBG {
                0% { background-position: 0% 50%; }
                50% { background-position: 100% 50%; }
                100% { background-position: 0% 50%; }
            }

            /* Khối ẩn nội dung */
            .muathemewpgiare-vuacode-content {
                padding: 25px;
                border-radius: 12px;
                text-align: center;
                font-size: 20px;
                font-weight: bold;
                color: #ffffff;
                font-family: Arial, sans-serif;
                background: linear-gradient(45deg, #ff6f91, #ff9671, #ffc75f, #f9f871);
                background-size: 300% 300%;
                animation: gradientBG 6s ease infinite;
                box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
                filter: brightness(0.95);
            }

            /* Hiệu ứng chữ */
            .muathemewpgiare-vuacode-message {
                font-weight: bold;
                font-family: 'Helvetica Neue', sans-serif;
                text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
                letter-spacing: 0.8px;
            }
        </style>
        <?php
        return ob_get_clean();
    }
}
add_shortcode('an', 'an_shortcode');

// Thêm shortcode [an] để ẩn nội dung cho khách

function an_shortcode($atts, $content = null) {

// Kiểm tra xem người dùng đã đăng nhập chưa

if (is_user_logged_in()) {

// Nếu đã đăng nhập, hiển thị nội dung

return do_shortcode($content);

} else {

// Nếu chưa đăng nhập, hiển thị thông báo hoặc lời nhắc đăng nhập

ob_start();

<p class="muathemewpgiare-vuacode-message">Vui lòng đăng nhập hoặc đăng ký tài khoản để xem nội dung này</p>

</div>

<style>

/* Hiệu ứng gradient động */

@keyframes gradientBG {

0% { background-position: 0% 50%; }

50% { background-position: 100% 50%; }

100% { background-position: 0% 50%; }

}

/* Khối ẩn nội dung */

.muathemewpgiare-vuacode-content {

padding: 25px;

border-radius: 12px;

text-align: center;

font-size: 20px;

font-weight: bold;

color: #ffffff;

font-family: Arial, sans-serif;

background: linear-gradient(45deg, #ff6f91, #ff9671, #ffc75f, #f9f871);

background-size: 300% 300%;

animation: gradientBG 6s ease infinite;

box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);

filter: brightness(0.95);

}

/* Hiệu ứng chữ */

.muathemewpgiare-vuacode-message {

font-weight: bold;

font-family: 'Helvetica Neue', sans-serif;

text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);

letter-spacing: 0.8px;

}

</style>

<?php

return ob_get_clean();

}

add_shortcode('an', 'an_shortcode');

Cách sử dụng

Sau khi thêm mã này, bạn có thể sử dụng shortcode [ẩn] trong bài viết để ẩn bất kỳ nội dung nào bạn muốn. Ví dụ:

Đây là nội dung công khai.

[an]Đây là nội dung chỉ hiển thị cho người dùng đã đăng nhập.[/an]

Nội dung này cũng công khai.

Đây là nội dung công khai.

[an]Đây là nội dung chỉ hiển thị cho người dùng đã đăng nhập.[/an]

Nội dung này cũng công khai.

Khi người dùng chưa đăng nhập, phần nội dung giữa [ẩn] và [/ẩn] sẽ bị ẩn và thay thế bằng thông báo yêu cầu đăng nhập.

Phần 2: Ẩn toàn bộ bài viết với người chưa đăng nhập

Nếu bạn muốn ẩn toàn bộ nội dung bài viết đối với người chưa đăng nhập, bạn có thể sử dụng một Meta Box để bật/tắt tính năng này cho từng bài viết.

Có thể bạn quan tâm: Hướng Dẫn Tạo Popup Đăng Nhập Thành Công Bằng SweetAlert2 Trong WordPress

Bước 1: Thêm mã kiểm tra đăng nhập vào `functions.php`

Thêm đoạn mã sau vào functions.php:

// Ẩn nội dung bài viết với người chưa đăng nhập nếu Meta Box được bật
function restrict_content_for_guests($content) {
    if (is_single() && in_the_loop() && is_main_query()) {
        $hidden_content = get_post_meta(get_the_ID(), '_hidden_content', true);

        // Kiểm tra nếu bài viết có cài đặt chỉ dành cho thành viên và người dùng chưa đăng nhập
        if ($hidden_content && !is_user_logged_in()) {
            return '<p>Nội dung này chỉ dành cho thành viên đã đăng nhập. Vui lòng <a href="' . wp_login_url(get_permalink()) . '">đăng nhập</a> hoặc <a href="' . wp_registration_url() . '">đăng ký</a> để xem nội dung này.</p>';
        }
    }
    return $content;
}
add_filter('the_content', 'restrict_content_for_guests');

// Ẩn nội dung bài viết với người chưa đăng nhập nếu Meta Box được bật

function restrict_content_for_guests($content) {

if (is_single() && in_the_loop() && is_main_query()) {

$hidden_content = get_post_meta(get_the_ID(), '_hidden_content', true);

// Kiểm tra nếu bài viết có cài đặt chỉ dành cho thành viên và người dùng chưa đăng nhập

if ($hidden_content && !is_user_logged_in()) {

return '<p>Nội dung này chỉ dành cho thành viên đã đăng nhập. Vui lòng <a href="' . wp_login_url(get_permalink()) . '">đăng nhập</a> hoặc <a href="' . wp_registration_url() . '">đăng ký</a> để xem nội dung này.</p>';

}

return $content;

}

add_filter('the_content', 'restrict_content_for_guests');

Bước 2: Tạo Meta Box cho cài đặt chỉ hiển thị cho thành viên

Để thêm Meta Box vào trang chỉnh sửa bài viết, sử dụng đoạn mã sau:

// Thêm Meta Box vào trang chỉnh sửa bài viết
function add_hidden_content_meta_box() {
    add_meta_box(
        'hidden_content_meta_box',
        'Chỉ dành cho thành viên',
        'display_hidden_content_meta_box',
        'post',
        'side',
        'high'
    );
}
add_action('add_meta_boxes', 'add_hidden_content_meta_box');

// Hiển thị Meta Box
function display_hidden_content_meta_box($post) {
    $value = get_post_meta($post->ID, '_hidden_content', true);
    ?>
    <label for="hidden_content">Ẩn bài viết với người chưa đăng nhập:</label>
    <input type="checkbox" name="hidden_content" id="hidden_content" value="1" <?php checked($value, '1'); ?> />
    <?php
}

// Lưu giá trị của Meta Box
function save_hidden_content_meta_box($post_id) {
    if (array_key_exists('hidden_content', $_POST)) {
        update_post_meta($post_id, '_hidden_content', $_POST['hidden_content']);
    } else {
        delete_post_meta($post_id, '_hidden_content');
    }
}
add_action('save_post', 'save_hidden_content_meta_box');

// Thêm Meta Box vào trang chỉnh sửa bài viết

function add_hidden_content_meta_box() {

add_meta_box(

'hidden_content_meta_box',

'Chỉ dành cho thành viên',

'display_hidden_content_meta_box',

'post',

'side',

'high'

);

}

add_action('add_meta_boxes', 'add_hidden_content_meta_box');

// Hiển thị Meta Box

function display_hidden_content_meta_box($post) {

$value = get_post_meta($post->ID, '_hidden_content', true);

<label for="hidden_content">Ẩn bài viết với người chưa đăng nhập:</label>

<?php

}

// Lưu giá trị của Meta Box

function save_hidden_content_meta_box($post_id) {

if (array_key_exists('hidden_content', $_POST)) {

update_post_meta($post_id, '_hidden_content', $_POST['hidden_content']);

} else {

delete_post_meta($post_id, '_hidden_content');

}

add_action('save_post', 'save_hidden_content_meta_box');

Cách sử dụng

Sau khi thêm mã trên, bạn sẽ thấy Meta Box mới có tên “Chỉ dành cho thành viên” ở trang chỉnh sửa bài viết.
Khi bạn đánh dấu vào ô “Ẩn bài viết với người chưa đăng nhập”, nội dung bài viết sẽ chỉ hiển thị cho người dùng đã đăng nhập. Người dùng chưa đăng nhập sẽ thấy thông báo yêu cầu đăng nhập hoặc đăng ký.

Tổng kết

Shortcode [ẩn]: Dùng để ẩn một phần nội dung trong bài viết.
Meta Box “Chỉ dành cho thành viên”: Dùng để ẩn toàn bộ nội dung bài viết với người chưa đăng nhập.

Với cách kết hợp này, bạn có thể linh hoạt kiểm soát việc hiển thị nội dung cho từng bài viết hoặc từng đoạn nội dung, tùy vào tình huống và yêu cầu của bạn. Chúc các bạn thành công nhé, hihi

Câu hỏi thường gặp

Làm thế nào để ẩn nội dung cho người chưa đăng nhập trên WordPress?

Để ẩn nội dung, bạn có thể sử dụng shortcode [ẩn] trong WordPress. Với mã này, nội dung sẽ chỉ hiện khi người dùng đã đăng nhập.

Accordion Panel

để ẩn nội dung bài viết trên WordPress?"]

Thêm đoạn mã shortcode [ẩn] vào file functions.php của theme, sau đó sử dụng [ẩn]Nội dung của bạn[/ẩn] trong bài viết để ẩn phần nội dung đó.

Hướng dẫn chi tiết cách ẩn nội dung bài viết cho người dùng chưa đăng nhập?

Cài đặt shortcode [ẩn] vào file functions.php. Sau khi thêm mã, sử dụng [ẩn] để bao quanh nội dung bạn muốn ẩn, và nội dung sẽ chỉ hiển thị cho người dùng đăng nhập.

Làm thế nào để thêm chức năng đăng nhập để xem nội dung trên WordPress?

Sử dụng shortcode [ẩn] cho các đoạn nội dung cần ẩn và Meta Box cho toàn bộ bài viết. Thêm mã vào functions.php để thực hiện.

Cách tạo Meta Box để ẩn bài viết trên WordPress?

Đầu tiên, thêm mã tạo Meta Box vào file functions.php. Meta Box này cho phép bạn kiểm soát cài đặt ẩn bài viết cho người chưa đăng nhập.

Làm sao để yêu cầu đăng nhập trước khi xem bài viết trên WordPress?

Thêm mã restrict_content_for_guests vào functions.php, và chỉ cần bật Meta Box cho các bài viết mà bạn muốn yêu cầu đăng nhập.

Accordion Panel

vào file functions.php của WordPress?"]

Mở file functions.php, thêm đoạn mã định nghĩa shortcode [ẩn], lưu lại và sử dụng [ẩn] trong các bài viết.

Hướng dẫn cách hiển thị thông báo yêu cầu đăng nhập trên WordPress?

Trong mã shortcode [ẩn], thiết lập đoạn thông báo yêu cầu đăng nhập để xuất hiện khi người dùng chưa đăng nhập.

Làm cách nào để sử dụng Meta Box để kiểm soát nội dung ẩn trên WordPress?

Kích hoạt Meta Box “Chỉ dành cho thành viên” trong quá trình chỉnh sửa bài viết để ẩn toàn bộ bài viết cho người chưa đăng nhập.

Hướng dẫn thêm Meta Box để ẩn nội dung cho người chưa đăng nhập?

Thêm đoạn mã tạo Meta Box vào functions.php. Khi soạn bài viết, đánh dấu vào ô “Chỉ dành cho thành viên” để ẩn bài viết.

Cách kiểm tra trạng thái đăng nhập của người dùng trên WordPress?

Sử dụng hàm is_user_logged_in() để kiểm tra xem người dùng đã đăng nhập hay chưa và hiển thị nội dung phù hợp.

Làm sao để ẩn một phần nội dung của bài viết trên WordPress?

Dùng shortcode

Vui lòng đăng nhập hoặc đăng ký tài khoản để xem nội dung này

bao quanh phần nội dung muốn ẩn, đoạn nội dung này sẽ chỉ hiện khi người dùng đăng nhập.

Hướng dẫn thêm mã shortcode vào functions.php của WordPress?

Thêm mã PHP định nghĩa shortcode vào file functions.php của theme. Lưu file để kích hoạt shortcode trên trang web.

Cách lưu giá trị Meta Box trong quá trình chỉnh sửa bài viết WordPress?

Sử dụng hàm save_post để lưu giá trị Meta Box. Đoạn mã này sẽ lưu giá trị Meta Box khi bạn nhấn nút “Lưu” hoặc “Cập nhật” bài viết.

Shortcode wordpress sẽ hiển hiện nội dung nếu thành viên đăng nhập đúng không?

Đúng nhé, khi thành viên đăng nhập thì những nội dung bên trong shortcode sẽ được hiển thị, còn khi thành viên chưa đăng nhập hoặc thoát tài khoản thì sẽ không thể xem được nội dung.

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

Cách tách Product Tabs trong WooCommerce thành các section riêng biệt

Hãy tưởng tượng bạn đang lướt qua một trang sản phẩm trên một website WooCommerce, và bạn nhìn thấy các thông tin như mô tả,...
Widget là gì? Tất cả 100% kiến thức cần biết về Widget WordPress

Nếu bạn là một nhà thiết kế web hoặc đã từng làm việc với WordPress, chắc chắn bạn không còn xa lạ với thuật ngữ...
Cách Tạo Các Cuộc Thi Online Để Tăng Truy Cập Website Mới Nhất 2025

Trong thời đại số hóa hiện nay, việc tăng cường truy cập website trở nên cực kỳ quan trọng. Một trong những chiến lược hiệu...
Cách Đo Lường Hiệu Quả Chiến Dịch Marketing Nội Dung

Trong bối cảnh cạnh tranh ngày càng gay gắt, việc đo lường hiệu quả của các chiến dịch marketing nội dung trở thành yếu tố...
Cách Tạo Ra Một Trang Giới Thiệu Ấn Tượng WordPress

Trong bối cảnh cạnh tranh ngày càng gia tăng trên không gian trực tuyến, việc tạo ra một trang giới thiệu ấn tượng là vô...
Hướng Dẫn Xóa Tab WooCommerce Khỏi Trang Sản Phẩm Một Cách Dễ Dàng

Bạn đang sử dụng WooCommerce cho cửa hàng trực tuyến của mình và cảm thấy trang sản phẩm của mình có quá nhiều tab không...
Hướng Dẫn Chi Tiết Cách Sửa Lỗi WordPress Không Được Google Index

Chắc hẳn bạn đang gặp phải tình trạng website WordPress của mình không xuất hiện trên Google, phải không? Điều này không chỉ khiến bạn...
Cách Tạo Biểu Mẫu Đăng Ký Đơn Giản Cho Website Cực Dễ 2025

Trong thế giới số hóa hiện nay, việc tạo một biểu mẫu đăng ký đơn giản cho website là vô cùng cần thiết để thu...
[Thủ Thuật WordPress] Code thu gọn bài viết trong WordPress cực đẹp, đơn giản

Nếu bạn đang tìm cách tối ưu hóa giao diện mô tả sản phẩm trên website WordPress sử dụng Woocommerce, bài viết này sẽ cung...
Chương Trình Khuyến Mãi Mua Theme Tháng 01/2025

Chào đón năm mới 2025, Muathemewpgiare.com hân hạnh mang đến chương trình khuyến mãi mua theme wordpress đặc biệt trong suốt tháng 1 với nhiều...
Mua Website Có Sẵn Mới Nhất 2025

Với sự phát triển mạnh mẽ của internet và thương mại điện tử, việc sở hữu một website trở thành yếu tố then chốt giúp...
Chiến Lược Phát Triển SEO Top 1 Google 2025 Dành Cho Người Mới

SEO (Search Engine Optimization) là một trong những chiến lược quan trọng nhất để đưa website của bạn lên vị trí cao trên Google. Đặc...
Cách Thiết Kế Website Bán Hàng Đạt Hiệu Quả Cao

Việc thiết kế website bán hàng chất lượng không chỉ giúp doanh nghiệp nâng cao uy tín thương hiệu mà còn hỗ trợ mở rộng...
Hướng Dẫn Chọn Mua Theme WordPress Giá Rẻ và Tối Ưu SEO Để Tăng Thứ Hạng Google

Khi xây dựng website trên nền tảng WordPress, một trong những yếu tố quan trọng nhất là lựa chọn theme WordPress giá rẻ phù hợp...
Mua Theme Giá Rẻ và Chọn Theme WordPress Bán Hàng Chuẩn SEO

Khi bạn bắt đầu xây dựng một website với WordPress, việc chọn đúng theme WordPress là yếu tố quan trọng giúp website của bạn không...
Mua Theme WordPress Giá Rẻ – Cập Nhật Các Plugin, Thủ Thuật và Tài Nguyên Shop Mới Nhất

Mục LụcHướng dẫn code chức năng đăng nhập để xem nội dung hoặc bài viếtPhần 1: Sử dụng shortcode [ẩn] để ẩn một phần nội...