Writing a custom nav walker for wordpress

admin · Oct 10, 2022

I am trying to write a custom navigation menu for my custom wordpress theme.

Code:

&lt;ul class="MainMenu nav navbar-nav "&gt;
&lt;li class="has-megamenu"&gt;
    &lt;a href="#"&gt;MENU&lt;/a&gt;
    &lt;div class="megamenu"&gt;
        &lt;ul class="container megamenu-background"&gt;
            &lt;li class="col-md-3 megamenu-column"&gt;
                &lt;h4&gt;Column 1&lt;/h4&gt;
                &lt;ul class="main-menu-ul"&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/li&gt;
            &lt;li class="col-md-3 megamenu-column"&gt;
                &lt;h4&gt;Column 2&lt;/h4&gt;
                &lt;ul class="main-menu-ul"&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/li&gt;
            &lt;li class="col-md-3 megamenu-column"&gt;
                &lt;h4&gt;Column 3&lt;/h4&gt;
                &lt;ul class="main-menu-ul"&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/li&gt;
            &lt;li class="col-md-3 megamenu-column"&gt;
                &lt;h4&gt;Column 4&lt;/h4&gt;
                &lt;ul class="main-menu-ul"&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#"&gt;Menu Item&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/li&gt;
       &lt;/ul&gt;
    &lt;/div&gt;
&lt;/li&gt;
&lt;li class="dropdown"&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
&lt;li class="dropdown"&gt;&lt;a href="#"&gt;Our Story&lt;/a&gt;&lt;/li&gt;

Problem is How Can I write this structure walker

Writing a custom nav walker for wordpress

admin

Administrator

Visitors Online