Các khái niệm featured image, thumbnail, add image size là gì?

25/04/2015 14:54 28293

Hôm nay tôi sẽ chia sẽ với anh chị việc xử lý image trong wordpress, trước tiên chúng ta sẽ tìm hiểu các khái niệm

• Featured image là gì

Đây là một khái niệm dùng để chỉ set một image là làm ảnh đại diện của một post, page…

• Thumbnail là gì?

Là khái niệm dùng để chỉ việc xử lý image ra nhiều kích thước khác nhau. Có nghĩa là khi chúng ta upload một image lên nó sẽ tự động crop ra theo các size mà chúng ta định nghĩa, mặc định trong wordpress khi ta upload image lên thì ngoài image gốc wordpress sẽ cắt ra 3 size Thumbnail size, Medium size, Large size, ngoài ra chúng ta có thể định nghĩa thêm thông qua hàm add_image_size

• add image size là khái niệm chỉ việc chúng ta khai báo thêm các size image cần crop trong quá trình làm theme hoặc plugin
• Hướng dẫn xử lý image:

Đầu tiên anh chị phải nắm add_image_size.Ví dụ về cách sử dụng nó:

Trong ví dụ trên chúng ta đã khai báo thêm 3 size image. Anh chị lưu ý các images đã upload trước đó tất nhiên là nó sẽ không được crop ra 3 cái size image mà chúng ta khai báo, để tạo lại thumnail anh chị xài một plugin có tên regenerate thumbnails để tạo lại size image nhé, còn các image về sao khi ta upload về sau nó sẽ tự động crop

Trong quá trình làm theme anh chị thường gặp phải các vấn đề liên quan đến image mà tôi sẽ chia sẽ dưới đây:

• Các cách lấy ảnh đại diện (thumbnail) trong wordpress
• Hướng dẫn sử dụng wp_query
• Các function liên quan đến term trong wordpress
• Hướng dẫn dùng ajax trong wordpress
• Conditional_Tags, điều kiện logic wordpress
• Code đăng ký post type chuẩn
• Code đăng ký taxonomy chuẩn nhất giúp chúng ta copy nhanh vào dự án
• Code đăng ký widget back end và gọi widget ra ngoài front end
• Hướng dẫn custom colunm cho post type trong admin wordpress
• Một số code phổ dụng khi lập trình theme

Kiểm tra có thumbnail không

Truy vấn để lấy featured image cho post, page, post type

Trả về:

<img width=”214″ height=”279″ src=”http://genesis.vn/shopviet/wp-content/uploads/2015/04/aovoannovaigfgsdfg3251433659-214×279.jpg” class=”attachment-shopviet-mediumimage wp-post-image” alt=”aovoannovaigfgsdfg3251433659″>

Lấy url image size

Nếu trong quá trình làm theme anh chị không muốn sử dụng cách trên mà ảnh chỉ muốn lấy url của image size thì  anh chỉ có thể làm như sau

$src_thumbnail[0] sẽ trả về http://genesis.vn/shopviet/wp-content/uploads/2015/04/aovoannovaigfgsdfg3251433659-214×279.jpg

Lấy url full image (ảnh gốc) là ảnh dưới local trước khi anh chị upload lên

Sẽ trả về http://genesis.vn/shopviet/wp-content/uploads/2015/04/aovoannovaigfgsdfg3251433659.jpg

Để tìm kiếm lại bài viết anh chị vui lòng search các từ khóa sau

Lấy toàn bộ code html của image

 

-add image size

-featured image là gì

-thumbnail là gì

-Lấy url image size

-Lấy url image full

-Lấy featured image