Tìm theo từ khóa

Tạo nút Read More / Read Less (Xem thêm / Ẩn nội dung) cho nội dung quá dài trong wordpress



Để tạo nút Read More / Read Less cho các nội dung dài quá trong website ta dùng cách như sau

HTML

Nội dung cần ẩn hiện ta cần để trong các thẻ như sau

Chúng ta dùng css như sau để ẩn các nội dung ban đầu

CSS

JS

Cuối cùng là thêm đoạn js sau để ẩn và hiện nội dung khi click vào

Nâng cao

Để tiện hơn trong khi sử dụng chúng ta sẽ biến các tag html thành shortcode để khi cần ẩn nội dung chúng ta chỉ cần gọi shortcode ra mà thôi, chúng ta tạo shortcode như sau trong function.php

Như vậy nội dung cần ẩn và hiện chúng ta chỉ cần thêm shortcode như bên dưới

Chúc các bạn thành công nhé!

 

 

 

5/5 - (3 bình chọn)
5 1 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest
0 Góp ý
Mới nhất
Cũ nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
0
Rất thích suy nghĩ của bạn, hãy bình luận.x