VSDocs File Hierarchy Shortcode Explained

The first step in creating a File Hierarchy type shortcode is going in and creating a menu which will define the file hierarchy.

To do this, you need to navigate to Appearance -> Menus, hit “Create New Menu” and insert a name.

screen-shot-2016-10-11-at-13-31-23

In here, each menu item will represent a file, and each “Parent” menu item will represent a folder. In the image below we can see we have a couple of folders, with a bunch of files in each of them. screen-shot-2016-10-11-at-13-32-51

Which will create the following structure:

screen-shot-2016-10-11-at-13-34-18

In order to add descriptions next to each of the fields, simply open up the Screen Settings pannel and activate the “Description” checkbox.screen-shot-2016-10-11-at-13-35-16

Then you can simply start adding descriptions next to each menu item as you need them.

screen-shot-2016-10-11-at-13-58-50

After completing these steps and building your file structure you can save your menu and then navigate to the page where you will insert the shortcode.

If you’re using VSDocs V2.0.0 or a newer version, then you can go in and edit any page with the Visual Composer and insert a File Hierarchy shortcode. There, you’ll be able to choose between the menus currently available, as well as choose to have your default shortcode expanded or not.

screen-shot-2016-10-11-at-14-10-14

If you’re using a previous version to V2.0.0, then you’ve got to use the “Docs File Hierarchy” shortcode and simply insert the menu name in the “Menu Name” field. screen-shot-2016-10-11-at-14-11-48

Was this article helpful?

No 0