Auto Post Thumbnail tải về tại: http://wordpress.org/plugins/auto-post-thumbnail/
Cách sử dụng rất dễ. các bạn cài đặt Plugin bình thường. Sau khi viết bài xong đi đến phần Plugin này và chọn bài cần đăng và đường dẫn đến hình ảnh đó. Nó mặc định sẽ lấy về Host của bạn.
Lưu ý : Plugin này chỉ hiển thị tối đa 5 bài viết cuối cùng. Có nghĩa là sau khi viết được 5 bài các bạn hãy đễn phần Plugin này và đưa đường dẫn hình ảnh vào.
2. Sử dụng timthumb.php kết hợp với code:
Mình thích sử dụng cách này nhất vì hiển thị ảnh đẹp (không bị bóp méo).
- Đầu tiên bạn mở file function.php thêm vào đoạn code sau:
function catch_that_image() {
global $post, $posts;
$first_img = ”;
ob_start();
ob_end_clean();
$output = preg_match_all(‘/<img.+src=[\'"]([^\'"]+)[\'"].*>/i’, $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Defines a default image
$first_img = “đường dẫn ảnh thumb thay thế nếu như bài viết không có ảnh”;
}
return $first_img;
}
Các bạn nhớ thêm sau thẻ <?php
- Tiếp theo các bạn vào https://code.google.com/p/timthumb/ để tải file timthumb.php về và để ngang hàng với file index.php trong theme wordpress của bạn muốn sử dụng.
- Tạo một folder có tên là cache ngang hàng với file timthumb.php
- Bước này sẽ hiển thị ảnh thumb của bài viết tại trang chủ, trang chủ đề, trang tags …
<img src=”<?php bloginfo(‘stylesheet_directory’); ?>/timthumb.php?src=<?php echo catch_that_image(); ?>&w=452&h=250″ border=”0″ />
Chép đoạn code trên và dán vào vị trí thích hợp để hiển thị ảnh thumb. Các bạn có thể chỉnh chiều dài, rộng của ảnh cho phù hợp với giao diện đang sử dụng.
*Nếu bạn không muốn sử dụng timthumb.php, tuy nhiên ảnh sẽ bị méo mó nhìn không được đẹp thì các bạn có thể dùng đoạn code sau:
<img src=”<?php echo catch_that_image(); ?> width=”rộng” height=”cao” />
Còn nhiều cách hiển thị thumb auto khác, tuy nhiên phức tạp nên mình tạm không nghiên cứu. Các bạn có cách nào hay hơn có thể chia sẻ với mình.
Chúc các bạn thành công!






0 nhận xét:
Đăng nhận xét