Code plugin hiển thị ảnh bài viết trong Admin WordPress

Theo mặc định, trong phần quản lý bài viết không có tính năng hiển thị hình ảnh. Bài viết này ItsmeIT sẽ chia sẻ cho bạn 2 cách để hiển thị ảnh bài viết trong admin wordpress. Giúp cho những bài viết của bạn có thêm cột ảnh minh họa trông đẹp mắt và tính thẩm mỹ hơn!

Tải plugin hiển thị ảnh bài viết trong Admin WordPress và FULL code

Có 2 cách để bạn làm điều này, nếu bạn thích viết code thì có thể tham khảo làm theo ItsmeIT nhé. Đoạn mã PHP bên dưới sẽ được sử dụng trong WordPress để thêm một cột ảnh đại diện trong trang quản lý bài viết.

Plugin hiển thị ảnh bài viết trong Admin WordPress (ảnh minh họa)

Cụ thể, nó sử dụng hai hàm được định nghĩa là “add_filter” và “add_action” để thêm cột ảnh đại diện vào bảng quản lý bài viết.

add_filter('manage_posts_columns', 'add_thumbnail_column', 10, 1);
function add_thumbnail_column($columns)
{
    $new_columns = array();
    $new_columns['thumbnail'] = __('Ảnh đại diện', 'text-domain');
    $columns = array_merge($new_columns, $columns);
    return $columns;
}

add_action('manage_posts_custom_column', 'display_thumbnail_column', 10, 2);
function display_thumbnail_column($column, $post_id)
{
    if ($column === 'thumbnail' && has_post_thumbnail( $post_id ))
        echo get_the_post_thumbnail($post_id, array(120, 9999));
}

Hàm “add_filter” được sử dụng để thêm một bộ lọc vào danh sách các cột bài viết được hiển thị trong trang quản lý bài viết. Hàm “add_action” được sử dụng để đăng ký một hàm được thực thi khi cột mới được thêm vào.

Hàm “add_thumbnail_column” được sử dụng để định nghĩa cột ảnh đại diện mới và thêm nó vào danh sách các cột hiển thị trong trang quản lý bài viết.

Hàm “display_thumbnail_column” được sử dụng để hiển thị ảnh đại diện trong cột mới. Nó kiểm tra xem cột hiện tại có phải là cột ảnh đại diện và bài viết có hình đại diện không. Nếu có, hàm sẽ lấy ảnh đại diện của bài viết đó và hiển thị nó trong cột mới.

Tham khảo: developer.wordpress.org

Sử dụng code thêm chức năng hiện ảnh đại diện trong post Admin

Để sử dụng đoạn mã trên, bạn có thể mở và thêm đoan mã vào file functions.php.

Sau khi làm xong các bước trên, bạn sẽ thấy cột ảnh đại diện được thêm vào bảng quản lý bài viết trong trang admin WordPress. Nếu bài viết có hình đại diện, bạn sẽ thấy hình ảnh đó được hiển thị trong cột ảnh đại diện.

Tuy nhiên trong mục quản lý bài viết trong Admin nếu thêm ảnh cho bài viết và hiển thị trên cả mobile thì nó sẽ không đẹp, bạn có thể chỉ cần hiện nó trên desktop bằng cách thêm 1 điều kiện là “!wp_is_mobile()”, mã sẽ trông như sau:

class thumbnailPostAdmin
{
    function __construct() {
        add_action('init', array($this, 'thumbnailPostAdmin'), 99);
    }

    public function thumbnailPostAdmin()
    {
        if (!wp_is_mobile()) {
            add_filter('manage_posts_columns', 'add_thumbnail_column', 10, 1);
            function add_thumbnail_column($columns)
            {
                $new_columns = array();
                $new_columns['thumbnail'] = __('Ảnh đại diện', 'text-domain');
                $columns = array_merge($new_columns, $columns);
                return $columns;
            }

            add_action('manage_posts_custom_column', 'display_thumbnail_column', 10, 2);
            function display_thumbnail_column($column, $post_id)
            {
                if ($column === 'thumbnail' && has_post_thumbnail( $post_id ))
                    echo get_the_post_thumbnail($post_id, array(120, 9999));
            }
        }
    }
}

new thumbnailPostAdmin();

Tải plugin để thêm chức năng hiển thị ảnh bài viết trong Admin

Cách này bạn không cần phải viết code, thích hợp với những người không am hiểu về code. Bạn có thể tải về plugin hiển thị ảnh bài viết trong Admin ở link bên dưới và thực hiện cài đặt nó. Ngoài ra trong plugin ItsmeIT đã thêm chức năng cài đặt “Filter” cho phép ảnh có hiển thị hoặc không và sửa lỗi hiển thị ảnh trên mobile.