{"id":6368,"date":"2016-02-22T13:15:03","date_gmt":"2016-02-22T18:15:03","guid":{"rendered":"https:\/\/themespress.ca\/?p=6368"},"modified":"2022-09-11T10:56:47","modified_gmt":"2022-09-11T14:56:47","slug":"add-an-image-post-type-columns-in-the-admin","status":"publish","type":"post","link":"https:\/\/themespress.ca\/en\/add-an-image-post-type-columns-in-the-admin\/","title":{"rendered":"Add an Image Post Type Columns in the Admin"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t

With this tutorial, we will show you how to add a column for your post’s thumbnail and display it in your Admin post type.<\/p>\n

Let’s say our post type is called viavideos<\/strong>. We will add a new filter to create the column for the image.<\/p>\n

In our filter manage_viavideos<\/strong>_posts_columns, you’ll notice that you need your post type. It is vital that your post type is specified so it can be executed properly.<\/p>\n

Then we build our function:<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n

add_filter('manage_viavideos_posts_columns', 'via_videos_columns', 5);\nfunction via_videos_columns($defaults){\n    $defaults['via_videos_post_thumbs'] = __('Image');\n    return $defaults;\n}\n<\/pre><\/div>\n\t
\n\t\t
\n\t\t\t
Then we build the action. We need to fetch the via_videos_post_thumbs<\/strong> data where our the_post_thumbnail<\/strong> will be displayed.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n
Add an Image Post Type Columns in the Admin<\/h2>
add_action('manage_viavideos_posts_custom_column', 'posts_via_videos_columns', 5, 2);\nfunction posts_via_videos_columns($column_name, $id){\n        if($column_name === 'via_videos_post_thumbs'){\n        echo the_post_thumbnail( array(50,50), true);\n    }\n}<\/pre><\/div>\n\t
\n\t\t
\n\t\t\t
The condition to display is if the name of the column === via_videos_post_thumbs, so it displays post_thumbnail<\/strong>.<\/p>\n
Note that the function includes a width = 50 and height = 50. You can also call the post_thumbnail this way: echo the_post_thumbnail(‘thumbnail’);<\/strong><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"With this tutorial, we will show you how to add a column for your post's thumbnail and display it in your Admin post type. Let's say our post type is
Read More<\/a><\/div>","protected":false},"author":81,"featured_media":4506,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[283],"tags":[318,326],"class_list":["post-6368","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-functions","tag-users"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/6368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/users\/81"}],"replies":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/comments?post=6368"}],"version-history":[{"count":0,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/6368\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media\/4506"}],"wp:attachment":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media?parent=6368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/categories?post=6368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/tags?post=6368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}