Only show wordpress featured image when shared on social media - css

A client has asked me for the following:
For the featured image on the wordpress add post side we only want the featured image to be shown when we post to social media like Facebook. So the featured image shouldn’t be on the blog anywhere but just shown in meta data on social meta.
I am not too sure how to solve the problem, i have tried hiding it with css and ive looked around online. The reason i ask on here is because i dont know if this is possible. any suggestions?
thanks in advance.

Add it as og:image tag and it will only show up on Facebook: http://ogp.me/

Related

add og:image in Wordpress Gutenberg

So I create a new post in Wordpress.
I use the Gutenberg image block to upload an image.
When I scrape the post at the Facebook sharing debugger it displays another random image from my library and tells me no og:image is set.
There's only one image -- how to add the og:image tag?
The og:image tag will contain only the "featured image" of your WP post. If there is no featured image, social media sites will probably use/display the first "regular" image appearing in your post, but there's no guarantee for that.
You might want to use the "Yoast" plugin, this will most likely try to achieve this automatically.

Why og:image is always refer to post first image?

I am using Yoast SEO plugin for and Enable Facebook setting:
And add seperate image for the following post : http://bangla.codingpractise.com/%E0%A6%AA%E0%A7%8D%E0%A6%B0%E0%A6%AF%E0%A7%81%E0%A6%95%E0%A7%8D%E0%A6%A4%E0%A6%BF-%E0%A6%AA%E0%A7%8D%E0%A6%B0%E0%A6%A4%E0%A6%BF%E0%A6%A6%E0%A6%BF%E0%A6%A8/internet-download-manager-free-download-for-windows-10-with-crack/
Here is my og:image : http://bangla.codingpractise.com/wp-content/uploads/2018/10/idm-logo.jpg
But when I try to share my post on facebook, it shows the first image of my post: http://bangla.codingpractise.com/wp-content/uploads/2018/10/Capture.png
Any idea?
Try setting the social share image for your page/post in Yoast instead of MashShare. You may not need MashShare at all. I'm not familiar with it.
Here's what the Yoast UI looks like for adding the image.

Cannot see thumbnail on my blog link posted on Facebook

Cannot see thumbnail on my blog link posted on Facebook
I tried using FB developer tools and I see only a ugly gray generic image from my link, not a proper thumbnail.
I don't know how to solve.
https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Flnx.sinapsi.org%2Fwordpress%2F2016%2F10%2F07%2Fdentista-di-coccodrilli%2F
Thumbnail picture exactly what in your og:image, if you don't like it i think that you must change your og:image.

Gallery of galleries in Wordpress

I need to do this:
http://www.somethingdesign.com/press.html
But I don't see how I can do it in wordpress, I've tried Nextgen plugin but the gallery shows all the images and the album is only a link to the gallery and I don't want this effect.
Anybody knows any way of doing it?
Thanks!
if made out of images, how you want to store text info? I suggest make out of post, then use for. ex.
http://wordpress.org/plugins/so-masonry/

Pulling featured images from non-wp pages and setting them as a wp post featured image

I am setting up a website that would partially link directly to various stories and articles on other websites. Is it possible for the featured image of each post be automatically set to the featured image/thumbnail from the website being linked to? What I'm looking for is similar to the way social media sites automatically show featured images of shared pages when a user posts the url. Please see the image attached to see what I mean.
Any help will be greatly appreciated.
Facebook share

Resources