Thủ thuật wordpress

Cách chèn thêm sản phẩm vào trong bài viết wordpress giống levantoan

Đăng vào Tháng 1 13, 2025 bởi admin

admin

13/01/2025

11 Phút đọc

15 Lượt xem

Đánh giá

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

Tại Sao Nên Sử Dụng Mẫu Website Nổi Bật?

Khi bạn đến với muathemewpgiare.com, chắc hẳn bạn đã nghe nhiều về các mẫu website chuẩn SEO, đẹp mắt, và dễ dàng tùy chỉnh. Tuy nhiên, hôm nay chúng tôi không chỉ dừng lại ở đó! Hãy tưởng tượng nếu bạn có thể tự động hiển thị các sản phẩm nổi bật của mình ngay trong bài viết mà không cần phải làm gì thêm. Vậy, bạn đã sẵn sàng để trải nghiệm chưa?

Cách chèn thêm sản phẩm vào trong bài viết wordpress giống levantoan

Các Sản Phẩm WooCommerce Tự Động: Một Giải Pháp Thông Minh

Với tính năng hiển thị sản phẩm WooCommerce tự động, bạn không cần phải lặp lại các thao tác chèn sản phẩm thủ công vào từng bài viết nữa. Tất cả các sản phẩm nổi bật nhất sẽ được lấy tự động từ kho sản phẩm của bạn và hiển thị ở cuối bài viết mà không cần một cú click nào từ bạn. Thật là tuyệt vời phải không?

Điều Gì Làm Nên Sự Khác Biệt Của Tính Năng Này?

Một điểm đặc biệt nữa là các sản phẩm sẽ được hiển thị theo kiểu danh sách cực kỳ bắt mắt và tối ưu cho cả thiết bị di động. Đặc biệt, bạn sẽ không phải lo lắng về việc bài viết bị “làm quá” với quá nhiều quảng cáo. Các sản phẩm sẽ hiển thị dưới dạng gọn gàng, dễ dàng điều chỉnh kích thước theo màn hình của người dùng.

Tối Ưu Trải Nghiệm Người Dùng – SEO Và Thiết Kế Đồng Bộ

Mọi thứ từ tính thẩm mỹ đến tốc độ tải trang đều được tối ưu hóa. Các sản phẩm sẽ được hiển thị một cách hoàn hảo trên cả máy tính bàn lẫn điện thoại di động. Đặc biệt, với một thiết kế đơn giản nhưng tinh tế, người dùng sẽ có trải nghiệm mượt mà và không bị gián đoạn trong quá trình duyệt web.

Vậy bạn có thể yên tâm rằng muathemewpgiare.com sẽ giúp bạn giữ vững thứ hạng SEO của mình mà vẫn đem đến cho khách hàng một trải nghiệm tuyệt vời!

Hỗ Trợ SEO Mạnh Mẽ

Được tối ưu hoàn toàn cho SEO, mọi liên kết đến các sản phẩm WooCommerce trong bài viết đều có thẻ rel=”nofollow” để tránh làm “dilute” (loãng) giá trị SEO của bài viết chính. Điều này giúp các công cụ tìm kiếm dễ dàng hiểu rằng sản phẩm là một phần bổ sung mà không ảnh hưởng trực tiếp đến SEO của bài viết.

Lợi Ích Khi Sử Dụng Chức Năng Hiển Thị Sản Phẩm Tự Động

Tiết kiệm thời gian: Không cần phải thủ công thêm sản phẩm vào bài viết nữa.
Tối ưu SEO: Dễ dàng bảo vệ SEO của bài viết trong khi vẫn quảng bá sản phẩm.
Dễ dàng chỉnh sửa: Mọi thứ đều có thể được tùy chỉnh, không phải lo ngại về việc làm thay đổi bài viết gốc.
Hiển thị thông minh: Tất cả sản phẩm sẽ tự động căn chỉnh theo màn hình của thiết bị người dùng, từ điện thoại di động đến desktop.

