Ngày đăng: 24/02/2014 12:52 PM

Khi bạn thiết kế website bằng wordpress, với những giao diện thì có nhiều kích thước ảnh khác nhau, vậy bạn phải làm như thế nào khi upload 1 tấm hình thì nó tự động resize ảnh theo đúng kích thước từng ảnh trong theme

Đây là một mẹo nhỏ để bạn có thể thêm kích thước ảnh trong wordpress 3.5+, xem các kích thước hình

them tuy chinh kích thuoc anh trong wordpress
Kết quả thêm kích thước hình trong wordpress

Bạn xem dòng code này, đoạn code viết thêm trong file functions.php

function custom_image_sizes() {
    add_theme_support(‘post-thumbnails’);
    add_image_size(‘banner’, 960, 355, true);
    add_image_size(‘thumb’, 120, 120, true);
    add_image_size(‘widget’, 170, 400, false);
}
add_action(‘after_setup_theme’, ‘custom_image_sizes’);

trong hàm add_image_size: có 3 tham số
– Tham số 1: tên đặt danh của loại kích thước này, sau này chỉ cần gọi đúng tên này là có thể lấy ra kích thước tương ưng.

Ví dụ: HappiWeb gọi hàm như sau:
< ?php the_post_thumbnail( ‘thumb‘ ); ?>
Thì sẽ hiển thị ảnh có kích thước 120×120

– Tham số thứ 2: Là kích thước của ảnh (width x height)
– Tham số thứ 3: mặc định là false, nếu chọn true: thì ảnh sẽ bị cắt cho đúng kích thước đã khai báo

Cách dùng: 
Gọi hàm the_post_thumbnail( ‘thumb‘ );
Tham số là tên mình đã đặt.

Với bài hướng dẫn thêm tùy chỉnh kích thước ảnh trong wordpress này hy vọng sẽ giải quyết được khó khăn của bạn. Chúc bạn thành công, nếu có thắc mắc gì, vui lòng gửi cho chúng tôi với chức năng comment bên dưới, chúng tôi sẽ trả lời bạn trong thời gian sớm nhất

HappiWeb