Docs

[M Pez]

Is there a setting that I need to change so the blog page loads smaller thumbnails instead of the full size images?

It has been a while since I have used the X theme and I have been testing the latest release (4.6.1) on a dev site. It seems like blog page is loading the full size images…not a thumbnails.

(FYI, I am intentionally using large images to see how the theme handles resizing them.)

When I test the page on Google Pagespeed Insights is confirms this…giving the page (with only two posts) a score of 43 out of 100.

Suggestions Summary
Should Fix: Optimize images
Properly formatting and compressing images can save many bytes of data. Optimize the following images to reduce their size by 866.2KiB (97% reduction).

Compressing and resizing http://www.mysite.com/…p-content/uploads/2016/07/natgeo-004.jpg could save 666.7KiB (98% reduction).
Compressing and resizing http://www.mysite.com/…p-content/uploads/2016/07/natgeo-001.jpg could save 199.6KiB (95% reduction).

[M Pez]

This reply has been marked as private.

[Lely]

Hi There,

Unfortunately, I can’t access your site. See attached screenshot.
Regarding the issue, you may try to add the following code on your child theme’s functions.php file:

// Get Featured Image URL
// =============================================================================

if ( ! function_exists( 'x_get_featured_image_url' ) ) :
  function x_get_featured_image_url( $size = 'full' ) {

    $featured_image     = wp_get_attachment_image_src( get_post_thumbnail_id(), array( 300, 212 ) );
    $featured_image_url = $featured_image[0];

    return $featured_image_url;

  }
endif;

The following link might help:
http://codex.wordpress.org/Post_Thumbnails
http://codex.wordpress.org/Function_Reference/the_post_thumbnail
This are the size of your thumbnails: array( 300, 212 ). Feel free to adjust and make sure to Force regenerate thumbnail after.

Hope this helps.

[M Pez]

I cannot see the screen shot that you referenced. Not sure why you cannot see the site. I just tested it from my ATT mobile connection and it comes right up for me.

I can make the modifications that you suggested but isn’t the X theme resizing post thumbnails on it’s own by default? It seems odd that I would have to add extra code for this.

[M Pez]

I did some more testing. It appears that the first blog posts is loading an image that has been resized to 862 x 597. But the second blog post is loading the original size image 3200 x 2000.

[M Pez]

This reply has been marked as private.

[M Pez]

I installed the “Regenerate Thumbnails” plugin and rebuilt all of the thumbnails. It appears to have corrected the problem.

[Friech]

Cool, feel free to get in touch with us regarding any further queries about the X|Theme and Cornerstone.

Cheers!

[Author]

Posts