Cách tạo ảnh chức năng cho bài viết WordPress

[Thủ thuật WordPress] Tạo ảnh chức năng cho bài viết WordPress (hay được gọi là Featured Image) – Ảnh chức năng cho bài viết hay còn được gọi là ảnh đại diện cho bài viết đó. Nếu bạn đang sử dụng mã nguồn WordPress thì nó được gọi là Featured Image (hay là ảnh chức năng cho bài viết) thông thường ảnh chức năng cho bài viết rất hữu dụng nó được dùng để hiển thị hình ảnh đại diện cho trang Web ngoài ra nó còn có thể được dùng làm ảnh thumbnail ở các mục bài viết liên quan, bài viết ngẫu nhiên… Tuy nhiên có một số giao diện ảnh chức năng cho bài viết không được tích hợp sẵn trong giao diện hoặc bạn cảm thấy việc chọn hình ảnh chức năng sau mỗi lần viết bài mới mất thời gian và bạn muốn hình ảnh chức năng sau mỗi lần viết bài mới tự động được thêm vào?

Trong bài viết trước đây về thủ thuật WordPress mình có hướng dẫn các bạn cách sử dụng Avatar trong WordPress bằng cách sử dụng các Avatar trên mạng xã hội Facebook, Google ++ giúp bạn nhanh chóng thay đổi Avatar mặc định trong WordPress thành Avatar trên các mạng xã hội bạn đang dùng tiếp tục trong bài viết này mình sẽ hướng dẫn các bạn cách tạo ảnh chức năng cho bài viết WordPress.

Tạo ảnh chức năng cho bài viết WordPress

Như mình đã nói ở trên một số giao diện không xuất hiện tính năng tạo hình ảnh chức năng cho bài viết hoặc bạn muốn tự động lấy hình ảnh làm ảnh chức năng cho bài viết hay bạn muốn mặc định ảnh chức năng cho bài viết thì phải làm sao? Hãy cùng blog thủ thuật tìm hiểu cách sử dụng và tùy chỉnh ảnh chức năng cho bài viết WordPress!

Đầu tiên để tạo hình ảnh đại diện cho bài viết trong WordPress, nếu giao diện được tích hợp sẵn khi bạn viết bài viết mới bạn sẽ thấy xuất hiện ở cột phía bên phải. Chỉ cần Kích vào “Chọn ảnh tiêu biểu” và sau đó chọn hình ảnh từ thư viện hình ảnh là được (nếu bạn không thấy có thể vào nút “Tùy chọn hiển thị” và tích chọn là được)

Tuy nhiên khi vào “Tùy chọn hiển thị” bạn không thấy tính năng này vậy thì phải làm sao? Trường hợp này giao diện của bạn chưa tích hợp tính năng “ảnh đại diện” vậy để kích hoạt tính năng này phải thực hiện như thế nào? Rất đơn giản bạn chỉ cần thực hiện như sau?

Đầu tiên hãy truy cập vào tập tin Functions.php của giao diện đang sử dụng (nếu chưa biết truy cập vào tập tin này bạn có thể tham khảo bài viết cách sửa giao diện, plugin WordPress không cần FTP) sau đó dán đoạn code sau vào trước thẻ đóng ?> là được.

add_theme_support( ‘post-thumbnails’ );

Sau khi thêm câu lệnh trên vào tập tin Functions.php lúc này bạn sẽ thấy xuất hiện chức năng “ảnh đại diện” cho bài viết trong WordPress!

Thêm ảnh chức năng tự động

Nếu bạn cảm thấy công việc thêm ảnh chức năng cho bài viết mất thời gian thì bạn có thể sử dụng đoạn mã sau và dán trực tiếp vào trước thẻ ?> của tập tin Functions.php của giao diện đang sử dụng là được.

add_action( 'save_post', 'it60s_set_featured_image' );
function it60s_set_featured_image() {
    if ( ! isset( $GLOBALS['post']->ID ) )
        return NULL;        
    if ( has_post_thumbnail( get_the_ID() ) )
        return NULL;            
        $args = array(
            'numberposts'    => 1,
            'order'          => 'ASC', // DESC for the last image
            'post_mime_type' => 'image',
            'post_parent'    => get_the_ID(),
            'post_status'    => NULL,
            'post_type'      => 'attachment'
        );          
        $attached_image = get_children( $args );
        if ( $attached_image ) {
            foreach ( $attached_image as $attachment_id => $attachment )
                set_post_thumbnail( get_the_ID(), $attachment_id );
        }           
}

Với đoạn mã trên nó sẽ tự động lấy ảnh đại diện cho bài viết khi bạn đăng bài viết xong. Mặc định nó sẽ lấy hình ảnh đầu tiên làm hình ảnh đại diện.

Thêm ảnh chức năng mặc định

Nếu trước trong các bài viết không có “ảnh chức năng” cho bài viết đoạn mã sau sẽ giúp bạn tạo ra hình ảnh thumbnail mặc định cho các bài viết không có feature image. Sao chép đoạn mã bên dưới và dán vào trước thẻ đóng ?> của tập tin Functions.php của giao diện đang dùng.

add_filter( 'post_thumbnail_html', 'it60s_post_thumbnail' );
function it60s_post_thumbnail( $html ) {
    if ( empty( $html ) )
        $html = '<img src="' . trailingslashit( get_stylesheet_directory_uri()) . 
                 'images/default-thumbnail.png' . '" alt="" />';
    return $html;
}

Ở đây bạn cần phải tạo thư mục images và trong thư mục này phải có file hình ảnh là default-thumbnail.png!

Sử dụng Plugin tự động

Nếu bạn cảm thấy không tự tin cho việc tùy chỉnh bằng mã lệnh có một cách nhanh nhất đó là bạn hãy cài đặt Plugin Auto post thumbnail với Plugin này các hình ảnh chức năng trong bài viết sẽ trở nên rất dễ dàng và tự động, chỉ cần cài đặt kích hoạt và sử dụng.

Cuối cùng không có gì hơn nếu bạn cảm thấy bài viết có ích hãy subscribe blog của mình thường xuyên để cập nhật những bài viết mới nhất qua Email – Chân thành cảm ơn!