Sử dụng Post thumbnail image trong WordPress

Bkasoft.net – Hôm nay mình muốn giới thiệu đến các bạn cách sử dụng Post thumbnail image trong WordPress. Tính năng này giúp bạn hiển thị hình đại diện cho bài viết.

1. Khai báo sử dụng Post thumbnails

   Đầu tiên bạn mở file functions.php của theme bạn lên khai báo cho wordpress biết là bạn sẽ sử dụng tính năng Post thumbnail image.

   add_theme_support( 'post-thumbnails' );

   1	add_theme_support( 'post-thumbnails' );

2. Sử dụng Featured Image trong bài viết

   Tính năng này được tạo ra khi bạn sử dụng post thumbnails, sau khi khai báo trên xong bạn vào add new post một bài mới bạn sẽ thấy mục hỗ trợ featured image
   
   Hình 1: Chọn hình ảnh đặc trưng

   Bạn bấm vào Set featured image trình duyệt sẽ mở chọn bạn chọn file image để upload. Sau đó bấm vào Use as featured image và save lại.
   

   

   Hình 2: Hình ảnh đặc trưng được sử dụng

   Lúc này update bài viết lại 

3. Hiển thị Featured Image

   Công việc bây giờ là hiển thị featured image ra ngoài giao diện trang chủ hay bài viết của bạn. Bạn mở file index.php lên trước content hôm trước bạn gõ đoạn code sau vào.

    

   1	<!-- <?php if ( has_post_thumbnail() ) { the_post_thumbnail(); } ?> -->

   Hàm này kiểm tra nếu tồn tại post thumbnail thì hiển thị ra. Lúc này save lại và chạy thử ta được.

   

    Hình 3: Minh họa hình đại diện cho bài viết

   Như vậy là xong rồi đó!

4. Lời kết

   Vậy là sau bài này bạn đã biết cách sử dụng Post thumbnail image và tạo ảnh cho bài Post rồi đúng không. Đây chỉ là một trong rất nhiều những tính năng trong WordPress thôi và mình sẽ tiếp tục giới thiệu đến các bạn các tính năng khác ở các bài viết tiếp theo nữa. Cảm ơn các bạn đã quan tâm bài viết!
   Các bài viết liên quan đến Post mà bạn có thể tham khảo:

   • Bài 8: Hướng dẫn Post bài trên WordPress
   • Bài 33: Xuất/Nhập (Import/Export) các dữ liệu post

Ảnh. Sử dụng Post thumbnail image trong WordPress

 ( Case Study hướng dẫn sử dụng WordPress )

—oOo— 

Học WordPress

Nguồn: bcdonline.net