Wordpress将一个类添加到菜单链接

11 html css php wordpress

我需要你的帮助.我需要在wordpress在菜单中生成的链接上添加一个特定的类.我该怎么编辑?我的HTML输出是:

<nav class="nav" role="navigation">
<ul>
<li id="menu-item-8" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8"><a href="example.com">Sample Page</a></li>
<li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"><a href="http://example.com">Prova sample</a></li>
</ul></nav
Run Code Online (Sandbox Code Playgroud)

生成菜单的头文件中的代码是:

    <!-- nav -->
    <nav class="nav" role="navigation">
    <?php html5blank_nav(); ?>
    </nav>
   <!-- /nav -->
Run Code Online (Sandbox Code Playgroud)

Rau*_*ria 19

您也可以通过管理面板进行操作

  • 在"外观">"菜单"中,单击"屏幕选项"选项卡

  • 在"显示高级菜单属性"下,选中"CSS类"

  • 现在展开任何菜单项以显示CSS类(可选)文本
    输入.

  • 输入您的班级名称并保存菜单以将该班级应用于
    菜单项

http://sevenspark.com/how-to/how-to-add-a-custom-class-to-a-wordpress-menu-item

  • 谢谢!!似乎有效!但它在 &lt;li&gt; 元素上添加了类,所以我无法按照我想要的方式设置 &lt;a&gt; 元素的样式 (2认同)
  • 问题是它没有解决我的问题.我需要在<a>元素中添加一个类,并在您的提示中将类添加到<li>元素中. (2认同)

小智 19

添加一个类 https://codex.wordpress.org/Plugin_API/Filter_Reference/nav_menu_link_attributes

function add_specific_menu_location_atts( $atts, $item, $args ) {
    // check if the item is in the primary menu
    if( $args->theme_location == 'primary' ) {
      // add the desired attributes:
      $atts['class'] = 'menu-link-class';
    }
    return $atts;
}
add_filter( 'nav_menu_link_attributes', 'add_specific_menu_location_atts', 10, 3 );
Run Code Online (Sandbox Code Playgroud)