Ecommerce Shopify WordPress Discussion

How can I reduce home page and post page thumbnail image when same thumbnail both side

I want to change home page and blog post page thumbnail size. I noticed thumbnail size generate through same class'large' on both pages. html code is: home page code <img width="750" height="422" src="…" class="attachment-large size-large wp-post-image" alt="amazon-fz-points-weekly-quiz-answer" itemprop="image" decoding="async" srcset="…" sizes="(max-width: 750px) 100vw, 750px"> Blog post code <img width="750" height="422" src="" class="attachment-large size-large wp-post-image" alt="amazon-fz-points-weekly-quiz-answer"> I change tried to change it from funtion.php but no change. Let us know php code editing.
What you need to do: Define new image sizes: Add code to your functions.php file to define the new image sizes. Use Conditional Tags: To define different sizes on different pages Example Implementation: function my_custom_image_sizes() { add_image_size('homepage-thumb', 800, 450, true); add_image_size('postpage-thumb', 600, 300, true); } add_action('after_setup_theme', 'my_custom_image_sizes'); function my_custom_thumbnails($html, $post_id, $post_image_id, $size, $attr) { if(is_home() && $size == 'large') { $size = 'homepage-thumb'; } elseif(is_single() && $size == 'large') { $size = 'postpage-thumb'; } $image = wp_get_attachment_image_src($post_image_id, $size); if ($image) { $html = '<img src="' . $image[0] . '" width="' . $image[1] . '" height="' . $image[2] . '" alt="' . get_the_title($post_id) . '">'; } return $html; } add_filter('post_thumbnail_html', 'my_custom_thumbnails', 10, 5);

January 7, 2024

TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.