Cải Thiện Trải Nghiệm Người Dùng Và Tối Ưu Hoá SEO

Tính năng này không chỉ giúp bạn tiết kiệm thời gian mà còn đảm bảo rằng trang web của bạn không bị làm rối bởi quá nhiều quảng cáo hoặc nội dung ngoài lề. Muathemewpgiare.com giúp bạn giữ mọi thứ đơn giản nhưng hiệu quả. Các sản phẩm sẽ tự động xuất hiện một cách hợp lý và dễ dàng thu hút sự chú ý của người đọc mà không làm ảnh hưởng đến sự mượt mà của trang web.

Làm Thế Nào Để Kích Hoạt Tính Năng Này?

Nếu bạn đã sử dụng WooCommerce, việc kích hoạt tính năng hiển thị sản phẩm tự động trong bài viết rất đơn giản. Bạn chỉ cần thêm một đoạn mã nhỏ vào file functions.php và hệ thống sẽ tự động làm phần còn lại. Quá trình này cực kỳ dễ dàng và không yêu cầu bất kỳ kỹ năng lập trình nào.

// Hàm để lấy sản phẩm WooCommerce và hiển thị dưới dạng HTML cố định
function get_featured_woocommerce_products($post_id) {
    // Kiểm tra xem có cache đã lưu cho bài viết này hay không
    $cached_products = get_transient('featured_woocommerce_products_' . $post_id);
    
    if (false === $cached_products) {
        // Nếu không có cache, lấy sản phẩm mới
        $args = array(
            'post_type' => 'product',
            'posts_per_page' => 4, // Hiển thị 4 sản phẩm (có thể thay đổi số lượng)
            'post_status' => 'publish',
            'orderby' => 'date', // Sắp xếp theo ngày đăng
            'order' => 'DESC', // Thứ tự giảm dần
        );

        $query = new WP_Query($args);
        
        // Khởi tạo HTML cho sản phẩm
        $html = '<div class="muathemewpgiare-bvnb_single_wrap_ads2" data-nosnippet="true"> <!-- Data-attribute giúp tránh việc Google hiển thị nội dung này-->
                    <div class="muathemewpgiare-bvnb_single_title">Mẫu website nổi bật của tôi</div>
                    <div class="muathemewpgiare-bvnb_single_mycodes_all clear">';
        
        // Lặp qua các sản phẩm
        while ($query->have_posts()) : $query->the_post();
            $product_url = get_permalink();
            $product_title = get_the_title();
            $product_image = get_the_post_thumbnail_url(get_the_ID(), 'thumbnail');
            
            $html .= '<div class="muathemewpgiare-bvnb_single_mycodes_box">
                        <a href="' . esc_url($product_url) . '" title="' . esc_attr($product_title) . '" class="img_respon" target="_blank" rel="nofollow">
                            <img decoding="async" src="' . esc_url($product_image) . '" alt="' . esc_attr($product_title) . '" class="muathemewpgiare-bvnb_thumbnail_latest">
                        </a>
                        <div class="muathemewpgiare-bvnb_single_title_author">
                            <a href="' . esc_url($product_url) . '" title="' . esc_attr($product_title) . '" target="_blank" rel="nofollow">' . esc_html($product_title) . '</a>
                        </div>
                    </div>';
        endwhile;
        
        wp_reset_postdata();

        $html .= '</div></div>';
        
        // Lưu HTML vào transient để cache trong 12 giờ (có thể thay đổi thời gian)
        set_transient('featured_woocommerce_products_' . $post_id, $html, 12 * HOUR_IN_SECONDS);
    }
    
    // Trả về HTML đã lấy từ cache hoặc mới tạo
    return $cached_products;
}

// Hook vào việc hiển thị nội dung bài viết và chèn sản phẩm vào cuối bài viết
function append_woocommerce_products_to_post($content) {
    // Kiểm tra nếu đang hiển thị bài viết (không phải trang hoặc các loại post khác)
    if (is_single() && 'post' === get_post_type()) {
        $post_id = get_the_ID(); // Lấy ID bài viết hiện tại
        $content .= get_featured_woocommerce_products($post_id); // Thêm sản phẩm vào cuối bài viết
    }

    return $content;
}

