Cách tạo thumbnail cho bài viết trong Wordpress

By Unknown → 9/11/14
Mời các bạn truy cập iZdesigner.com để cập nhật những thông tin, thủ thuật mới nhất về Web-Designer.

Đầu tiên bạn download mã nguồn sau đây timthumb.php, và đặt nó vào bất cứ folder nào bạn muốn để trong wordpress.

Cách tạo thumbnail cho bài viết trong Wordpress

– Sau đó vào file functions.php trong template của bạn, past đoạn code sau đây:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?php
// retreives image from the post
function getImage($num) {
global $more;
$more = 1;
$content = get_the_content();
$count = substr_count($content, '<img');
$start = 0;
for($i=1;$i<=$count;$i++) {
$imgBeg = strpos($content, '<img', $start);
$post = substr($content, $imgBeg);
$imgEnd = strpos($post, '>');
$postOutput = substr($post, 0, $imgEnd+1);
$image[$i] = $postOutput;
$start=$imgEnd+1;
 
$cleanF = strpos($image[$num],'src="')+5;
$cleanB = strpos($image[$num],'"',$cleanF)-$cleanF;
$imgThumb = substr($image[$num],$cleanF,$cleanB);
 
}
if(stristr($image[$num],'<img')) { echo $imgThumb; }
$more = 0;
}
//retreive image ends
?>
Thumbnail Code
Việc cuối cùng là tạo thumnail, các bạn vào vòng lặp the_loop trong giao diện của bạn và past dòng code sau :
1
2
3
4
5
<div>
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php getImage('1'); ?>&w=150&h=150&zc=1">
</a>
</div>
Nếu bạn muốn hiển thị thumnail ở chỗ khác, ví dụ như ở phần category thì tìm đến folder giao diện bạn đang sử dụng, rồi tìm đến file archive.php , hoặc page.php trong đó sẽ có code chứa vòng lặp " the_loop "
Thế là xong rồi đó các bạn, chúc các bạn thành công, nếu có gì thắc mắc thì ghi comment ở dưới, mình sẽ giúp các bạn.
Blog Designer

Hãy cho đi rồi sẽ nhận lại nhiều hơn thế

Đã có nhiều lúc tôi không biết mình sẽ làm được gì ??? Nhưng hãy cứ tin vào chính bản thân mình, tin vào mọi người và đừng để con tim bạn lạc lối. Bạn và tôi sẽ tìm ra được đâu là đích đến để mình biết đường đi.Nếu bạn cần một người bạn, đừng ngại kết bạn với tôi.

Thư Viện Đồ Họa: www.izdesigner.com