Tạo Nhiều Kích Thước Thumbnail, Đặt Thumbail Tùy Ý Trong wordpress
Trong wordpress thumbnail được chia làm 3 dạng là : thumbnail, normal, largle. Nhưng trong quá trình code trang web ta có nhiều cách cho nhiều mục đích, không nhất thiết là sử dụng cố định như vậy. Muốn có một giao diện wordpress đẹp, theme wordpress đẹp thì thumbnail trong giao diện cũng rất quan trọng.
Khi dùng wordpress ta phải cấu hình kích thước cho ba loại kích thước ảnh, ta vào settings -> media để chinh kích thước.
Để sử dụng được thumbnail đầu tiên ta phải khai báo trong functions.php dòng lệnh sau:
<?php add_theme_support('post-thumbnails');?>để gọi thumbnail ra thì ta dùng đọn code sau đặt vào nới bạn muốn hiển thị thumbnail ra
<?php
if(has_post_thumbnail()) the_post_thumbnail('thumbnail', array('class' => 'thumb'))
?>những thông số này thường hay sử dụng nên tôi viết cho các bạn tham khảo luôn, tham số đầu tiên là “thumbnail” là một trong 3 chuẩn như tôi đã giới thiệu ở trên, các bạn có thể điền là “normal” hoặc “largle” cũng được. Hoặc bạn có thể thể tùy chỉnh kích thước cho thumbnail của bạn như sau:
đoạn code trên sẽ lấy kích thước ảnh thumbnail có kích thước là 100 x 100 nhưng tôi không hiểu sao wordpress nhiều lúc không cắt được theo đúng chuẩn tôi cần. Thường thì tôi phải sử dụng timthumb.php cho phần này thì mới sử dụng được chức năng này. Còn phần tham số “class” chắc không nói bạn cũng biết nó làm gì rồi đúng không? Trong trường hợp bạn muốn sử dụng các kích thước ngoài 3 chuẩn đó bạn khai báo như sau:
if (function_exists ('add_theme_support')) {
add_theme_support ('post-thumbnails');
add_image_size ('ponds-cuoi1', 170, 290, true);
add_image_size ('ponds-cuoi2', 40, 40, true);
}Đoạn code này là đoạn code khai báo để tạo được thumbnail như ở đầu bài tôi đã giới thiệu nhưng thêm 2 dòng lệnh mới. Giờ trang web có 3 chuẩn hình chứ không phải là 3 như trước nữa. Khi bạn upload 1 tấm ảnh lên mạng nó sẽ được crop ra thành 5 kích thước khác nhau cho 5 chuẩn này, nếu ảnh nhỏ hơn chuẩn nào thì chuẩn đó không có tấm ảnh đo. Để gọi tấm ảnh này ra thì bạn dùng đoạn code sau:
<?php
if(has_post_thumbnail()) the_post_thumbnail('ao-cuoi1', array('class' => 'thumb'))
?>Vậy là xong, bạn code thử xem có được không, rất dễ, bạn thử xem. Cách này thì trình duyệt không phải dùng code để xử lý crop ảnh khi tải xuống nhưng lại có nhượt điểm là tạo ra nhiều file làm cho dung lượng lưu trữ của bạn tăng lên. Nhưng khi sử dụng timthumb.php lại có nhiều sự cố như: không hiển thị ảnh được, ảnh hiện ảnh không.
Ví dụ trang web bạn đang dùng không có 2 chuẩn thumbnail tồi vừa khai báo ở trên, nhưng giờ bạn khai báo thì các hình ảnh trước kia không có 2 chuẩn bạn vừa khai báo? vậy làm như thế nào?
Trong bài viết sau tôi sẽ hướng dẫn bạn tạo lại các tấm ảnh lúc trước mà không có 2 chuẩn ảnh đó.
