Not rewriting URLs for the_post_thumbnail in custom WP_Query

I got something pretty close – it just took a little filtering and figuring out how to adjust it:

function modify_post_thumbnail_html($html, $post_id, $post_thumbnail_id, $size, $attr) {
    $id = get_post_thumbnail_id(); // gets the id of the current post_thumbnail (in the loop)

    $alt = get_the_title($id); // gets the post thumbnail title

    $html = '<img src="https://s3.amazonaws.com/your/bucket/' . $alt . '.png" alt="' .$alt . '" />';

    return $html;

}

add_filter('post_thumbnail_html', 'modify_post_thumbnail_html', 99, 5);

This works by directly filtering the src attribute before displaying on the page. The problem is the plugin automatically adds the wp-content/ and year and month folders by default so you have to upload the image again manually.

If there were more options as to where files get uploaded to when using the Media Uploader that could help.

Any other ideas?

Hi joshuaiz. I’ve just tried to recreate the issue but I am struggling to do so. Can you post a screenshot of your plugin settings and the full code you are using for the custom query (including your $args)? Also what theme are you using?

Hi Gilbert,

This problem is happening on another site I am working on locally. The featured images in a custom query are being served from WordPress and not Amazon S3.

Here is my full WP Query code:

<section class="home-feature m-all cf">
	<?php // WP_Query arguments
		$args = array (
			'posts_per_page' => '1',
		);

		// The Query
		$query = new WP_Query( $args );

		// The Loop
		if ( $query->have_posts() ) {

			while ( $query->have_posts() ) {

			$query->the_post(); ?>

				<a class="feature-link" href="<?php echo get_permalink(); ?>" title="<?php the_title(); ?>"><h1 class="post-title"><?php the_title(); ?></h1></a> <div class="feature-tagline"><?php echo fapp_get_custom_field( 'fapp_tagline' ); ?></div>

				<?php
					if ( has_post_thumbnail() ) { ?>

					<a class="feature-img feature-img-1" href="<?php echo get_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail('fapp-thumb-800'); ?></a>

				<?php } 

					if  ( class_exists('MultiPostThumbnails') ) { ?>

					<a class="feature-img feature-img-2" href="<?php echo get_permalink(); ?>" title="<?php the_title(); ?>">
					<?php MultiPostThumbnails::the_post_thumbnail(get_post_type(), 'secondary-image', NULL,  'fapp-thumb-800'); ?></a>

				<?php } ?>

					</a>

				<?php }

				}

		// Restore original Post Data
		wp_reset_postdata(); ?>

</section>

I can verify that the featured images at the size the query is looking for is on Amazon S3.

As for the theme, it is customized but based on Bones (https://themble.com/bones/) so there is nothing extraneous going on.

Hi joshuaiz

Just to check, have you enabled the setting “Point file URLs to S3/CloudFront for files that have been copied to S3” in the plugin’s settings?