Tags là từ khóa được nhiều người dùng WordPress thêm vào bài đăng , nó có lợi cho seo
trong hôm nay mình sẽ hướng dẫn cách Thêm từ khóa tags đẹp cho wordpress nhé
Bạn có thể xem thêm bài đăng về code hiển thị Tags trong bài viết WordPress mà mình đã chia sễ
Thêm từ khóa tags đẹp cho wordpress
CÓ THỂ BẠN QUAN TÂM
- Cách kick hoạt theme Flatsome bản quyền mới nhất 2022
- [hỏi đáp] Hiện thị thông tin bên dưới sản phẩm bằng hook trong wooce wordpress
- iNET khuyến mại Flash Sale tháng 11, giảm giá tới 68% rất nhiều dịch vụ
- Share theme Magine – Business Blog WordPress Theme
- Flatsale từ ngày 27/7 – giảm 80% giá trị host azdigi.com
- Css tạo góc vuông cho phân trang trong Flatsome
Để bạn dễ hình dung mình nói gì bạn xem qua demo mình đã làm nhé
Từ khóa bài đăng được thêm vào như hình chúng ta cần làm như sau
Mớ file single.php như đường dẫn Flatsome Child: single.php (template-parts/posts/single.php)
thêm code này vào nhé :
|
1 2 3 4 5 6 7 8 |
<div class="tags-thongtin"> <div class="tags-text"> Tags : </div> <div id="tags-posts"> <?php the_tags(); ?> </div> </div> |
thêm css vào cho hoàn thiện
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
/*Tags bài viết*/ .tags-thongtin { display: flex; } div#tags-posts a { visibility: visible; background: #00adef; color: #fff; margin-bottom: 1px; padding: 0px 5px; border-radius: 2px; font-size: 12px; display: inline-block; border-bottom-left-radius: 7px; border-top-right-radius: 7px; } div#tags-posts a:hover { color: #00adef; border: 1px solid; background-color: #ffffff; } div#tags-posts { padding-bottom: 15px; visibility: hidden; margin-left: -20px; margin-top: -2px; } |
Xem kết quả nào
nếu bạn làm ko được hoặc có vấn đề gì để lại commem để mình hộ trợ nhé
Chúc các bạn thành công