Sử dụng Post thumbnail image trong WordPress

Thích 2.58 K Bình luận 0
789 đánh giá

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' );
  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
    Sử dụng Post thumbnail image trong WordPress > su-dung-post-thumbnail-image-trong-wordpress
    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.

    Sử dụng Post thumbnail image trong WordPress > su-dung-post-thumbnail-image-trong-wordpress1

    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.

    <!-- <?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.

    Sử dụng Post thumbnail image trong WordPress > su-dung-post-thumbnail-image-trong-wordpress2

     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:


Sử dụng Post thumbnail image trong WordPress > su-dung-post-thumbnail-image-trong-wordpress

Ả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


Bình luận