'Back to all blogs' button

Site URL: https://processworkuk.squarespace.com

Hi there,

Is there a way to add a 'Back to Blogs' button at the top left-hand side of the individual blog pages, the same as you see on Events pages?

Thanks,

Alex

Sure, just add a button block with a link to your blog page header. I have one at the bottom of all my individual blog posts in the footer. I think it works better at the bottom of a post than at the top. It would be a bit close to the NAV bar don't you think?

https://myrandomviews.com/blog/galleries

my random views

Thanks, that's been my current workaround, but I was wondering if there's a way to automatically add this to all Blog posts rather than having to add in a button to each individual blog?

Thank you.

On 8/21/2022 at 8:27 PM, AlexSaunders said:

Site URL: https://processworkuk.squarespace.com

Hi there,

Is there a way to add a 'Back to Blogs' button at the top left-hand side of the individual blog pages, the same as you see on Events pages?

Thanks,

Alex

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() { 
		$('<a href="/news" class="eventitem-backlink">Back to All Blogs</a>').insertBefore('.blog-item-title');
	});
</script>
<style>
  a.eventitem-backlink {
    margin: 0;
}
</style>

Thank you, this works well. However, I have used blog collection pages for different parts of my site, so is there a way to add this code to the different blogs but update the 'Back to Blogs' text?

Many thanks,

Alex 

11 hours ago, AlexSaunders said:

Thank you, this works well. However, I have used blog collection pages for different parts of my site, so is there a way to add this code to the different blogs but update the 'Back to Blogs' text?

Many thanks,

Alex 

Move code to each blog Page Header

Amazing, thank you!