Code thêm bài viết liên quan có ảnh vào theme Flatsome

Code thêm bài viết liên quan có ảnh vào theme Flatsome

Theme Flatsome khá tuyệt nhưng phần blog thì không có bài viết liên quan như các theme khác, nó chỉ có bài trước và bài kế tiếp nên nhiều khi cần phải chỉnh sửa theo yêu cầu của khách hoặc sử dụng plugin thay thế. Nhưng đã có giải pháp nhé!

Bài viết liên quan theo tag

Dán code này vào file functions.php của theme/child theme đang kích hoạt

Bài viết liên quan cùng Chuyên mục

Dán code này vào file functions.php của theme/child theme đang kích hoạt

Tiếp theo là phần css, bạn chèn vào style.css của theme/child theme đang kích hoạt hoặc thêm vào CSS bổ sung trong Tuỳ biến của Flatsome.

Sau khi thêm đủ 2 cái đó cho con, chúng ta được 2 shortcode [“bvlq”] và [“bvlq_danh_muc”] (bỏ dấu ” ” khi copy nhé). Chúng ta chọn 1 loại rồi thêm vào Flatsome –> Theme Option –> Blog –> Blog Single Post, chúng ta kéo xuống dưới cùng, tới phần HTML after blog posts. Chúng ta chèn shortcode vào đó rồi lưu lại là xong.

 

Nguồn: https://mcode.ovh

12 thoughts on “Code thêm bài viết liên quan có ảnh vào theme Flatsome

  1. Hùng says:

    Mình chép của bạn quăng vào. Mà sao nó chỉ chia cột hiện tên bài viết liên quan mà không hiện ảnh ra.

    • tuongads says:

      Bạn copy cả phần code cho function.php và CSS nhé. Nếu chưa được thì gửi cho TuongAds đường dẫn website kiểm tra. Mình có thể hỗ trợ bạn qua Zalo, Messenger

  2. Shophouse.vn says:

    Mình làm web bất động sản
    Vậy để các bài viết tin tức liên quan dự án X (cùng thẻ tag)

    Và sau đó dự án liên quan (cùng chuyên mục)

    Mọi thứ xuất hiện ngẫu nhiên hay theo thứ tự mới nhất, có nút xem thêm không bạn?

    Cám ơn

  3. tuongads says:

    Chào các bạn, TuongAds nhận được nhiều yêu cầu hỗ trợ về việc hiển thị bài viết liên quan trên theme Flatsome, mình khẳng định lại là code và css vẫn hoạt động bình thường, các bạn copy css vào css tùy chỉnh và code vào function.php của theme/child theme đang kích thoạt, sau đó mở tùy chỉnh Flatsome lên > vào blog > đặt shortcode vào đúng vị trí là OK nhé.

  4. Huy says:

    Cảm ơn TuongAds. Code hoạt động tốt.
    Mình nghĩ mấy bạn không hiển thị được là do sử dụng plugin comment can thiệp, khiến khung comment mặc định bị ẩn đi, mà shortcode dán ở html sau blog lại móc vào trước comment mặc định nên code ko được hiển thị.
    Các bạn thử fix lại là được.

  5. Anh Tâm says:

    Cảm ơn Anh, code hoạt động tốt.

    Giờ em muốn lấy Bài viết liên quan theo Tag và thêm điều kiện là các bài theo Tag đó phải cùng danh mục thì làm thế nào ạ?

    Em cảm ơn Ạ!

  6. Bear says:

    Hi, bạn cho mình hỏi làm cách nào để ẩn box ngày xuất bản hiện trên ảnh đại diện ạ.

  7. Huy says:

    chào bạn, mình đã add code bài cùng chuyên mục như cách của bạn nhưng nó chỉ hiện ảnh đè cả lên title, rất mong nhờ bạn hỗ trợ giúp mình với ạ

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 *