Question

以下是帖子菜单

下的这些子菜单项

我检查了代码，发现它的标记就是这个

＆＃13;

<ul class="wp-submenu wp-submenu-wrap">
  <li class="wp-submenu-head" aria-hidden="true">Posts</li>
  <li class="wp-first-item current"><a href="edit.php" class="wp-first-item current">All Posts</a></li>
  <li><a href="post-new.php">Add New</a></li>
  <li><a href="edit-tags.php?taxonomy=category">Categories</a></li>
  <li><a href="edit-tags.php?taxonomy=post_tag">Tags</a></li>
</ul>

＆＃13;

我想要做的是在my-custom-class标签上添加自定义类<li>（在服务器端处理），使其变得像这样

＆＃13;

<ul class="wp-submenu wp-submenu-wrap">
  <li class="wp-submenu-head" aria-hidden="true">Posts</li>
  <li class="wp-first-item current my-custom-class"><a href="edit.php" class="wp-first-item current">All Posts</a></li>
  <li class="my-custom-class"><a href="post-new.php">Add New</a></li>
  <li class="my-custom-class"><a href="edit-tags.php?taxonomy=category">Categories</a></li>
  <li class="my-custom-class"><a href="edit-tags.php?taxonomy=post_tag">Tags</a></li>
</ul>

＆＃13;

有没有办法将自定义HTML类名称添加到管理屏幕子菜单项？

Answer 1

您可以在html上执行str_replace，这将在页面加载之前发生：

只需要找出选择器，然后用DOMDocument

解析它

function callback($buffer) {

    $buffer = str_replace('wp-first-item', 'wp-first-item my-custom-class', $buffer);

    return $buffer;
}

function buffer_start() { ob_start("callback"); }

function buffer_end() { ob_end_flush(); }

add_action('admin_head', 'buffer_start');
add_action('admin_footer', 'buffer_end');

Answer 2

我们实际上可以使用像这样的简单插件来实现：

<?php
/** Plugin Name: Custom Admin Submenu CSS Class **/

add_action( 'admin_menu', function() use ( &$submenu )
{
    $class = 'my-class'; // Edit to your needs!

    if( ! isset( $submenu['edit.php'][5] ) )
        return;

    if( ! empty( $submenu['edit.php'][5][4] ) ) // Append if css class exists
        $submenu['edit.php'][5][4] .= ' ' . $class;
    else                                      
        $submenu['edit.php'][5][4] = $class;

} );

我们通过找出_wp_menu_output()核心功能的this part来构建它：

if ( ! empty( $sub_item[4] ) ) {
    $class[] = esc_attr( $sub_item[4] );
}

以下是修改后的HTML的外观：

<ul class='wp-submenu wp-submenu-wrap'>
    <li class='wp-submenu-head' aria-hidden='true'>Posts</li>
    <li class="wp-first-item current my-class">
        <a href='edit.php' class="wp-first-item current my-class">All Posts</a>
    </li>
    <li>
        <a href='post-new.php'>Add New</a>
    </li>
    <li>
        <a href='edit-tags.php?taxonomy=category'>Categories</a>
    </li>
    <li>
        <a href='edit-tags.php?taxonomy=post_tag'>Tags</a>
    </li>
</ul>

将自定义css类添加到<li>标记和<a>标记。

一般情况下，我不喜欢修改全局变量，但似乎没有办法通过add_submenu_page()或其他显式过滤器将类添加到子菜单。

如果你想修改第一级项目（菜单）的css类，你可以例如查看add_menu_classes过滤器。

如果您强烈认为子菜单的css类应该通过过滤器直接调整，那么您可以create a trac ticket详细解释为什么需要这样做，例如建议使用新的add_submenu_classes过滤器。

我希望它有所帮助！

Answer 3

这应该这样做：

test

Answer 4

我研究了这个。除非您破解核心文件，否则无法将css-classes添加到管理菜单项。

要添加新的子菜单项，您可以使用 delete_submenu_page（），然后使用 add_submenu_page（），但它不允许您为其指定css类。< / p>

Answer 5

请试试这个：

这对我有用。

add_action('admin_init','add_custom_class_adminMenu');
function add_custom_class_adminMenu() 
{
    global $menu;
    foreach($menu as $key => $value)
    {
        if('Posts' == $value[0])
        {
            $menu[$key][4] .= " custom-class-1";
        }

        if('Pages' == $value[0])
        {
            $menu[$key][4] .= " custom-class-2";
        }            
    }
}

如何将自定义HTML类名添加到管理屏幕子菜单项？

5 个答案: