我想从头开始创建 WordPress 菜单
I want create WordPress menu from scratch
这是我的代码,我只想在我的 word-press 菜单中使用它。
我正在使用。但是使用这个我只得到父菜单而不是子菜单。
如果可以使用 walker 菜单,请帮助我。
我正在使用此代码在前端获取菜单
PHP:
wp_nav_menu(
array(
'theme_location' => 'primary',
'container_class' => 'main-navigation'
)
);
HTML:
<div class="main-navigation">
<ul>
<li>
<a href="index.html">Home</a>
<li>
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
About Us
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="who-we-are.html">Who are we</a></li>
<li><a href="core-value.html">Our Core Values</a></li>
<li><a href="management-team.html">Management Team</a></li>
<li><a href="customer-partner.html">Clients & Partners</a></li>
</ul>
<ul class="about-us-img"></ul>
</li>
<li>
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Service Offering
<span class="caret"></span>
</a>
<ul class="service-offer dropdown-menu">
<li>
<i class="by-industry"></i><h3>By Industry</h3>
<ul>
<li><a href="manufacturing .html">Manufacturing</a></li>
<li><a href="healthcare .html">Healthcare</a></li>
<li><a href="retail.html">Retail</a></li>
<li><a href="consumer-durables.html">Consumer Durables</a></li>
<li><a href="logistics.html">Logistics</a></li>
<li><a href="ites-bpo-kpo.html">ITES (BPO/KPO)</a></li>
<li><a href="ecommerce .html">E-Commerce</a></li>
</ul>
</li>
<li><i class="by-function"></i><h3>By Function</h3>
<ul>
<li><a href="sales.html">Sales</a></li>
<li><a href="marketing.html">Marketing</a></li>
<li><a href="supply-chain.html">Supply Chain</a></li>
<li><a href="finance.html">Finance</a></li>
<li><a href="hr.html">HR</a></li>
</ul>
</li>
<li>
<i class="by-tech"></i><h3>By Technology</h3>
<ul>
<li><a href="qlikview.html">Qlikview</a></li>
<li><a href="qliksense.html">QlikSense</a></li>
<li><a href="msbi.html">MSBI</a></li>
<li><a href="dot-net.html">.Net</a></li>
<li><a href="sharepoint.html">SharePoint</a></li>
<li><a href="middleware-api.html">Middleware/API</a></li>
<li><a href="mobile.html">Mobile</a></li>
</ul>
</li>
<li>
<i class="by-business"></i><h3>By Line of Business</h3>
<ul>
<li><a href="analytics.html">Analytics</a></li>
<li><a href="application-development.html">Application Development</a></li>
</ul>
</li>
</ul>
</li>
<li class="drop-resourse">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Resources
<span class="caret"></span>
</a>
<ul class="resourse-menu">
<li><a href="case-studies.html">Case Studies</a></li>
<li><a href="http://www.blog.polestarllp.com/">Blog</a></li>
<li><a href="press-release.html">Press Releases</a></li>
<li><a href="methodology.html">Methodology</a></li>
</ul>
<ul class="resourse-img"></ul>
</li>
<li class="drop-career">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Career
<span class="caret"></span>
</a>
<ul class="career-menu">
<li><a href="job-opening.html">Job Opening</a></li>
<li><a href="life-at-polestar.html">Life@Polestar</a></li>
</ul>
<ul class="career-img"></ul>
</li>
<li class="drop-conatct">
<a href="contact-us.html">
Contact Us
</a>
</li>
</ul>
</div>
您是说您获得的是顶级导航项,而不是下拉菜单/子菜单?如果是这样,您可以将 "depth" 参数添加到 wp_nav_menu 函数:
wp_nav_menu(
array(
'theme_location' => 'primary',
'container_class' => 'main-navigation',
'depth' => 2
)
);
https://developer.wordpress.org/reference/functions/wp_nav_menu/
这是我的代码,我只想在我的 word-press 菜单中使用它。 我正在使用。但是使用这个我只得到父菜单而不是子菜单。 如果可以使用 walker 菜单,请帮助我。 我正在使用此代码在前端获取菜单
PHP:
wp_nav_menu(
array(
'theme_location' => 'primary',
'container_class' => 'main-navigation'
)
);
HTML:
<div class="main-navigation">
<ul>
<li>
<a href="index.html">Home</a>
<li>
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
About Us
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="who-we-are.html">Who are we</a></li>
<li><a href="core-value.html">Our Core Values</a></li>
<li><a href="management-team.html">Management Team</a></li>
<li><a href="customer-partner.html">Clients & Partners</a></li>
</ul>
<ul class="about-us-img"></ul>
</li>
<li>
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Service Offering
<span class="caret"></span>
</a>
<ul class="service-offer dropdown-menu">
<li>
<i class="by-industry"></i><h3>By Industry</h3>
<ul>
<li><a href="manufacturing .html">Manufacturing</a></li>
<li><a href="healthcare .html">Healthcare</a></li>
<li><a href="retail.html">Retail</a></li>
<li><a href="consumer-durables.html">Consumer Durables</a></li>
<li><a href="logistics.html">Logistics</a></li>
<li><a href="ites-bpo-kpo.html">ITES (BPO/KPO)</a></li>
<li><a href="ecommerce .html">E-Commerce</a></li>
</ul>
</li>
<li><i class="by-function"></i><h3>By Function</h3>
<ul>
<li><a href="sales.html">Sales</a></li>
<li><a href="marketing.html">Marketing</a></li>
<li><a href="supply-chain.html">Supply Chain</a></li>
<li><a href="finance.html">Finance</a></li>
<li><a href="hr.html">HR</a></li>
</ul>
</li>
<li>
<i class="by-tech"></i><h3>By Technology</h3>
<ul>
<li><a href="qlikview.html">Qlikview</a></li>
<li><a href="qliksense.html">QlikSense</a></li>
<li><a href="msbi.html">MSBI</a></li>
<li><a href="dot-net.html">.Net</a></li>
<li><a href="sharepoint.html">SharePoint</a></li>
<li><a href="middleware-api.html">Middleware/API</a></li>
<li><a href="mobile.html">Mobile</a></li>
</ul>
</li>
<li>
<i class="by-business"></i><h3>By Line of Business</h3>
<ul>
<li><a href="analytics.html">Analytics</a></li>
<li><a href="application-development.html">Application Development</a></li>
</ul>
</li>
</ul>
</li>
<li class="drop-resourse">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Resources
<span class="caret"></span>
</a>
<ul class="resourse-menu">
<li><a href="case-studies.html">Case Studies</a></li>
<li><a href="http://www.blog.polestarllp.com/">Blog</a></li>
<li><a href="press-release.html">Press Releases</a></li>
<li><a href="methodology.html">Methodology</a></li>
</ul>
<ul class="resourse-img"></ul>
</li>
<li class="drop-career">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Career
<span class="caret"></span>
</a>
<ul class="career-menu">
<li><a href="job-opening.html">Job Opening</a></li>
<li><a href="life-at-polestar.html">Life@Polestar</a></li>
</ul>
<ul class="career-img"></ul>
</li>
<li class="drop-conatct">
<a href="contact-us.html">
Contact Us
</a>
</li>
</ul>
</div>
您是说您获得的是顶级导航项,而不是下拉菜单/子菜单?如果是这样,您可以将 "depth" 参数添加到 wp_nav_menu 函数:
wp_nav_menu(
array(
'theme_location' => 'primary',
'container_class' => 'main-navigation',
'depth' => 2
)
);
https://developer.wordpress.org/reference/functions/wp_nav_menu/