Ảnh đại diện cho bài đăng sẽ giúp cho độc giả của blog cảm thấy thú vị hơn, thật đơn điệu và nhàm chán nếu blog của bạn không hỗ trợ thumbnail, thông thường thì hầu hết các giao diện hỗ trợ, nhưng nếu không hỗ trợ thì bạn đừng lo, hãy sử dụng các cách tôi gợi ý dưới đây để có được một blog lung linh hơn nhé !

Trước hết, bạn cần chắc rằng giao diện có hỗ trợ ảnh đại diện, để làm được điều này ta cần thêm hàm khai báo hỗ trợ vào trong file functions.php của gói giao diện đang chạy, ta có code sau:

add_theme_support( 'post-thumbnails' );

Như vậy, trong giao diện đăng bài viết sẽ có thêm ô như sau:

Nút thêm ảnh tiêu biểu trong giao diện đăng bài

Nút thêm ảnh tiêu biểu trong giao diện đăng bài

Khi đó, mọi bài đăng của các bạn đều phải làm một việc thủ công là upload file ảnh đại diện cho chủ đề bài đăng, để làm tự động điều này các bạn có thể sử dụng plugin tên là Auto Post Thumbnail tại đây: https://wordpress.org/plugins/auto-post-thumbnail/

Việc tiếp theo là hiển thị, bạn có thể lấy kích thước bất kỳ cho ảnh đại diện bằng cách dùng hàm sau:

 <?php echo get_the_post_thumbnail( $post_id, $size, $attr ); ?> 

Trong đó $size là array quy định được kích thước của ảnh thumbnail, chi tiết hơn xin xem thêm tại đây nhé : http://codex.wordpress.org/Function_Reference/get_the_post_thumbnail

Đến đây các bạn đã hiểu cách gọi ảnh đại diện bài đăng cho website/blog làm bằng mã nguồn WordPress rồi, chúc các bạn thành công !

Tôi là Jam, thâm niên 7 năm thiết kế website và làm seo, nếu các bạn thấy bài viết hay thì hãy chia sẻ cho những người khác cùng tham khảo, còn nếu muốn thiết kế website hoặc sửa web hay đặt một plugin có chức năng đặc biệt, hãy liên hệ ngay tới Jam ( thông tin ở chân trang )

Bài viết liên quan

