Custom post template with table of contents

Table of Contents

In Glarestone theme we've added special feature that may be helpful for writing very long publications that requires a table of contents.

How it works?

It's a custom post template, you can enable it in post settings.

Custom post template: Table Of Contents

When enabled, special template will search for H2 and H3 headings in your whole article post and will create a table of contents on it's base.

This post is an example on how it will look.

Heading H2

Vestibulum malesuada quam vel tellus sollicitudin molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Mauris vestibulum tristique tellus, varius feugiat velit ultrices eu. Aenean facilisis orci sit amet condimentum rutrum. Suspendisse eu purus ullamcorper, luctus diam id, dignissim mauris. Proin pulvinar purus vel varius ornare.

photo-1515169974372-0a322886d279-4

Nullam volutpat, turpis non dapibus commodo, felis ex tincidunt lacus, vitae tempor justo urna a sem. Vivamus et rutrum ante, eget pulvinar lacus.

Heading H3

Sed a augue ac ex faucibus faucibus. Nam nec fermentum sapien. Phasellus vestibulum massa sed nibh vehicula commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Mauris sollicitudin velit bibendum risus commodo, quis blandit lectus ultrices. Morbi sit amet lobortis ex, sit amet lobortis diam. Pellentesque id scelerisque arcu. Etiam libero quam, lobortis at pulvinar quis, mollis at justo.

  • Morbi
  • Tempus ex
  • Et euismod
  • Placerat

Ut et porttitor turpis. In nec dolor pretium, commodo ipsum convallis, faucibus mauris. Fusce ultricies, tortor ac varius scelerisque, metus elit mattis mi, sit amet aliquam quam nunc et velit.

Heading H3

Cras et odio magna. Phasellus a lobortis enim. Duis condimentum ultrices enim et interdum. Nam at turpis molestie, lacinia ligula id, cursus quam. Curabitur pulvinar elit elit, sit amet mattis dui euismod sit amet.


Aenean tortor quam H2

Praesent eu lacus quam. Morbi ultricies a neque sed ornare. Nunc nunc felis, tincidunt blandit lorem vel, congue lobortis lacus.

Phasellus id quam venenatis, cursus ipsum congue, dapibus felis.

Phasellus dictum H3

Vestibulum nec libero sed ex ornare interdum. Aliquam tempor ligula risus, id egestas lorem laoreet quis. Aenean nec sem in purus consequat molestie eu a ex. Cras a orci tincidunt, venenatis metus nec, tristique tellus.

Fusce at turpis justo H3

Donec ut augue in leo venenatis porta. Duis ut nulla vitae tellus eleifend commodo. Praesent nec placerat est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at nulla at erat tempus convallis.

Sed sed aliquet ante, vitae lobortis sem. H4

Morbi a elementum leo. Suspendisse ac mi ut libero sollicitudin luctus. Proin varius odio id erat blandit tincidunt. Nunc pulvinar erat mi, vitae venenatis sapien iaculis ut. Ut feugiat ac elit et maximus.

Maecenas molestie, dui id accumsan euismod, diam lorem condimentum nisl, a varius lorem ante vel leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

In tellus odio H3

Quisque vel malesuada turpis. Nullam nec malesuada orci, non congue magna. Proin ornare sapien id posuere consectetur. Pellentesque sit amet lacinia nunc, sed hendrerit metus.

Morbi condimentum H2

Donec ut cursus tortor. Aenean varius bibendum tempor. Sed vel aliquam lacus, eu facilisis nisl. Donec tincidunt scelerisque auctor.

Proin tellus mi, pretium sed mattis vel, varius congue orci. Mauris lobortis quam pulvinar leo pharetra, sed laoreet mauris tempor.

Aliquam feugiat faucibus erat ut interdum. Donec ligula mauris, auctor sit amet congue eu, commodo id nibh.

Sed vitae augue vel magna H3

Gravida accumsan ac ut nunc. Fusce dictum quis magna in scelerisque. Sed suscipit ligula id nulla ultrices feugiat. Donec venenatis scelerisque tortor, eget commodo est ultricies eget. Donec tincidunt tempor fringilla.

Proin tristique mauris quis ornare finibus. In posuere nunc nec leo vestibulum, congue volutpat lorem sodales. Nunc vulputate nisl eu ipsum auctor imperdiet at eget mi. Aliquam sed lectus iaculis, pretium ex ac, tempor nunc.

Etiam placerat H3

Viverra erat, et pretium lorem finibus nec.

3oiymgdkj6k-dariusz-sankowski-2

Quisque maximus est vel nunc consectetur, eget feugiat dui mollis. Praesent eget velit at elit volutpat hendrerit.

Nunc dapibus convallis iaculis. Maecenas mollis, augue a scelerisque pharetra, lacus nisl vulputate orci, vel pellentesque ipsum lorem id eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Mauris sed nisl maximus, viverra ex sit amet, malesuada mi. Maecenas sodales nisl non sapien auctor condimentum. Aliquam elementum libero neque, nec malesuada lectus viverra eu. Aenean eget ex in libero consectetur bibendum ut quis erat. Quisque vel vestibulum turpis.

Heading 2

Vestibulum malesuada quam vel tellus sollicitudin molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Cras quis efficitur urna.

Mauris vestibulum tristique tellus, varius feugiat velit ultrices eu. Aenean facilisis orci sit amet condimentum rutrum. Suspendisse eu purus ullamcorper, luctus diam id, dignissim mauris. Proin pulvinar purus vel varius ornare.

Heading 3

Sed a augue ac ex faucibus faucibus. Nam nec fermentum sapien. Phasellus vestibulum massa sed nibh vehicula commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Heading 3

