Thứ Ba, 22 tháng 3, 2011

WordPress – Post Thumbnail

WordPress – Post Thumbnail

* January 17, 2011
* 11 comments

Trước đây tôi đã hướng dẫn bạn cách sử dụng Custom Field để tạo post thumbnail, và cách dùng PHP để tự tạo thumbnail từ hình trong bài post. Tuy nhiên với WordPress từ phiên bản 2.9+ trở lên, bạn có thể sử dụng một tính năng mới để tạo post thumbnail đơn giản hơn nhiều.

Thời lượng: 5:30

Download định dạng .mp4 chất lượng cao :MediaFire

Dung lượng: 11 MB
Code dùng trong Video

Ban đầu bạn mở file functions.php trong theme của bạn ra và thêm dòng này vào trên cùng.

add_theme_support('post-thumbnails');
//nếu bạn muốn chỉ dùng với post
add_theme_support('post-thumbnails', array('post'));
//Nếu bạn muốn chỉ dùng với page
add_theme_support('post-thumbnails', array('page'));

Tiếp theo bạn mở file single.php hoặc index.php và thêm đoạn mã sau vào TRONG WordPress Loop.

<?php the_post_thumbnail();?>
//Hoặc kiểm tra xem nó có tồn tại hay không trước khi in ra
<?php if(has_post_thumbnail()) {the_post_thumbnail();}?>

Cuối cùng bạn có thể style cho nó bằng CSS với class=’wp-post-image’
post image

Không có nhận xét nào:

Đăng nhận xét