The post’s hidden Pinterest image doesn’t appear when using Tailwind

If you are using Tailwind to schedule your Pinterest posts, you may find that the post’s Pinterest hidden images are not available for scheduling when using the Tailwind browser extension. This issue boils down to two possible cases:

The hidden image’s size

Social Pug by default loads the “medium” size for the hidden images, instead of a larger format. This is done to make sure page loading speeds are not affected by the plugin’s functionality.

Please note: Even though a small image size is loaded in the page, Social Pug sets the “data-pin-media” attribute, that Pinterest and other tools use, to the image’s full size URL. This way the full sized image is actually used when the image is shared.

The issue with the small images is that Tailwind will not be able to read images that have either the height or width smaller than 150 pixels, even with the “data-pin-media” attribute set to the largest image size.

To load a larger image, please add the following code snippet into your theme’s functions.php file:

Lazy load plugins

Most image lazy load plugins fail to load hidden images, thus making these images unavailable for Tailwind.

To resolve this issue, the post Pinterest hidden image should be excluded from being processed by the lazy load system, and instead be loaded automatically.

For SEO reasons, it’s recommended to have these images lazy loaded, but if you wish to use Tailwind they will need to be excluded from lazy loading systems.

To do this, add the following code snippet into your theme’s functions.php file:

Was this post helpful?

Subscribe to get early access

to new plugins, discounts and brief updates about what's new with DevPups!