Jump to content

Create a simple table of contents

Go to solution Solved by Ziggy,

Recommended Posts

Hi,

I've just written a long blog post ("7 advices to choose a videographer"), and I'm desesperate : I can't find a way to make an internal table of contents. That is to say a list a the beginning of my article that links directly to each one of my 7 advices, so it's easier for the reader to go at its favorite part of the article. I'm totally newbie in coding, but I guess there is a simple way to achieve this in SquareSpace ? 

Best,

Aym

Link to comment
  • Solution

Hi Aym, there's no built in automatic way to do this, but it can be achieved with anchor links:

https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links

Type your list at the beginning of the article, add code blocks with custom anchor link IDs, and add the anchor links to each list item.

Hope that helps you out!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
  • 1 year later...
On 1/5/2023 at 10:55 AM, Ziggy said:

Hi Aym, there's no built in automatic way to do this, but it can be achieved with anchor links:

https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links

Type your list at the beginning of the article, add code blocks with custom anchor link IDs, and add the anchor links to each list item.

Hope that helps you out!

What about if you want the title to be Paragraph 1 instead of Paragraph 2 or Heading 4? @Ziggy @tuanphan

Edited by SadiTheBadi
Link to comment
On 3/3/2024 at 4:08 AM, SadiTheBadi said:

What about if you want the title to be Paragraph 1 instead of Paragraph 2 or Heading 4? @Ziggy @tuanphan

P1, Use Code Block with this code

<p class="sqsrte-large">Text text</p>

or heading 4, the code will be

<h4> test test</h4>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.