// Thêm hàm vào hook 'the_content'
add_filter('the_content', 'append_woocommerce_products_to_post');

// Hàm để lấy sản phẩm WooCommerce và hiển thị dưới dạng HTML cố định

function get_featured_woocommerce_products($post_id) {

// Kiểm tra xem có cache đã lưu cho bài viết này hay không

$cached_products = get_transient('featured_woocommerce_products_' . $post_id);

if (false === $cached_products) {

// Nếu không có cache, lấy sản phẩm mới

$args = array(

'post_type' => 'product',

'posts_per_page' => 4, // Hiển thị 4 sản phẩm (có thể thay đổi số lượng)

'post_status' => 'publish',

'orderby' => 'date', // Sắp xếp theo ngày đăng

'order' => 'DESC', // Thứ tự giảm dần

);

$query = new WP_Query($args);

// Khởi tạo HTML cho sản phẩm

$html = '<div class="muathemewpgiare-bvnb_single_wrap_ads2" data-nosnippet="true">

<div class="muathemewpgiare-bvnb_single_title">Mẫu website nổi bật của tôi</div>

<div class="muathemewpgiare-bvnb_single_mycodes_all clear">';

// Lặp qua các sản phẩm

while ($query->have_posts()) : $query->the_post();

$product_url = get_permalink();

$product_title = get_the_title();

$product_image = get_the_post_thumbnail_url(get_the_ID(), 'thumbnail');

$html .= '<div class="muathemewpgiare-bvnb_single_mycodes_box">

</a>

<a href="' . esc_url($product_url) . '" title="' . esc_attr($product_title) . '" target="_blank" rel="nofollow">' . esc_html($product_title) . '</a>

</div>

</div>';

endwhile;

wp_reset_postdata();

$html .= '</div></div>';

// Lưu HTML vào transient để cache trong 12 giờ (có thể thay đổi thời gian)

set_transient('featured_woocommerce_products_' . $post_id, $html, 12 * HOUR_IN_SECONDS);

}

// Trả về HTML đã lấy từ cache hoặc mới tạo

return $cached_products;

}

// Hook vào việc hiển thị nội dung bài viết và chèn sản phẩm vào cuối bài viết

function append_woocommerce_products_to_post($content) {

// Kiểm tra nếu đang hiển thị bài viết (không phải trang hoặc các loại post khác)

if (is_single() && 'post' === get_post_type()) {

$post_id = get_the_ID(); // Lấy ID bài viết hiện tại

$content .= get_featured_woocommerce_products($post_id); // Thêm sản phẩm vào cuối bài viết

}

return $content;

}

// Thêm hàm vào hook 'the_content'

add_filter('the_content', 'append_woocommerce_products_to_post');

Sản Phẩm WooCommerce Hiển Thị Tự Động Ngay Trong Bài Viết

Đúng vậy, giờ đây bạn có thể hiển thị các sản phẩm WooCommerce ngay trong bài viết của mình mà không cần phải lo lắng mỗi khi muốn giới thiệu một món đồ hấp dẫn nào đó. Hãy để muathemewpgiare.com lo liệu cho bạn tất cả!

Khi bạn viết bài trên website của mình, sản phẩm WooCommerce sẽ tự động được thêm vào cuối bài viết một cách thông minh và tiện lợi. Chúng tôi đã tối ưu mọi thứ từ sản phẩm đến cách thức hiển thị sao cho hợp lý nhất. Đặc biệt, với muathemewpgiare.com, bạn không phải lo việc làm giảm chất lượng SEO của bài viết.

Không Cần Lo Lắng Về SEO

Có một sự thật thú vị mà nhiều người chưa biết: Google yêu thích các trang web thân thiện với thiết bị di động và tối ưu trải nghiệm người dùng. Vì vậy, khi sử dụng muathemewpgiare.com, bạn sẽ thấy rằng tất cả các sản phẩm WooCommerce đều được hiển thị theo cách không làm ảnh hưởng đến thứ hạng SEO của bài viết.

