Code voorbeeld

Thumbnail van een (custom) post tonen in WordPress admin

Leestijd: 2 minuten (312 woorden)
profile image

Rick de Jong

Strategie

15 augustus 2013 08:04

Laatste update: 23 mei 2023 12:23

Meer overzicht in je bericht overzicht

Berichten herkennen door middel van thumbnails

We krijgen regelmatig de vraag of het mogelijk is om de thumbnail van een bericht (binnen een custom post type) en/of product te tonen in de WordPress admin. Op deze manier wordt het eenvoudiger om een bericht te herkennen als deze moet worden aangepast of verwijderd. 

Uiteraard is dit mogelijk en wel op een vrij eenvoudige manier. Het enige dat we moeten doen is de volgende functie in de functions.php van het huidige / actieve thema te zetten.

De code

add_filter( 'manage_posts_columns', function($defaults) {
    $defaults['tsd_admin_thumb'] = esc_html__('Thumbnail');
    return $defaults;
}, 5 );

Je maakt met bovenstaande snippet een nieuw kolom aan binnen het berichten overzicht, deze kolom krijgt de vertaalbare titel “Thumbnail”. Om de kolom te vullen met de juiste content gebruiken we onderstaande code:

add_action( 'manage_posts_custom_column', function( $column_name, $id ){
    if ( $column_name === 'tsd_admin_thumb' ) {
        the_post_thumbnail( 'thumbnail' );
    }
}, 5, 2 );

Zodra onze custom kolom tegen gekomen wordt plaatsten we de thumbnail van het bericht met het formaat “thumbnail”, dit is een standaard formaat die beschikbaar is binnen WordPress.

Je ziet dat onze kolom achteraan wordt geplaatst, we kunnen dit aanpassen naar de eerste kolom door onze eerste snippet een klein beetje aan te passen. Wil je de kolom vooraan plaatsen, verander de eerste snippet dan in onderstaande:

add_filter( 'manage_posts_columns', function($defaults) {
    $new_column = [
        'tsd_admin_thumb' => esc_html__('Thumbnail'),
    ];
    $defaults = $new_column + $defaults;
    return $defaults;
}, 5 );