Hôm trước mình có hướng dẫn 1 bạn cách để có thể chèn ảnh thumbnail full-width ở trong post cho đẹp mặt (Theme Flatsome). Mình kiểm tra trong theme option thì không thấy post nó có định dạng này (Không biết nó có để ở đâu không). Sau 1 hồi tìm hiểu thì thấy trong post có 2 hook, 1 hook nằm ở đầu bài post và 1 hook nằm ở cuối bài post. Cho nên mình nghĩ ra ngay cách có thể chèn hình ảnh vào đây để hiển thị full-width đáp ứng được yêu cầu của các anh em nào cần.
Các bạn follow bài viết dưới đây để có thể thực hiện được nhé.
Tạo function hiển thị hình ảnh full-width
Ở ví dụ này mình sẽ tạo 1 bài post hiển thị hình ảnh full-width ở đầu bài post, và hình ảnh này mình sẽ sử dụng chính ảnh thumbnail nhé.
Các bạn chỉ cần sử dụng hook flatsome_before_blog và gọi thumbnail của hình ra là được.
Sử dụng đoạn code sau
function add_thumnail_post_pttuan(){;?>
<?php if (has_post_thumbnail() && is_single()){;?>
<div class="thumbnail-pt">
<?php the_post_thumbnail('full');?>
</div>
<?php };?>
<style>
.thumbnail-pt img{
width:100%}
</style>
<?php }
add_action('flatsome_before_blog','add_thumnail_post_pttuan');
Và xem kết quả của mình ntn nhé.
Các bạn có thể tham khảo thêm các hook của flatsome trong seri giới thiệu hook của mình nhé
- Một số hook cơ bản của Flatsome P.1
- Một số hook cơ bản của Flatsome P.2
- Một số hook cơ bản của Flatsome P.3