QuickNote: Conjuring a Table of Contents on any WordPress site (even free!)

QuickNotes / Links
♦️ Pub: Jun 21, 2018  |  Modified: Aug 28, 2018 @  |  Reading: < 1 min. | Words: 206 ♦️

Providing long meaty articles will delight readers hungry for the nuances you provide. The downside? Someone arriving via Google may want an immediate pointer to the section responsive to their search.

Numerous plug-ins install a table of contents for the desired speedy navigation. But using a plugin requires either a self-hosted WordPress.org site or a top tier WordPress.com subscription.

This Table of Contents (ToC) implementation uses only pure HTML and CSS. Free WordPress.com users should hone in on the HTML aspects of the tutorial, ignoring the CSS. Click To Tweet.

Now, don’t freak out at first glance of the coding. New things can look weird, yet offer über power.
Diamond Dove (bird(, cheering you on!
Know now the requisite →  you’ll need multiple headers (i.e. h1, h2, h3, h4) organizing your text, something you’ve  likely already done. Reason? The coding relies on such headers to perform the desired magic.

Also know: you don’t need to study a dissertation on website coding. If you know how to copy and paste, and you can substitute your headers in the provided examples, you’ll reach the promised land —grinning per your accomplishment!

Tips & Tricks — The Details You’ll Need
QNLink3   Sourcewww.tipsandtricks-hq.com/simple-table-of-contents-toc-using-pure-html-and-css-code-9217

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge

This site uses Akismet to reduce spam. Learn how your comment data is processed.