Dưới đây là css, các bạn có thể cải tiến thêm cho phù hợp nhu cầu nhé

/* Định nghĩa các kiểu cho .muathemewpgiare-bvnb_single_wrap_ads2 */
.muathemewpgiare-bvnb_single_wrap_ads2 {
    color: #000000;
    margin-bottom: 10px;
    font-size: 16px;
    border: 2px dashed #ff0000;
    padding: 10px;
    background: #fffdf3;
    line-height: 22px;
    box-sizing: border-box; /* Đảm bảo tính toán chính xác chiều rộng và chiều cao */
}

/* Tiêu đề */
.muathemewpgiare-bvnb_single_title {
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 10px;
    color: #333;
}

/* Box sản phẩm */
.muathemewpgiare-bvnb_single_mycodes_box {
    width: 25%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    text-align: center;
}

/* Đảm bảo rằng các phần tử không bị tràn */
.clear::after {
    content: "";
    display: table;
    clear: both;
}

/* Các Media Queries cho các thiết bị di động và máy tính bảng */

/* Tablet - màn hình rộng từ 600px đến 1024px */
@media (max-width: 1024px) {
    .muathemewpgiare-bvnb_single_mycodes_box {
        width: 50%; /* Chia đều 2 cột */
    }
}

/* Điện thoại di động - màn hình rộng dưới 600px */
@media (max-width: 600px) {
    .muathemewpgiare-bvnb_single_wrap_ads2 {
        padding: 15px; /* Thêm padding cho không gian tốt hơn trên thiết bị di động */
    }

    .muathemewpgiare-bvnb_single_mycodes_box {
        width: 100%; /* Mỗi sản phẩm chiếm toàn bộ chiều rộng màn hình */
        padding: 0 0 10px; /* Thêm padding dưới mỗi sản phẩm để tạo khoảng cách */
    }
}

/* Dành cho các màn hình rất nhỏ, như các thiết bị có độ phân giải thấp */
@media (max-width: 400px) {
    .muathemewpgiare-bvnb_single_wrap_ads2 {
        font-size: 14px; /* Giảm kích thước font cho thiết bị có màn hình nhỏ */
        line-height: 20px; /* Giảm dòng cho dễ đọc */
    }

    .muathemewpgiare-bvnb_single_title {
        font-size: 16px; /* Giảm kích thước tiêu đề */
    }
}

/* Hình ảnh của sản phẩm */
.muathemewpgiare-bvnb_thumbnail_latest {
    width: 100%; /* Đảm bảo hình ảnh chiếm đầy không gian của box */
    height: auto;
    max-width: 100%;
}

/* Các liên kết đến sản phẩm */
.muathemewpgiare-bvnb_single_title_author a {
    color: #0073aa;
    text-decoration: none;
}

.muathemewpgiare-bvnb_single_title_author a:hover {
    color: #ff0000;
}

/* Điều chỉnh đường viền, font-size cho cải thiện trải nghiệm */
.muathemewpgiare-bvnb_single_wrap_ads2 {
    font-family: Arial, sans-serif; /* Sử dụng font thân thiện với web */
    font-size: 16px; /* Đảm bảo dễ đọc trên tất cả các thiết bị */
}

/* Định nghĩa các kiểu cho .muathemewpgiare-bvnb_single_wrap_ads2 */

.muathemewpgiare-bvnb_single_wrap_ads2 {

color: #000000;

margin-bottom: 10px;

font-size: 16px;

border: 2px dashed #ff0000;

padding: 10px;

background: #fffdf3;

line-height: 22px;

box-sizing: border-box; /* Đảm bảo tính toán chính xác chiều rộng và chiều cao */

}

/* Tiêu đề */

.muathemewpgiare-bvnb_single_title {

font-weight: 700;

font-size: 18px;

margin: 0 0 10px;

color: #333;

}

