Plugin Directory

Dexs Navigation Tree

This Plugin creates a "Table of Contents" container, show it with the shortcode and / or with the own widget!

How do I embed?

Write the following shortcode on the top of your posts and pages. And don't forget: Add the shortcode ALSO after each code, if you want to display the TOC Container on each page!


Or move the "Table of Contents" widget to your main sidebar.

How can i design?

Use the shortcode generator on the administration page ('Settings' -> 'Dexs Navigation Tree') or use the following attributes inside the [dexs_toc] shortcode:

New in 1.2.0

  • Options: "h" | "c"
  • Info: Change the content list type (See "How can i control?" below for more infos)
  • Options: true | false
  • Info: Use the post title as first-item
  • Options: true | false
  • Info: Suborder all other items under the post title (requires post_title=true)
  • Options: "font,link,link:hover"
  • Info: Costumize the font link and link:hover color
  • Info: Design your container with own CSS-codes

Since 1.1.0

title="Table of Contents"
  • Info: Change the title
  • Options: "right" | "left" | "none" | "center"
  • Info: Change the container position
  • Options: true | false
  • Info: Dis/Enable the anchor-linking
  • Options: "ul" | "ol"
  • Info: Change the HTML list tag
  • Options: "num" | "level_num" | "folder" | "folder_num"
  • Info: Change the list style type
border="1px solid #d0d0d0"
  • Options: "width style color"
  • Info: Costumize the border design
  • Options: "color"
  • Info: Costumize the background-color

How can i control?

You have 2 options since version 1.2.0.

Option 1: Heading Elements

Use the content heading elements <h1> - <h6> (You don't have to start with <h1>).


[dexs_toc type="h"]
<h1>Title 1</h1>
<h2>Title 2</h2>

Option 2: Class Names

Use the class names "anchor-1" up to "anchor-6" inside a <span>, <p>, <div>, <i>, <b>, <strong> or <section> element. Now you can display a different title between the post content and the TOC Container. (If you need this).

PS.: The element with the "anchor-*" class name will removed, so don't insert more then the TOC title!


[dexs_toc type="c"]
<span class="anchor-1">My TOC Title 1</span>
<h1>My Post Title 1</h1>
<span class="anchor-2">My TOC Title 2</span>
<h2>My Post Title 2</h2>

How does work the widget?

The widget will show automatically on post and pages (is_page() && is_post()). If you need special settings, use The Widget Logic WordPress Plugin to define exactly where the widget should display and where not.

Requires: 3.8 or higher
Compatible up to: 4.0.8
Last Updated: 2014-11-27
Active Installs: 100+


2.7 out of 5 stars


0 of 1 support threads in the last two months have been resolved.

Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.