WordPress.org

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!

[dexs_toc]

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

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

Since 1.1.0

title="Table of Contents"
  • Info: Change the title
align="right"
  • Options: "right" | "left" | "none" | "center"
  • Info: Change the container position
anchor=true
  • Options: true | false
  • Info: Dis/Enable the anchor-linking
tag="ul"
  • Options: "ul" | "ol"
  • Info: Change the HTML list tag
design="level_num"
  • 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
background="transparent"
  • 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>).

Example

[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!

Example

[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.5
Last Updated: 2014-11-27
Active Installs: 100+

Ratings

2.7 out of 5 stars

Support

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

Got something to say? Need help?

Compatibility

+
=
Not enough data

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