html - 将类添加到 Wordpress 侧边栏导航列表

Question

我只是想知道是否有办法为子页面、类别、文件、元等内容向任何导航列表添加类？

我在我的模板中找不到任何地方来添加类，因为我猜它都是自动生成的？

我的父主题 (html5blank) 有一段代码(下方)引用了它，但我认为它针对侧边栏中的所有列表...

if (function_exists('register_sidebar'))
{
    // Define Sidebar Widget Area 1
    register_sidebar(array(
        'name' => __('Widget Area 1', 'html5blank'),
        'description' => __('Description for this widget-area...', 'html5blank'),
        'id' => 'widget-area-1',
        'before_widget' => '<div id="%1$s" class="%2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h3>',
        'after_title' => '</h3>'
    ));

    // Define Sidebar Widget Area 2
    register_sidebar(array(
        'name' => __('Widget Area 2', 'html5blank'),
        'description' => __('Description for this widget-area...', 'html5blank'),
        'id' => 'widget-area-2',
        'before_widget' => '<div id="%1$s" class="%2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h3>',
        'after_title' => '</h3>'
    ));
}

我意识到我可以通过修改 before_widget 行来将一个类添加到父 div 中，如下所示:

'before_widget' => '<div id="%1$s" class="%2$s CUSTOM-CLASS-HERE">',

确实添加了一个类，但我仍然认为它会被添加到添加到侧边栏的任何和每个小部件中？

大概这意味着任何包含 ul 的小部件都将继承应用于该类的样式，这会破坏小部件的外观？

希望有人能帮上忙 :)

Answer 1

您可以从 WP 仪表板向菜单项(或菜单)添加类。

• 外观 > 菜单 > 屏幕选项
• 显示高级 > CSS 类
• 单击任何菜单项以展开和添加类。

在 CSS 中，您始终可以在这些类的前面加上小部件区域的特定 id 或 class，以仅在特定的侧边栏/小部件区域应用样式。

如果您需要以编程方式向所有菜单项添加一个类，请使用nav_menu_link_attributes Hook :

function add_your_menu_classes( $atts, $item, $args ) {
  if( /* condition based on $args or $item (WP_Post object)
       * (in case you only want this when a particular condition
       * is met). If not, just remove the condition */ ) {
    $atts['class'] = 'some-class';
  }
  return $atts;
}
add_filter( 'nav_menu_link_attributes', 'add_your_menu_classes', 10, 3 );