Thủ thuật, Blog Wordpress Ngày 28/07/2023 5120 lượt xem

Hiện thị bài viết gợi ý cùng tags trong wordpress

Bài viết gợi ý cùng tags -Tags trong WordPress là các từ khóa hoặc cụm từ mô tả nội dung của bài viết. Chúng được sử dụng…

Lê Anh ĐôngFlatsome trên Google News

Hiện thị bài viết gợi ý cùng tags trong wordpress

Bài viết gợi ý cùng tags -Tags trong WordPress là các từ khóa hoặc cụm từ mô tả nội dung của bài viết. Chúng được sử dụng để phân loại và tổ chức các bài viết theo chủ đề. Khi bạn thêm tags vào một bài viết, người đọc có thể dễ dàng tìm kiếm và khám phá các bài viết có liên quan bằng cách nhấp vào các tags tương ứng.

Hiện thị bài viết gợi ý cùng tags trong wordpress

Ngoài việc chúng ta có bài viết cùng chuyên mục thì ta có thêm bài viết cùng Tags , tuy nhiên trong Flatsome hoặc 1 số theme thì không có sẳn code này. Hôm nay Flatsome.xyz sẽ hướng dẫn bạn làm việc này

Đầu tiên để hiện thị bài viết gợi ý cùng tags trong wordpress ta phải có 2 bài viết cùng 1 tags

Cách thêm 2 bài viết cùng tags trong wordpress

Để thêm 2 bài viết cùng 1 tags trong WordPress, bạn có thể làm theo các bước sau:

Đăng nhập vào trang quản lý WordPress của bạn.
Trong menu bên trái, chọn “Bài viết” và sau đó chọn “Thêm mới”.
Viết nội dung cho bài viết đầu tiên.
Bên phía phải của trang, bạn sẽ thấy hộp “Tags”. Nhập tags mà bạn muốn áp dụng cho bài viết này. Nếu tags đã tồn tại, hệ thống sẽ tự động gợi ý cho bạn.
Nhấp vào nút “Thêm” để áp dụng tags cho bài viết.
Tiếp theo, bạn có thể nhấp vào “Lưu nháp” hoặc “Xuất bản” để lưu hoặc xuất bản bài viết đầu tiên.
Tiếp theo, bạn có thể thêm bài viết thứ hai và áp dụng cùng tags như trên. Cả hai bài viết sẽ được liên kết với tags đó và hiển thị khi người dùng bấm vào tags đó trên website của bạn.

Hiện thị bài viết gợi ý cùng tags trong wordpress
Hiện thị bài viết gợi ý cùng tags trong wordpress

Cách thêm Code trong theme Flatsome

(Khuyến cáo nên backup trước khi thao tác trên theme đang chạy – Chỉ thao tác trên child theme nhé 🙂 )

Ngay child theme bạn đang dùng bạn truy cập theo đường dẫn để vào file cần thao tác nhé

Child-theme: entry-title.php (template-parts/posts/partials/entry-title.php)

 

 

Ngay tại vị trí file này thêm đoạn code sau vào đúng vị trí như hình nhé

Cách thêm Code trong theme Flatsome
Cách thêm Code trong theme Flatsome

Đoạn code sau : 

Đoạn trên đã bao gồm code và css

bạn có thể xem qua Demo tại đây : https://top10amthuc.net/mi-quang-da-nang.html

Đây là kết quả nhé

Hiện thị bài viết gợi ý cùng tags trong wordpress
Hiện thị bài viết gợi ý cùng tags trong wordpress

Để có Icon ta cần thêm link font sau 

Để có hiệu ứng cho trái tìm to nhỏ ta dùng đoạn css sau

Chú ý : class mình thêm trên có sẳn là .quantam bạn có thể đổi thì đổi luôn class này trong css nhé

 

Sắp tới bên Flatsome.xyz sẽ có dự án mới tên là hoidapwp.com

hoidapwp.com
hoidapwp.com

 

nơi đăng câu hỏi và trả lời là làm được . Hi vọng được anh em ủng hộ

Nếu bạn làm không thành công hoặc có câu hỏi nào vui lòng liên hệ trực tiếp qua zalo 0925045760 Đông sẽ giúp bạn

Điểm 5/5 - ( Có 4 bình chọn)

Để lại một bình luận

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 *

Các dịch vụ của FLATSOME.XYZ