/* Box sản phẩm */

.muathemewpgiare-bvnb_single_mycodes_box {

width: 25%;

float: left;

padding: 0 10px;

box-sizing: border-box;

margin-bottom: 15px;

text-align: center;

}

/* Đảm bảo rằng các phần tử không bị tràn */

.clear::after {

content: "";

display: table;

clear: both;

}

/* Các Media Queries cho các thiết bị di động và máy tính bảng */

/* Tablet - màn hình rộng từ 600px đến 1024px */

@media (max-width: 1024px) {

.muathemewpgiare-bvnb_single_mycodes_box {

width: 50%; /* Chia đều 2 cột */

}

/* Điện thoại di động - màn hình rộng dưới 600px */

@media (max-width: 600px) {

.muathemewpgiare-bvnb_single_wrap_ads2 {

padding: 15px; /* Thêm padding cho không gian tốt hơn trên thiết bị di động */

}

.muathemewpgiare-bvnb_single_mycodes_box {

width: 100%; /* Mỗi sản phẩm chiếm toàn bộ chiều rộng màn hình */

padding: 0 0 10px; /* Thêm padding dưới mỗi sản phẩm để tạo khoảng cách */

}

/* Dành cho các màn hình rất nhỏ, như các thiết bị có độ phân giải thấp */

@media (max-width: 400px) {

.muathemewpgiare-bvnb_single_wrap_ads2 {

font-size: 14px; /* Giảm kích thước font cho thiết bị có màn hình nhỏ */

line-height: 20px; /* Giảm dòng cho dễ đọc */

}

.muathemewpgiare-bvnb_single_title {

font-size: 16px; /* Giảm kích thước tiêu đề */

}

/* Hình ảnh của sản phẩm */

.muathemewpgiare-bvnb_thumbnail_latest {

width: 100%; /* Đảm bảo hình ảnh chiếm đầy không gian của box */

height: auto;

max-width: 100%;

}

/* Các liên kết đến sản phẩm */

.muathemewpgiare-bvnb_single_title_author a {

color: #0073aa;

text-decoration: none;

}

.muathemewpgiare-bvnb_single_title_author a:hover {

color: #ff0000;

}

/* Điều chỉnh đường viền, font-size cho cải thiện trải nghiệm */

.muathemewpgiare-bvnb_single_wrap_ads2 {

font-family: Arial, sans-serif; /* Sử dụng font thân thiện với web */

font-size: 16px; /* Đảm bảo dễ đọc trên tất cả các thiết bị */

}

Đánh Giá Cao Chức Năng Này?

Hãy để lại ý kiến của bạn dưới mỗi bài viết để chúng tôi có thể biết được bạn thích tính năng này như thế nào. Đừng quên chia sẻ bài viết này với bạn bè của bạn nếu bạn thấy nó hữu ích!

Chắc chắn bạn sẽ yêu thích tính năng hiển thị sản phẩm WooCommerce tự động này tại Muathemewpgiare.com – một giải pháp hoàn hảo cho cả SEO và trải nghiệm người dùng!

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

Share code Header top đơn giản

Share code Header top đơn giản dành cho các bạn mới nhé. Code header này để dùng hiển thị các thông tin như liên hệ,...
Sharecode cách Chuyển 0đ hoặc không điền thành chữ “Liên hệ”

Nếu bạn đang quản lý một cửa hàng trực tuyến với WooCommerce và muốn thay thế giá trị “0đ” bằng chữ “Liên hệ” cho những...
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ụcTại Sao Nên Sử Dụng Mẫu Website Nổi Bật?Các Sản Phẩm WooCommerce Tự Động: Một Giải Pháp Thông MinhTối Ưu Trải Nghiệm Người Dùng...
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ụcTại Sao Nên Sử Dụng Mẫu Website Nổi Bật?Các Sản Phẩm WooCommerce Tự Động: Một Giải Pháp Thông MinhTối Ưu Trải Nghiệm Người Dùng...
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ệ...