Cras et odio magna. Phasellus a lobortis enim. Duis condimentum ultrices enim et interdum. Nam at turpis molestie, lacinia ligula id, cursus quam. Curabitur pulvinar elit elit, sit amet mattis dui euismod sit amet.


Nulla eleifend

Praesent eu lacus quam. Morbi ultricies a neque sed ornare. Nunc nunc felis, tincidunt blandit lorem vel, congue lobortis lacus. Phasellus id quam venenatis, cursus ipsum congue, dapibus felis.

Pellentesque in vulputate metus

Efficitur nisi. Sed a tellus id purus tempus ornare. Sed sed aliquet ante, vitae lobortis sem. Vestibulum nec libero sed ex ornare interdum. Aliquam tempor ligula risus, id egestas lorem laoreet quis.

Aenean nec sem in purus consequat molestie eu a ex. Cras a orci tincidunt, venenatis metus nec, tristique tellus. Donec ut augue in leo venenatis porta. Duis ut nulla vitae tellus eleifend commodo. Praesent nec placerat est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at nulla at erat tempus convallis.

Morbi a elementum leo

Suspendisse ac mi ut libero sollicitudin luctus. Proin varius odio id erat blandit tincidunt. Nunc pulvinar erat mi, vitae venenatis sapien iaculis ut. Ut feugiat ac elit et maximus. Quisque vel malesuada turpis. Nullam nec malesuada orci, non congue magna. Proin ornare sapien id posuere consectetur. Pellentesque sit amet lacinia nunc, sed hendrerit metus.

Donec ut cursus tortor

Aenean varius bibendum tempor. Sed vel aliquam lacus, eu facilisis nisl. Donec tincidunt scelerisque auctor.

Proin tellus mi, pretium sed mattis vel, varius congue orci. Mauris lobortis quam pulvinar leo pharetra, sed laoreet mauris tempor. Aliquam feugiat faucibus erat ut interdum.

Donec ligula mauris, auctor sit amet congue eu, commodo id nibh. Sed vitae augue vel magna gravida accumsan ac ut nunc.

Fusce dictum

Quis magna in scelerisque. Sed suscipit ligula id nulla ultrices feugiat. Donec venenatis scelerisque tortor, eget commodo est ultricies eget. Donec tincidunt tempor fringilla.

Ut ac diam eros. Proin ultrices facilisis dui id dignissim. Maecenas non viverra nulla. Proin rutrum vulputate laoreet. Curabitur vitae justo varius, tempor lectus vel, elementum orci. Vivamus ultricies volutpat feugiat. Pellentesque ut sodales nulla. Nulla maximus ante non elit iaculis, vel fringilla dui laoreet. Morbi tincidunt ornare tortor, ut aliquam augue fringilla id. In mattis sollicitudin risus et imperdiet. Curabitur volutpat urna quis massa rutrum, eu tempor lectus aliquet. Cras semper lectus eu mauris volutpat posuere id non ligula. Nullam pharetra convallis nisi quis iaculis. Nulla rhoncus libero sit amet tellus mattis, sit amet interdum quam accumsan.

Cras tortor velit, vehicula ac nibh vel, consectetur viverra libero. Nullam auctor urna ut pretium imperdiet. Morbi ac libero ac ex consequat cursus. Sed nec malesuada odio, vitae suscipit magna. Etiam eu posuere dui, at hendrerit orci. Sed quis volutpat enim. Vestibulum vitae tellus nec arcu fermentum lobortis ut nec sem. Mauris eu odio aliquet, dignissim odio at, tincidunt ante.


Morbi ut ante lorem

Quisque consectetur massa et dolor rutrum malesuada. Nullam vel orci sem. Cras dapibus finibus elit quis porta. Ut leo enim, posuere et condimentum vel, imperdiet quis orci. Duis in facilisis ligula, quis semper enim. Cras accumsan auctor vulputate.

Donec bibendum sed magna eget interdum. Maecenas quam mi, feugiat ac feugiat sed, malesuada vitae est. Phasellus condimentum convallis aliquet. Suspendisse sollicitudin orci ante, eu ornare ligula condimentum eget. Morbi sollicitudin aliquet libero non tristique. Fusce id elit eleifend, gravida lacus sit amet, blandit justo. Vivamus a dui in risus fermentum feugiat.

Ut non consequat lorem.

Maecenas ultricies ut sem id maximus. Fusce eget volutpat nisi. Pellentesque quis vestibulum odio, non condimentum ipsum. Nunc elementum ipsum tincidunt ante imperdiet, ac maximus massa dapibus. Etiam eu vehicula elit. Mauris ac sodales risus, sit amet laoreet ipsum. Proin rhoncus, purus non euismod scelerisque, sem risus convallis nibh, et finibus elit sem ut sapien. Donec interdum, sapien quis varius suscipit, libero nunc gravida lectus, vitae porttitor mauris dolor et erat. Morbi scelerisque velit in lacus dignissim tincidunt.

Quisque pretium volutpat diam, nec consectetur nulla porttitor et.

Aenean accumsan ipsum et dui mollis tempor. Cras porttitor ante eget convallis condimentum.

Sed ut nunc justo.

Curabitur malesuada ipsum ut ligula eleifend, quis tempus magna vehicula. Pellentesque in rhoncus purus. Maecenas sed lobortis ipsum, nec feugiat nisi. Sed maximus bibendum facilisis. Curabitur et ex in quam laoreet suscipit id nec arcu. Donec semper eu erat nec tincidunt. Sed quis sem consequat, dictum libero sed, molestie purus. Mauris laoreet suscipit erat id interdum. Nam semper vulputate venenatis. Fusce justo nulla, imperdiet nec porttitor vel, semper a sem.