[Support request] manual table of content

[eran]

Hi,
I want to create a table of content without plugins.

Will it hurt my page’s SEO if I use headings as links instead of a list?

[David]

Hi there,

a List block will tell assistive technologies there is a List of related items here.
So it’s better for accessibility.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[eran]

So I’ll need to style it with CSS?

Or there’s a way I can use generateblocks to style it?

[David]

Do you have GenerateBlocks Pro ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[eran]

Yes

[David]

Ok, if you:

1. add a Container Block, and got to Advanced > Add Attribute.
In the first left hand field add: role
In the second right hand field add: list

2. Inside the container add your Headlines. For each headline you add, in Advanced > Add Attribute
And this time it will be role and listitem

That in theory will allow assistive technologies and any other HTML tools treat it as a List.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[eran]

Can you check if I did it right?

Plus, is it possible to make an Indent list item?

[David]

Where can i see it ? Can you share a link

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[eran]

Added in private message.

Is it possible to make an Indent list item?

And there’s a way to add a bullet for every item? so when long item take space of 2 lines readers won’t think its a different item.

[David]

Select the Headline block(s) ( note you can shift click to select multiple ones ) and then in Spacing add some Left Margin.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David]

Can you check if I did it right?

And yes – thats correct 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[eran]

there’s a way to add a bullet for every item? so when long item take space of 2 lines readers won’t think its a different item.

[David]

You can add an icon to the Headline block.

Or alternatively use a List Block if its going to make your life easier maintaining the lists.
We can assist with some CSS for styling if you need.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Justin]

David,

I’m not 100% sure my issue is related, but I don’t see the ability to indent text in a post.

Use case: Sometimes we use bullets for unordered lists, but the paragraphs are too long and we want to use a line break. However, there doesn’t appear to be a way for us to keep have a non-bulleted paragraph of text that’s aligned with the bulleted paragraph above it.

We’re in the process of migrating from Squarespace. I looked at our html and this is how they do it <p style=”margin-left:40px;white-space:pre-wrap;” class=””>[post text goes here]</p>

Can you think of a way we can easily accomplish the same thing without having to modify the html tags in the editor?

[David]

Hi there,

without messing with the HTML, the core List Block ( and the GB Headline Block ) does support (multiple) soft line-breaks using Shift Enter.
For the list block the margin indent is preserved.
The same goes for the Headline with an Icon, you will need to make sure the Icon alignment is set to Top.

Does that help ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts