从 WooCommerce 管理员面板中删除标题答案

【问题标题】：Remove header from the WooCommerce administrator panel从 WooCommerce 管理员面板中删除标题
【发布时间】：2022-03-14 07:17:29
【问题描述】：

使用店面主题，我想在登录管理员面板 WooCommerce 时删除面包屑 |产品商店活动|收件箱|订单|库存|评论|通知| 面包屑。

请注意：如果您以当前用户而不是管理员身份登录，我需要。我使用 CSS 的代码：

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

【问题讨论】：

把HTML代码也加进去会更好。
??没找到你
您已经发布了您尝试过的 CSS 代码，但与之关联的 HTML 呢？ :) 其他人无法验证代码是否正确，除非它们与您设置的选项相同。

标签： css wordpress woocommerce hook-woocommerce woothemes

【解决方案1】：

截至 2020 年 3 月 28 日，对于所有用户，以下代码将删除添加到 WordPress 管理员中的新 Woocommerce 标头。将以下内容放入主题的 functions.php 文件中：

// Disable WooCommerce Header in WordPress 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>';
}

【讨论】：

【解决方案2】：

该代码可以正常工作，但问题是您在哪里使用它？ CSS 只会影响前端，而 Admin End 有不同的样式表源。您可以尝试添加 Add Admin CSS 插件来发布该代码或在 function.php 文件中使用如下自定义操作：

add_action('admin_head', 'Hide_WooCommerce_Breadcrumb');

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

输出：

【讨论】：

非常感谢您的时间。这也有效，但上面的答案更接近我正在寻找的内容
酷。当然，您可以选择更好的解决方案，但我虽然您只是想删除面包屑而不是右侧的选项。他的代码也不会隐藏它们吗？
那么，当您只想隐藏面包屑时，为什么还要使用该解决方案呢？ :) 我只是重新构建了问题，以便选择的答案能够很好地同步。

【解决方案3】：

function wp_custom_css() {
    echo '<style>
    .woocommerce-embed-page #wpbody .woocommerce-layout, .woocommerce-embed-page .woocommerce-layout__notice-list-hide+.wrap {
        padding-top: 10px;
    }
    .woocommerce-embed-page #screen-meta, .woocommerce-embed-page #screen-meta-links {
        top: 0px;
    }
    .woocommerce-layout__header {
        display: none;
    }
    .woocommerce-layout__activity-panel-tabs {
        display: none;
    }
    .woocommerce-layout__header-breadcrumbs {
        display: none;
    }
    </style>';
}
add_action('admin_head', 'wp_custom_css');

【讨论】：

此问题已包含多个答案和一个已接受的答案。您能否解释（通过编辑您的答案）您的答案与其他答案的不同之处？也知道从长远来看，仅代码的答案没有用处。
2021年最佳解决方案。该解决方案还解决了其他解决方案导致的标题大小无效的问题。

【解决方案4】：

在 WooCommerce 5.2 之后，我们必须取消 #wpbody 的边距。此代码 sn-p 是 itzmekhokan 的修订版，并且仍然有效。

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>';
});

【讨论】：

这听起来更正确，因为加载器类的事件监听器应该停止搜索“隐藏”显示无选择器并用废话填充收件箱等等。

【解决方案5】：

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>';
}

【讨论】：

【解决方案6】：

// Removing the embedded element.
#woocommerce-embedded-root {
  display: none !important;
}
// Removing the empty spacing after removing the embedded element.
#wpbody {
  margin-top: unset !important;
}

【讨论】：

这可能是一个很好的解决方案，但它发现自己在低质量答案队列中等待审核。请添加一些讨论来解释解决方案及其工作原理，以使其对本网站的未来读者更有帮助。

【解决方案7】：

将以下代码 sn-p 添加到活动主题的 functions.php 文件中 -

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

【讨论】：

没有添加任何解释，这段代码也不起作用。