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

loading...

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ó:

add_image_size( ‘shopviet-smallimage’, 80, 80, TRUE );
add_image_size( ‘shopviet-mediumimage’, 214, 279, TRUE );
add_image_size( ‘shopviet-largeimage’, 450, 587, TRUE );

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:

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

<?php echo get_the_post_thumbnail(get_the_ID(), ‘shopviet-mediumimage’ ); ?>

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

$post_thumbnail_id = get_post_thumbnail_id(get_the_ID());
$src_thumbnail =wp_get_attachment_image_src($post_thumbnail_id ,’ ‘shopviet-mediumimage’);
$src_thumbnail[0];

$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

$post_thumbnail_id = get_post_thumbnail_id(get_the_ID());
$src_thumbnail =wp_get_attachment_image_src($post_thumbnail_id ,’ ‘full’);
$src_thumbnail[0];

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

-add image size

-featured image là gì

-thumbnail là gì

-Lấy url image size

-Lấy url image full

-Lấy featured image

Cập nhật bài viết mới qua Email


Theo dõi tôi
Đăng ký nhận tin mới
đăng ký nhận tin mới

Hướng dẫn thiết kế theme

Các functions thường dùng

  • Hotline: 0912 889 416

Mọi sự sao chép xin ghi rõ nguồn là fcwordpress.net

Chuyên trang về wordpress: hướng dẫn thiết kế theme, plugin, thủ thuật wordpress