To force pinning of a hidden image, simply check the “Force pinning of hidden image” box in the Tasty Pins meta area of any WordPress post.
This will force the pinning of the first hidden image that appears in the Tasty Pins meta area when a reader attempts to pin from an image in the article. But all hidden images will display if a multi-select tool (such as the Pinterest or Tailwind chrome extension) is used.
Change the forced image
To change the image that is forced, simply click the X
on the image to remove it from the hidden images area, then click Select Images to add it again. The image will be added at the front of the row and will then be used as the forced image.
Limitations
If a reader uses any multi-select tool, such as the browser extension or any other multi-select tool on the page, Tasty Pins will not be able to force pinning of the hidden image. This is a Pinterest-defined limitation.
Only images inside the post content are subject to the forced image.
Why aren't hidden images missing?
Any hidden images will show up as an option any time a multi-select Pinterest tool is used, such as the Pinterest browser extension or a social sharing plugin that uses the multi-select tool. However, if that doesn't work, the culprit might be one of the following:
Page builders/Lazy load plugins
If you're using a page builder or lazy load plugin, note that those can sometimes conflict with hidden images.
Page builders are great for building out complex page layouts when you need design elements that the standard Block Editor doesn't provide. However, for general content creation, WordPress' Block Editor is going to be the most reliable and well-supported editor out there, so that is what we recommend using for content creation.
As for lazy load plugins, we recommend entering a lazy load code snippet to resolve the issue.
Your thumbnail size
The issue might be related to the pinning tool not picking up thumbnails that are smaller than 151x151px (the default WordPress thumbnail is 150x150px).
To troubleshoot this, navigate to your thumbnail settings (Settings > Media) and change the dimensions so they're at least 151x151px.
When thumbnail settings are changed, thumbnails are not regenerated for previously uploaded images, so you'll need to use a plugin like Regenerate Thumbnails to make all the new thumbnails.
If you do not want to change your thumbnail size, you can specify that a larger image be used by adding a filter to your site.