Tự động tạo Thumbnail trong Wordpress
Đầu tiên bạn vào file funtion.php và cho đoạn code sau vào:
|
1
2
3
4
5
6
7
8
|
function thumb() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); $output = preg_match_all('//i', $post->post_content, $matches); $first_img = $matches [1] [0];} |
Tới đây, bạn có thể thêm một đoạn code để đưa thumbnail xuất hiện tại trang chủ, bạn có thể CSS cho thumbnail trên sao cho phù hợp với trang web của bạn. Trong khi bạn css, bạn có thể điều chỉnh kích cỡ của ảnh. Tuy nhiên, với những ảnh có dung lượng lớn, bạn sẽ phải tiêu tốn băng thông vô ích cho nó, chưa kể là sẽ ảnh hưởng đến tốc độ load website của bạn. Để khắc phục nhược điểm đó, Jos dùng đến một đoạn mã gọi là timthumb. Timthumb sẽ giúp các bạn resize lại ảnh cho phù hợp, bạn có thể tìm hiểu thêm về timthumb tại đây
Bạn download file timthumb.php và để vào folder ngang hàng với index.php.
Bạn mở file index.php hoặc file nào mà có đoạn code giúp bạn post bài ra trang chủ, và thêm đoạn code sau:
|
1
2
3
|
<a href=""><img src="/timthumb.php?src=a> |
Đoạn code trên giúp Jos điều chỉnh cỡ ảnh thành 150×150 và hiển thị ra ngoài trang chủ. Bạn có thể thay giá trị 150×150 đó sao cho phù hợp. Tới đây bạn có thể style thumbnail của mình rồi đó.
Trong đoạn code đầu tiên Jos đưa ra, nếu bài viết của bạn không có hình ảnh, tất nhiên sẽ không có thumbnail. Tuy nhiên, bạn không muốn điều đó. Đoạn code sau sẽ lấy 1 hình định sẵn để làm thumbnail nếu bạn không có hình ảnh. Thêm đoạn code sau vào cuối đoạn code thứ nhất
|
1
2
3
4
|
if(empty($first_img)){ $first_img = "img_url"; } return $first_img; |
Chúc các bạn thành công ^^