Bootstarp Nav-Walker Problem Solution for Navigation - IIT Blog

Sunday, August 4, 2019

Bootstarp Nav-Walker Problem Solution for Navigation

Menu items, pages and (hierarchical) taxonomies are all examples of data with a tree like structure: terms can have parents, children and siblings. Usually we would like to reflect this structure in the HTML markup. For displaying a menu, for instance, we want the HTML to be of a list of 'top level' links, with nested lists of their children, which themselves contain nested lists of their children, and so on. This tutorial will guide you through a class WordPress provides which makes producing this mark-up extremely simple.


The walker class is an abstract class designed to help traverse and display elements which have a hierarchical (or tree like) structure. It doesn't actually 'do' (in the sense of generating HTML) anything. It simply traces each branch of your tree: it has to be extended by other classes which tell it what to do for each element it comes across. 

WP-Bootstrap Original Class:



WP-Bootstrap My Edited Class:

No comments:

Post a Comment