Jump to content

Linking a blog post title PLUS THUMBNAIL to another page

Recommended Posts

I have followed the instructions here: https://support.squarespace.com/hc/en-us/articles/206543297-Linking-a-blog-post-title-to-another-page

to link one blog post title to another page. 

However, this feature DOES NOT link the blog post thumbnail to the new URL in the summary.

How can I include the thumbnail in redirecting to the new link, whether through this method, URL mapping, or another way?

The blog post URL I want to redirect is: https://www.earthspeak.love/collective-courses-resources/heart-fire-activation-ritual

Thank you.

Edited by natalienet
Link to comment
  • 1 month later...

I run a podcast as a part of a blog I host on Squarespace. As a result, I regularly link to external URLs on my Squarespace blog. However, it seems I can only link the post title to the source URL and not the thumbnail.

I'd like to be able to link the post's thumbnail to the external URL as well. Currently, when people click the title, they end up at the correct content, but when they click the thumbnail, they're sent to an empty blog post.

Does anyone have any solutions for this problem? Someone else seems to have brought up something similar in November: 

 

Link to comment
  • 3 months later...
  • 3 weeks later...

You filter the summary using categories. Can be one post with or multiple posts,  I have a blog summary page  that says this weeks featured story in the header, only one post shows up. I add the cat to the new story, delete the cat from the last one and bingo, one post that links text, a read more button, and a thumbnail to the new post. You can see it in action here. https://myrandomviews.com/storysummary

Link to comment
  • 2 months later...
On 8/1/2020 at 3:39 AM, amykurt said:

Is there a way to use the summary block work around, but have the link open in a new tab or window instead of navigating away from your page?

 

Yes. You can if using Business Plan. Can you share link to page where you use summary block? We can check easier.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 years later...
22 hours ago, OldLadyStudio said:

@tuanphan I'd like all the blog posts that have external links to be linked not just the Title but ALSO the image. Is this possible?

site: https://addenbrooke.squarespace.com/collection-list

pw: HelpMe!

I see you solved this? Both are clickable now

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...
On 10/30/2022 at 12:06 AM, nicbrancato said:

Did anyone every figure this out? Would love to be able to link both the title and thumbnail!

If you share link to blog page, we can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
On 1/11/2023 at 5:19 AM, goodmajick said:

@tuanphan I am also wondering what the fix is that you have (with a business plan). Thanks Tuanphan!

Link: https://mdiicecream.squarespace.com/media
Password: MDI12345

I am using the standard blog presentation; not a summary block (I'd prefer not to use a summary block if possible)

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$(".blog-basic-grid .blog-basic-grid--container.is-loaded").click(function() {
  window.location = $(this).find("a.blog-more-link").attr("href"); 
  return false;
});
});
</script>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 1/13/2023 at 9:32 AM, tuanphan said:

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$(".blog-basic-grid .blog-basic-grid--container.is-loaded").click(function() {
  window.location = $(this).find("a.blog-more-link").attr("href"); 
  return false;
});
});
</script>

 

@tuanphan You're a LEGEND! Thank you for this code. It has solved the problem of the blog post TITLES linking directly to the source articles. I am, however, still having a problem with getting the IMAGES corresponding with the blog title to link directly to the source articles. Is there something I am overlooking?

Link to comment
On 1/17/2023 at 7:51 AM, goodmajick said:

@tuanphan You're a LEGEND! Thank you for this code. It has solved the problem of the blog post TITLES linking directly to the source articles. I am, however, still having a problem with getting the IMAGES corresponding with the blog title to link directly to the source articles. Is there something I am overlooking?

Can you share link to page? We can check it again easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 1/17/2023 at 7:51 AM, goodmajick said:

@tuanphan You're a LEGEND! Thank you for this code. It has solved the problem of the blog post TITLES linking directly to the source articles. I am, however, still having a problem with getting the IMAGES corresponding with the blog title to link directly to the source articles. Is there something I am overlooking?

Add this under the code

<style>
  .blog-basic-grid .blog-basic-grid--container.is-loaded>div:first-child {
    pointer-events: none;
}
.blog-basic-grid .blog-basic-grid--container.is-loaded:hover {
    cursor: pointer;
}
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.