adding additional class to get the post thumbnail

Question

adding additional class to get the post thumbnail

haiz85

2019年7月21日 04:01

I'm just starting to create new theme and i'm new to code. I'm stuck in customizing the post thumbnail code, i tried add

?php previous_post_link(get_the_post_thumbnail(get_previous_post(), array(
                        'class' =  'rounded-lg object-cover'
           )) . 'h4 class="text-center"%link/h4',
           '%title',false
   );
?

but it doesn't seem to work. did my array mistakenly placed in the code?

Topic array post-thumbnails post-class css Wordpress

Category Web

haiz85 · Accepted Answer · 2019年7月21日 04:01

Sorry for late reply, already fixed, i miss understood about array, so here the code that completely run as i want it.

 <?php
 $next_post = get_next_post();
  next_post_link('%link',
     get_the_post_thumbnail($next_post->ID, 'prev_next_img', array(
               'class' => 'rounded-lg object-fill w-full max-h-full' 
     )) . '<h4 class="text-center mt-2 lg:text-base text-sm no-underline text-black leading-snug font-medium">%title</h4>',                                                
     false);
 ?>

in function.php

i put custome image size

add_image_size('prev_next_img', 370, 270, true);

haiz85 · Accepted Answer · 2019年7月16日 01:34

i think i already fix it, and now i have problem with customizing image width and height, here are my latest code.

 $prev_post = get_previous_post();
 previous_post_link(
 get_the_post_thumbnail($prev_post->ID, 'custom-size-image', array(
         'class'     =>  'rounded-lg object-cover',
         'sizes'     =>  'width="371" height="270"'
 )) . '<h4 class="text-center">%link</h4>',
 '%title',
 false
 );

but 'sizes' part doesn't seem to work, please help

adding additional class to get the post thumbnail

About