php - 如何在主菜单 ul 上使用类而不是 wordpress 中的 div

标签 php html css menu html-lists

我在 wordpress 中使用了这个 php 代码来获取主菜单。

<?php

  wp_nav_menu( array(
    'menu' => 'Top menu',
    'theme_location' => 'primary',
    'depth' => 2,
    'menu_class' => 'nav navbar-nav',
  ));

?>

这是预览中的输出。

<div class="nav navbar-nav">
  <ul>
    <li class="active"><a href="#"> NEWS  <span class="sr-only">(current)</span></a></li>
    <li><a href="#">FUNNY PICTURES</a></li>
    <li><a href="#">FUNNY VIDEOS</a></li>
    <li><a href="#">GOVERMENT JOBS</a></li>
    <li><a href="#">HEALTH</a></li>
    <li><a href="#">BEST SHOPING DEAL</a></li>
  </ul>
</div>

这应该像下面那样工作,而不是像上面那样。请解释需要在 php 代码中进行哪些更改。

<div>
  <ul class="nav navbar-nav">
    <li class="active"><a href="#"> NEWS  <span class="sr-only">(current)</span></a></li>
    <li><a href="#">test</a></li>
  </ul>
</div>

最佳答案

查看wordpress documentation其中清楚地说明了您需要的所有东西。

<?php

$defaults = array(
    'theme_location'  => '',
    'menu'            => '',
    'container'       => 'div',
    'container_class' => '',
    'container_id'    => '',
    'menu_class'      => 'menu',
    'menu_id'         => '',
    'echo'            => true,
    'fallback_cb'     => 'wp_page_menu',
    'before'          => '',
    'after'           => '',
    'link_before'     => '',
    'link_after'      => '',
    'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
    'depth'           => 0,
    'walker'          => ''
);

wp_nav_menu( $defaults );

?>

我没有清楚地理解你的问题,但据我了解,你可以使用container class 将类添加到 div 文件夹,并将 menu_class 添加类名到 < strong>ul 元素 .

关于php - 如何在主菜单 ul 上使用类而不是 wordpress 中的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30819585/

相关文章:

ios - 如何克服移动 Safari 中奇怪的 "placeholder"问题

javascript - 文本区域占位符文本

javascript - 移动到网页的第一个 'default' 焦点

php - 设备上的 android 应用程序连接到 php 脚本

php - Wamp 服务器 php.ini 文件

php - Laravel:根据每个项目的半径选择选择一定距离内的模型

php - 如何在 PHP 中下载大于 2Gb 的文件?

javascript - 在 'onclick' 事件上打开固定窗口 - javascript 和 html

html - 表格边框不显示 - 即使使用 .table-bordered 类

javascript - 为什么 minify js/css 页面速度和 yslow 不同?