post-thumbnails

No src and sizes attributes present on WordPress thumbnail images; the smallest image size is loaded irregardless of viewport size

WordPress Responsive Images Without Imagick No, you do not need Imagick to get WordPress responsive images (srcset and sizes) working. As of WordPress 4.4+, if your theme has post-thumbnails enabled and you are using core functions like the_post_thumbnail() or wp_get_attachment_image(), WordPress will automatically include srcset and sizes attributes (assuming multiple image sizes exist). The GD … Read more

Media Library it doesn’t show any of the uploaded images after updating wordpress 6.6.2

After a thorough inspection of the database, i saw that the post_type for the images had changed to “post” instead of “attachment“. The solution Update Post mime type from “post_status = inherit” sql: // Mime type – img/jpeg UPDATE wp_posts SET post_type = ‘attachment’ WHERE wp_posts.post_status = ‘inherit’ and wp_posts.post_mime_type = ‘image/jpeg’; // Mime type – img/png UPDATE wp_posts SET post_type = ‘attachment’ WHERE wp_posts.post_status = ‘inherit’ and wp_posts.post_mime_type = ‘image/png’; // Mime type – img/webp UPDATE wp_posts SET post_type = ‘attachment’ WHERE wp_posts.post_status = ‘inherit’ and wp_posts.post_mime_type = ‘image/webp’; // Mime type – … Read more

Featured Image add tab

WordPress does not have a built-in hook or function on the PHP side that allows you to directly add a new tab to the Media Library Modal window. To achieve this, you need to use JavaScript to modify the media uploader interface. You can add a custom tab to the WordPress Media Library modal by … Read more

medium_large image size not displaying properly on the frontend?

I saw this problem recently on a project, and the answer is to disable responsive image markup. Simply add the below code into your theme’s functions.php and you are golden: add_filter( ‘wp_calculate_image_srcset’, ‘__return_false’ ); Ref: How do I disable responsive images in WP 4.4? Afterwards, you can insert the Medium Large a.k.a. medium_large images (if … Read more

Get featured image thumbnail and inserting into custom field on wordpress posts

You will want to make the following changes to your add_custom_field_automatically function. First, we will need to add the global $post; as we will need the $post variable inside the function scope. You do this with a comma. more on variable scope here. add_action(‘publish_post’, ‘add_custom_field_automatically’); function add_custom_field_automatically($post_ID) { global $wpdb, $post; if(!wp_is_post_revision($post_ID)) { add_post_meta($post_ID, ‘field-name’, … Read more

Button over featured image on hover

Using CSS, you can try just moving the ‘hover’ state a bit higher up the chain. .brbl-blog-item:hover .brbl-overlay{ /*Theme has this set to `transparent` so change to 70% white*/ background: RGBA(255,255,255,0.7); z-index: 1; } .brbl-blog-item:hover .brbl-post-btn{ opacity: 1; z-index: 10; } This does mean that the entire item including the content is subject to the … Read more

+ More