Hướng dẫn tạo shortcode hiển thị bài viết liên quan cho website

10844 lượt xem
Mẹo nhỏ: Để tìm kiếm chính xác các ấn phẩm của GiuseArt.com, hãy search trên Google với cú pháp: "Từ khóa" + "giuseart". (Ví dụ: thiệp tân linh mục giuseart). Tìm kiếm ngay

Chào các bạn, hôm nay mình chia sẻ tới các bạn một đoạn code khá hay để tạo shortcode nhằm hiển thị bài viết liên quan ở sidebar cho website. Mời các bạn đón xem nhé!

Link demo: https://ninhbinhweb.info/huong-dan/tao-box-thong-bao-khuyen-mai-dep-cho-website.html

Bài viết hướng dẫn thực hiện trên theme Flatsome, các bạn dùng theme khác cũng có thể áp dụng đoạn code, tuy nhiên nếu gặp lỗi gì vui lòng comment để mình biết nha!

NinhBinhWeb.info---Hướng-dẫn-tạo-shortcode-hiển-thị-widget-bài-viết-liên-quan
Tạo widget  hiển thị bài viết liên quan cho website

Bước 1: Tạo shortcode trong function.php

Bạn vào phần quản trị – Giao diện – Theme file editor (sửa theme), mở file function.php ra, sau đó copy đoạn code này vào cuối file nha!

Đoạn code trên giúp chúng ta tạo shortcode [bvlq], sau đó các bạn có thể paste shortcode đó vào vị trí bất kỳ trong trang single nó đều có thể hiện bài viết liên quan của nhé!

Trong đó, các bạn có thể điều chỉnh số lượng bài viết tại mục ‘posts_per_page’ => 8 (thay số 8 bằng số bất kỳ)

Bước 2: Hiển thị bài viết liên quan tại sidebar

Bước tiếp theo, chúng ta sẽ vào Giao diện – Widget – Chèn widget HTML vào sidebar, sau đó paste shortcode [bvlq] vào widget đó nha!

Bước 3: Trang trí với CSS

Các bạn vào Giao diện – Tùy biến – Style – Custom CSS, sau đó dán toàn bộ code CSS dưới đây:

Bước 4: Lưu lại và hưởng thành quả

Chúc các bạn làm thành công nhé, ai có khúc mắc chỗ nào không được vui lòng comment để mình hướng dẫn nhé!

4.3/5 - (3 bình chọn)
Chia sẻ bài viết:

Thông báo chính thức: Ninh Bình Web (thuộc GiuseArt) không hợp tác với bất kỳ ai để bán giao diện Wordpress và cũng không bán ở bất kỳ kênh nào ngoại trừ Facebookzalo chính thức.

Chúng tôi chỉ support cho những khách hàng mua source code chính chủ. Tiền nào của nấy, khách hàng cân nhắc không nên ham rẻ để mua phải source code không rõ nguồn gốc và không có support về sau! Xin cám ơn!

Thẻ tìm kiếm:

Bài viết mới cập nhật:

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Trang chủ
Tìm kiếm
Lên trên
Chia sẻ
Tải lại
Bình luận