Css 从管理面板中删除标题

使用店面主题，我想在登录管理面板WooCommerce

|产品商店活动|收件箱|订单|库存|评论|通知|

面包屑时删除面包屑*请注意，如果您登录的是当前用户而不是管理员，我需要这个。我使用css的代码

.woocommerce-layout__header-breadcrumbs {
   display: none !important;
}
.woocommerce-layout {
   display: none !important;
}

---

该代码可以正常工作，但问题是您在哪里使用它？CSS只影响前端，而管理端有不同的样式表源。您可以尝试添加一个

addadmin CSS

插件来发布该代码，或者在

函数中使用如下自定义操作。php

：

add_action('admin_head', 'Hide_WooCommerce_Breadcrumb');

function Hide_WooCommerce_Breadcrumb() {
  echo '<style>
    .woocommerce-layout__header-breadcrumbs {
      display: none;
    }
  </style>';
}

add_action（'admin_head'、'Hide_woodcommerce_Breadcrumb'）；
函数Hide\u woodcommerce\u Breadcrumb（）{
回声'
.woocommerce-layout_uuu标题-面包屑{
显示：无；
}
';
}

输出：

---

在活动主题的functions.php中添加以下代码片段-

remove_action( 'in_admin_header', array( 'WC_Admin_Loader', 'embed_page_header' ) );

2020年更新版：

function Hide_WooCommerce_Breadcrumb() {
    echo '<style>
    .woocommerce-layout__header {
        display: none;
    }
    .woocommerce-layout__activity-panel-tabs {
        display: none;
    }
    .woocommerce-layout__header-breadcrumbs {
        display: none;
    }
    </style>';
}

函数Hide\u woodcommerce\u Breadcrumb（）{
回声'
.woocommerce-Layou_头{
显示：无；
}
.woocommerce-Layou___活动-panel-tabs{
显示：无；
}
.woocommerce-layout_uuu标题-面包屑{
显示：无；
}
';
}

自2020年3月28日起，对于所有用户，以下代码将删除添加到WP Admin中的新Woocommerce标题。将以下内容放入主题的functions.php文件中：

// Disable Woocommerce Header in WP Admin 
add_action('admin_head', 'Hide_WooCommerce_Breadcrumb');

function Hide_WooCommerce_Breadcrumb() {
  echo '<style>
    .woocommerce-layout__header {
        display: none;
    }
    .woocommerce-layout__activity-panel-tabs {
        display: none;
    }
    .woocommerce-layout__header-breadcrumbs {
        display: none;
    }
    .woocommerce-embed-page .woocommerce-layout__primary{
        display: none;
    }
    .woocommerce-embed-page #screen-meta, .woocommerce-embed-page #screen-meta-links{top:0;}
    </style>';
}

//在WP Admin中禁用Woocommerce头
添加动作（“管理头”、“隐藏商业面包屑”）；
函数Hide\u woodcommerce\u Breadcrumb（）{
回声'
.woocommerce-Layou_头{
显示：无；
}
.woocommerce-Layou___活动-panel-tabs{
显示：无；
}
.woocommerce-layout_uuu标题-面包屑{
显示：无；
}
.woocommerce嵌入页面.woocommerce-layout\u主{
显示：无；
}
.woocommerce嵌入页面#屏幕元，.woocommerce嵌入页面#屏幕元链接{top:0；}
';
}

函数wp\u custom\u css（）{
回声'
.woocommerce嵌入页面#wpbody.woocommerce布局，.woocommerce嵌入页面.woocommerce-layou\uu通知-list-hide+.wrap{
填充顶部：10px；
}
.woocommerce嵌入页面#屏幕元，.woocommerce嵌入页面#屏幕元链接{
顶部：0px；
}
.woocommerce-Layou_头{
显示：无；
}
.woocommerce-Layou___活动-panel-tabs{
显示：无；
}
.woocommerce-layout_uuu标题-面包屑{
显示：无；
}
';
}
添加动作（“管理头”、“工作包自定义”css）；

在woocommerce 5.2之后，我们必须取消#wpbody的保证金。此代码段是伊兹梅霍坎的修订版，仍然处于活动状态

add_action( 'admin_head', function (){
  remove_action( 'in_admin_header', array( 'Automattic\WooCommerce\Admin\Loader', 'embed_page_header' ) ); 
  echo '<style>#wpadminbar + #wpbody { margin-top:0; }</style>';
});

add_操作（'admin_head'，函数（）{
删除操作（'in_admin_header'，数组（'automatic\WooCommerce\admin\Loader'，'embed_page_header'）；
回音“#wpadminbar+#wpbody{margin top:0；}”；
});

如果您也添加HTML代码会更好。？？我不明白你已经发布了你尝试过的CSS代码，但是与之相关的HTML呢？：）其他人无法验证代码是否正确，除非他们使用的是您设置的相同选项。非常感谢您的时间。这同样有效，但上面的答案更接近我所寻找的酷。当然，您可以选择更好的解决方案，但我认为您只是想删除面包屑，而不是右侧的选项。他的代码不会也隐藏它们吗？那么，当你只想隐藏面包屑时，为什么要使用这种解决方案呢我只是重新设置了问题的框架，以便选择的答案能够很好地同步。这个问题已经包含了多个答案和一个可接受的答案。你能解释一下（通过编辑你的答案）你的答案与其他答案的不同之处吗？还要知道，从长远来看，只有代码的答案是没有用的。最好的解决方案是2021年。此解决方案还解决了由其他解决方案导致的标题大小无效的问题。没有添加任何解释，此代码也不起作用。

add_action( 'admin_head', function (){
  remove_action( 'in_admin_header', array( 'Automattic\WooCommerce\Admin\Loader', 'embed_page_header' ) ); 
  echo '<style>#wpadminbar + #wpbody { margin-top:0; }</style>';
});