Mã nguồn mở
Đầ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="<?php the_permalink();?>"><img src="<?php bloginfo('stylesheet_directory') ?>/timthumb.php?src=<?php echo thumb_image(); ?>&h=150&w=150&zc=1" alt="thumbnail" /></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 ^^
» Tin mới nhất:
- LẬP TRÌNH FRONTEND, SỬ DỤNG REACT, VUJS HAY TAILWINCSS, CÁI NÀO HIỆU QUẢ HƠN? (12/11/2025)
- ỨNG DỤNG GIẢI THUẬT DI TRUYỀN TRONG HỌC MÁY (MACHINE LEARNING) (18/10/2025)
- Microservices Architecture (18/09/2025)
- GIẢI THUẬT DI TRUYỀN - Phần 1 (19/06/2025)
- Giới thiệu .NET Core mã nguồn mở (14/04/2025)
» Các tin khác:
- Tùy chỉnh trang đăng nhập của Wordpress (29/06/2013)
- Plugin thêm nút Like của Facebook vào trong Wordpress (29/06/2013)
- Cách chuyển host trong Wordpress (29/06/2013)
- Hướng dẫn chèn Gallery ảnh vàoBLOG WORDPRESS với NEXTGEN GALLERY (29/06/2013)
- Hướng dẫn cài đặt wordpress trên localhost (29/06/2013)
- Cài đặt WordPress trên server với ứng dụng hỗ trợ Softaculous (29/06/2013)
- Bản vá bảo mật WordPress 3.3.2 được phát hành (29/06/2013)
- Giới thiệu về Wordpress (29/06/2013)
- Tìm kiếm mô hình phát triển mã nguồn mở (29/06/2013)
- Bản nukeviet 3.2 sắp ra đời (29/06/2013)
