从 WooCommerce 管理员面板中删除 header

Question

使用店面主题，我想在登录管理员面板 WooCommerce 时删除面包屑 |Products Store Activity|收件箱|订单|现货|点评|通知| 面包屑。

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

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

Answer 1

该代码可以正常工作，但问题是您在哪里使用它？ CSS 只会影响前端，而管理端有不同的样式 sheet 来源。您可以尝试将 Add Admin CSS 插件添加到 post 该代码，或者在您的 [=24= 中使用像下面这样的自定义操作] 文件:

add_action('admin_head', 'Hide_WooCommerce_Breadcrumb');

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

输出：

Answer 2

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

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

Answer 3

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

Answer 4

截至 2020 年 3 月 28 日，对于 所有用户 ，以下代码删除了添加到 WordPress 管理中的新 Woocommerce Header。将以下内容放入主题的 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>';
}

Answer 5

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

Answer 6

在WooCommerce 5.2之后，我们不得不取消#wpbody的边距。此代码段是 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>';
});

Answer 7

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

从 WooCommerce 管理员面板中删除 header

Remove header from the WooCommerce administrator panel

css

wordpress

woocommerce

woothemes

hook-woocommerce