CSS隐藏wordpress后台插件通知（使用wp code插件）

悦然wordpress建站之前分享过如何关闭wordpress后台的插件通知或广告，需要用到专门的插件，如果你不想装插件，也可以试试纯CSS隐藏的方法，这种方法也比较安全。

/* ========== 通用插件推广/升级/评分/促销通知（对大多数插件有效） ========== */
/* 1. 顶部全局Notice广告条（绝大多数插件Pro提示、五星好评弹窗） */
.notice.upsell,
.notice.promo,
.notice.sale,
.notice.rating-notice,
.notice.review-notice,
.notice.plugin-ad,
div[class*="upsell-notice"],
div[class*="promo-notice"],
div[class*="rate-us-notice"],
div[class*="upgrade-notice"],

/* 2. 各类Elementor配套插件专属广告（ElementsKit、MetForm、Royal Addons等wpmet全家桶） */
.ekit-admin-notice,
.elementskit-lite-notice,
div[class*="elementskit-promo"],
div[class*="elementskit-upsell"],
.wpmet-notice,
.wpmet-upsell,
.metform-notice,

/* 3. 仪表盘首页推广小部件、侧边广告卡片 */
#dashboard-widgets div[class*="promo"],
#dashboard-widgets div[class*="upsell"],
#dashboard-widgets div[class*="premium"],
.dashboard-widget-plugin-ad,

/* 4. 插件设置页内嵌入的升级横幅、侧边Pro广告栏 */
.wrap div[class*="pro-banner"],
.wrap div[class*="upgrade-to-pro"],
.wrap div[class*="go-premium"],
div[class*="plugin-promo-banner"],
div[class*="sidebar-upsell"],

/* 5. 弹窗/浮动推广、升级引导模态框 */
.modal-upsell,
div[class*="promo-modal"],
div[class*="rate-modal"],

/* 6. 通用类名匹配 */
div[class*="promo"],
div[class*="upsell"],
div[class*="premium"],
div[class*="go-pro"],
div[class*="upgrade"],
div[class*="rate-us"],
div[class*="review-request"],
div[class*="buy-pro"],
div[class*="unlock-pro"],
div[class*="special-offer"],
div[class*="limited-sale"] {
    /* 彻底隐藏，不留空白占位 */
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* ========== 保留WordPress原生系统提示（重要更新/安全通知不会被屏蔽） ========== */
/* 原生更新通知class为 update-nag，上面规则不会匹配，系统提醒正常显示 */

大家可以直接使用上面的CSS代码，直接复制即可。

然后打开wp code插件，添加新代码，Cody Type选 CSS Snippet，把上面代码粘贴进来。

然后下面的Location这里注意一下，选Admin header，让它只在后台加载。

最后保存，启用代码，刷新页面就可以发现，终于清静了！

这个方法还是有一点局限性，如果插件有变动，或者新出现的插件，有可能就不生效，但你可以找到插件的通知广告CSSID，把它到上面的代码中。

如果你还是喜欢更直接的方法，不写用代码，也可以看看我之前分享的文章哦。