specify image that shows when sharing site link
-
Hello,
How do I specify that my header image be used as the image that shows when I share the link for my site?
I am using the 2017 theme and have a lot of CSS customization already – I have the welcome page currently set as my homepage in homepage setting, and the image (which is the text for the first section on my homepage) is what currently shows when I share the URL. I don’t want to change the look of the page, but want the link to use the header image rather than the image on my welcome page.
thank you!
Rajni
The blog I need help with is: (visible only to logged in users)
-
Hey rajnikur,
Please set your header image as the featured image for your homepage.
Whenever you share your website’s link on any social media platform, the featured image is being fetched. If not available, the main image of the website is taken into consideration.
Just edit your home page’s featured image and your problem will get solved.
-
Thanks Ravichahar. That works, but then the header image shows on my home page twice so then I need a way to suppress the featured home page image from showing on the site.
thanks! -
@thesacredpath, do you have some CSS that can suppress the featured image from showing on my homepage so that it can still be used as the image that is shared when sharing the site URL, but not have to show it on the blog?
Also, is there a way to make the tagline show on the sharing image as well? Thanks!
-
@rajnikur, with social media sites, we are a bit at their mercy as they determine which image they pull from a post or page. Generally they will pull an image from the page content rather than a header image.
We cold hide the featured images from the pages you set them on so that they would be there for sharing, but not visible on your site. If you can add one back into one of your pages, I’d be happy to work up the code to hide them for you.
-
Thanks for the reply @thesacredpath!
I am not referring to a specific post, but the main site URL, kurilane.com. And also, not specifically only sharing on social media, but even when I share the Url via iMessage or text (image below of what it looks like and what I want it to look like).Ravichahar had replied saying to make the feature image of my homepage the image I want to show on share, however that is the header image, so when I add that image as the feature image to my home page (which is called “welcome” on my site), then the image shows twice on the site, which is not what I want.
Here’s what it looks like right now, without a feature image selected on my welcome page (this image is in the body of my welcome page, which is the text displayed in the first section of my homepage):
I want it to show like this (but also to have my tag line display underneath “Kurilane” and above “kurilane.com”:
-
Thanks for the clarification. I can help you hide the featured image from view if you add it back in on your main page and then let me know when you have. You might have to live with double images on that page for a few hours if I am not online at the time, but it is totally doable.
-
Thanks so much @thesacredpath! I’ve added the featured image to the welcome page, so there are double images now. Is it possible for the tag line to show there as well? It is specified in site identity, but the display site title and tagline is unchecked.
-
Thanks, add this to your custom CSS. This specifically targets that panel section by the post id CSS class, so if you happen to change it to another, you will have to adjust the id number.
.post-63695 .panel-image { display: none; } -
And actually, let’s change that a bit an use this instead.
.home .post-63695 .panel-image { display: none; } -
Thanks @thesacredpath. That worked – sort of.
Now, whether I have a featured image on the welcome page or not, the header image is displayed when sharing the link. Also, if I change the welcome page image or the header image, it still shows this same image when sharing the link.I would expect the image to change with whatever I choose as the featured image for the welcome page, no?
Also, any way to make the tag line show on the share? I enabled that toggle on the site identity settings to test, but it did not make the tag line show on share.
-
Actually – that must have been a user error something b/c it is now responding correctly.
Just the tag line, if you have any ideas about th -
We have specifically targeted that featured image in the post, so if you change that image, it should show a different image when you share, as long as where you share it picks that up. Facebook will cache images, so it the previous image may show up there for some time, until they again fetch the new information. For Facebook, you can use their debug tool and ask it to fetch the new content, and then that will be in their caches.
On the tagline, no there is no way to force that to show up on a share. The service you are sharing to determines what they pull for their previews.
-
Thanks so much @thesacredpath. I think there’s a time lag when I change the featured image, but it does work as expected. And thanks for letting me know about the tag line – I figured a way around it, but putting an image with my tagline in it!
I did do the FB debug to ensure that it would share the correct image. Thanks again for all your help! -
- The topic ‘specify image that shows when sharing site link’ is closed to new replies.
WordPress.com Forums 