Người Viết : ViKiMi Editor
Hướng dẫn sử dụng hình ảnh đại diện bài Post của WordPress với the post thumbnail !
Hiển thị các hình ảnh của một bài Post hoặc tất cả các bài Posts đều có hình ảnh để hiển thị là một ngẫu nhiên phải có. Nhu cầu như vậy đó giúp cho cách nhìn cung cấp trực quan hơn cho người sử dụng, hoặc các đối tác của Website đều có một cách hình dung sử dụng Website nhanh nhất; đặc biệt trong sơ đồ Website hay một sở đồ nhận biết thì hình ảnh luôn đạt được một vị trí cao trong sử dụng.
Để thực hiện tốt như vậy thì tất cả các bài biết luôn phải có hình ảnh để hiển thị, đặc biệt là hình ảnh đại diện. Việc sử dụng hình ảnh đại diện cho Bài Đăng làm cho người sử dụng và người lập trình yên tâm khi trải nghiệm hoặc phát triển Website. Đây là một lý do mà mọi nhà phát triển luôn tìm cách làm cho Website đạt chuẩn.
Chúng ta có hình ảnh để thiết lập Features Image cho một bài Post / (etc) :
Khi thực hiện thiết lập một hình ảnh đại diện cho một Bài Đăng chúng ta hoàn toàn yên tâm sử dụng hình ảnh này như một trích dẫn đi kèm để các phần hiển thị của Bài Đăng trở nên sinh động trong các file Template PHP khác nhau. Với các mã code cần thiết cho các trường trường hợp thì chúng ta hoàn toàn yên tâm để Phát triển.
Đề cập tới Function the_post_thumbnail() , đây là Function cho phép chúng ta lấy về hình ảnh đại diện của Post với các kích thước khác nhau.
Function the_post_thumbnail() được sử dụng trong một vòng lập, để lấy thông tin hình ảnh đại diện của Post.
Đoạn Code điển hình sử dụng the_post_thumbnail() :
<?php
while ( have_posts() ) : the_post();
the_post_thumbnail();
endwhile;
?>
|
Ở đây Function the_post_thumbnail() được gọi trong vòng lập. Nhưng chúng ta cần lưu ý rằng mỗi khi vòng lập duyệt thì luôn có một công việc quan trọng được thực hiện là : thiết lập chỉ mục bài đăng trong vòng lặp. Và khi đã thiết lập chỉ mục bài đăng Post trong vòng lặp, thì bạn sẽ có thể lấy hình ảnh của bài Post hiện tại tương ứng nhờ Function the_post_thumbnail().
Nếu bạn không sử dụng the_post_thumbnail() thì có thể sử dụng Function get_the_post_thumbnail() bằng cách :
<?php
while ( have_posts() ) : the_post();
echo get_the_post_thumbnail();
endwhile;
?>
|
Tuy nhiên, bạn cũng cần lưu ý khi sử dụng về Function get_the_post_thumbnail đó là : Với Function này chúng ta sẽ hữu ích hơn khi lấy thông tin về hình ảnh đại diện bài POST vì nó cho phép chúng ta chỉ định rõ ID của Post hoặc đối tượng WP_Post . Nhờ chỉ định rõ như vậy nên cả không phải trong một vòng lặp, mà bất kỳ vị trí nào chúng ta đều có thể gọi Function này với việc truyền tham số là ID hoặc WP_Post để lấy thông tin.
Ví dụ :
<?php
echo get_the_post_thumbnail( 30 /*Id của Post*/);
?>
|
( * ) Cuối cùng để hiển thị hình ảnh với các kích thước tuỳ chỉnh thì bạn có thể sử dụng những cách sau đây .
Sử dụng mặc định của WordPress
1.
the_post_thumbnail( ‘thumbnail’ );
/* Thumbnail (150 x 150 hard cropped) */
2.
the_post_thumbnail( ‘medium’ );
/* Medium resolution (300 x 300 max height 300px) */
3.
the_post_thumbnail( ‘medium_large’ );
/* Medium Large (added in WP 4.4) resolution (768 x 0 infinite height) */
4.
the_post_thumbnail( ‘large’ );
/* Large resolution (1024 x 1024 max height 1024px) */
5.
the_post_thumbnail( ‘full’ );
/* Full resolution (original size uploaded) */
6.
the_post_thumnail( array(400, 200) )
/* Other resolutions */
Sử dụng mặc định của WordPress với Function get_the_post_thumbnail
Echo get_the_post_thumbnail( $post_id );
Echo get_the_post_thumbnail( $post_id, ‘thumbnail’ );
Eho get_the_post_thumbnail( $post_id, ‘medium’ );
Echo get_the_post_thumbnail( $post_id, ‘large’ );
Echo get_the_post_thumbnail( $post_id, ‘full’ );
Echo get_the_post_thumbnail( $post_id, array( 100, 100) );
/* Nếu trong vòng lặp có thiết lập chỉ mục bài đăng thì không cần truyền * tham số Post ID cho Function get_the_post_thumbnail */
