You should define add_image_size with fourth parameter to allow WordPress to crop your image to exact size. add_image_size ( ‘single_post’, 500, 200, true); Whether to crop images to specified height and width or resize Difference between soft and hard crop false – Soft proportional crop mode. true – Hard crop mode. array – Specify positioning … Read more
Use the filter post_thumbnail_html (source): function wpse_195454_post_thumbnail_html( $html ) { if ( $html ) $html=”<span class=”wrap”>” . $html . ‘</span>’; return $html; } add_filter( ‘post_thumbnail_html’, ‘wpse_195454_post_thumbnail_html’ );
If you have a look at what next_post_link you’ll see that it takes a parameter $link as the second argument: next_post_link( $format, $link, $in_same_term = false, $excluded_terms=””, $taxonomy = ‘category’ ); Your parameter for this currently doesn’t include the post thumbnail: _x( ‘%title <span class=”meta-nav”>→</span>’, ‘Next post link’, ‘nicosite’ ) So we need to add … Read more
get_post_thumbnail_id() only returns the ID of the thumbnail. To get the actual thumbnail you could instead use get_the_post_thumbnail() You can also get the image using it´s ID, but that requires wp_get_attachment_image( get_post_thumbnail_id(), ‘full’ )
Replace get_the_image function get_the_image( array( ‘meta_key’ => … For the_post_thumbnail function: the_post_thumbnail( $size, $attr );
Got it working by removing the <a href> from the image. This is the proper way of doing a responsive image with a link: <a href=”https://wordpress.stackexchange.com/questions/212844/<?php the_permalink(); ?>”> <picture> <source srcset=”https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/<?php echo get_template_directory_uri(); ?>/img/noimg-499px” media=”(max-width: 599px)”> <source srcset=”https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/<?php echo get_template_directory_uri(); ?>/img/noimg-120×90.jpg” media=”(max-width: 767px)”> <source srcset=”https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/<?php echo get_template_directory_uri(); ?>/img/noimg-220×116.jpg”> <!– fallback –> <img srcset=”https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/https://wordpress.stackexchange.com/<?php echo get_template_directory_uri(); … Read more
You can use get_post_format($post_id) to retrieve each post’s format, then you can assign a class to each post based on it’s format. Once you have that, you only need to define said classes to, for example, show an icon overlay on the ::after pseudo-element of the posts. To obtain consistency between widgets, category pages, etc. … Read more
After add_post_meta($post_id, ‘_standard_image’, trailingslashit($uploaddir[‘url’]) . $filename); paste set_post_thumbnail($post_id, $attach_id); What this is doing is taking the attachment that is created in this function and adding it as a featured image. Hope that helps.
The code you are using is correct. The problem is that you are looking at thumbnails that have already been created. As @Loius mentioned you will need to use Regenerate Thumbnails to see the effect. Why core has not implemented this is beyond me.
You’ll have to code the output in the manner you want to display it. However you’ll have to generate the image link prior to the html part. Save the image in a variable $bgimage1; make the list using li and in the list item backgroun-image: <?php echo $bgimage1; ?>