13 thoughts on “Lấy ảnh đại diện ( thumbnail ) trong bài đăng WordPress một cách dễ dàng”

  1. trong blog cua minh cuối mỗi bài viết hiện thông báo như ở dưới đây, minh muốn ấn nó làm thế nào, mong bạn chỉ giáo.

    About trang cao
    This is a short description in the author block about the author. You edit it by entering text in the “Biographical Info” field in the user admin panel.

  2. Mình có sử dụng plugin tên là Auto Post Thumbnail.
    Trong file functions.php của gói giao diện mình đang dùng có dòng này rồi:

    if ( function_exists( ‘add_theme_support’ ) ) {
    add_theme_support( ‘post-thumbnails’ );
    set_post_thumbnail_size( 30, 30, true );
    }

    Nhưng site mình lại không hiện thị ảnh đại diện của tất cả các bài. Chắn chắn mình dùng code giao diện này không hỗ trợ ảnh đại diện làm blog nhàn chán vô cùng. Đây là code trong file index.php :

    Bài viết mới nhất

    <img src="/images/item.png” alt=”+” /> <a class="tittle" href="” title=””> –

    max_num_pages;
    if ($total_pages > 1){
    $current_page = max(1, get_query_var(‘paged’));
    echo ”;
    echo paginate_links(array(
    ‘base’ => get_pagenum_link(1) . ‘%_%’,
    ‘format’ => ‘page/%#%’,
    ‘current’ => $current_page,
    ‘total’ => $total_pages,
    ‘prev_text’ => ‘«’,
    ‘next_text’ => ‘»’
    ));
    echo ”;

    } ?>

    Bạn có thể giúp mình chỉnh lại code để nó hiện ảnh thumbnail không? Cám ơn bạn.

  3. Mình có sử dụng plugin tên là Auto Post Thumbnail.
    Trong file functions.php của gói giao diện mình đang dùng có dòng này rồi:

    if ( function_exists( 'add_theme_support' ) ) {
    add_theme_support( 'post-thumbnails' );
    set_post_thumbnail_size( 30, 30, true );
    }

    Nhưng site mình lại không hiện thị ảnh đại diện của tất cả các bài. Chắn chắn mình dùng code giao diện này không hỗ trợ ảnh đại diện làm blog nhàn chán vô cùng. Đây là code trong file index.php :

    Bài viết mới nhất

    <img src="/images/item.png" alt="+" /> <a class="tittle" href="" title=""> -

    max_num_pages;
    if ($total_pages > 1){
    $current_page = max(1, get_query_var('paged'));
    echo '';
    echo paginate_links(array(
    'base' => get_pagenum_link(1) . '%_%',
    'format' => 'page/%#%',
    'current' => $current_page,
    'total' => $total_pages,
    'prev_text' => '«',
    'next_text' => '»'
    ));
    echo '';

    } ?>


    Bạn có thể giúp mình chỉnh lại code để nó hiện ảnh thumbnail không? Cám ơn bạn.

  4. Mình có sử dụng plugin tên là Auto Post Thumbnail.
    Trong file functions.php của gói giao diện mình đang dùng có dòng này rồi:

    if ( function_exists( 'add_theme_support' ) ) {
    add_theme_support( 'post-thumbnails' );
    set_post_thumbnail_size( 30, 30, true );
    }

    Nhưng site mình lại không hiện thị ảnh đại diện của tất cả các bài. Chắn chắn mình dùng code giao diện này không hỗ trợ ảnh đại diện làm blog nhàn chán vô cùng. Đây là code trong file index.php :

    Bài viết mới nhất

    <img src="/images/item.png" alt="+" /> <a class="tittle" href="" title=""> -

    max_num_pages;
    if ($total_pages > 1){
    $current_page = max(1, get_query_var('paged'));
    echo '';
    echo paginate_links(array(
    'base' => get_pagenum_link(1) . '%_%',
    'format' => 'page/%#%',
    'current' => $current_page,
    'total' => $total_pages,
    'prev_text' => '«',
    'next_text' => '»'
    ));
    echo '';

    } ?>

    Bài viết mới nhất

    <img src="/images/item.png" alt="+" /> <a class="tittle" href="" title=""> -

    max_num_pages;
    if ($total_pages > 1){
    $current_page = max(1, get_query_var('paged'));
    echo '';
    echo paginate_links(array(
    'base' => get_pagenum_link(1) . '%_%',
    'format' => 'page/%#%',
    'current' => $current_page,
    'total' => $total_pages,
    'prev_text' => '«',
    'next_text' => '»'
    ));
    echo '';

    } ?>

    Bạn có thể giúp mình chỉnh lại code để nó hiện ảnh thumbnail không? Cám ơn bạn.
    Xin lỗi mình post nhiều lần vì mấy lần trước lỗi code mình sợ bạn đọc không hiểu.

  5. Cho mình hỏi là khi vào catelogy của 1 web thì có rất nhiều bài post nhỏ có read more. Và trước mỗi post có ảnh đại diện rất đẹp. Khi vào post thì những ảnh đó không năm đầu trang. Bạn có thể giúp mình?

    1. Họ tự up ảnh thumbnail trong lúc đăng bài tất nhiên ảnh đó không nằm trong bài post rồi. Mình đang có một code wap nhưng không hiện thumbnail, không biết bạn có thể giúp mình không? Cám ơn bạn rất nhiều.

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Lưu ý: Không đăng thông tin cá nhân của bạn như email hay số điện thoại để không bị quấy rầy, tham khảo thêm quy định khi comment !