时间戳

首页 > 解决方案 > 如何在 WP 管理仪表板（后端）的特定页面中修改 CSS

php - 如何在 WP 管理仪表板（后端）的特定页面中修改 CSS

问题描述

我正在尝试删除 wordpress 管理面板的仪表板页面的填充和标题。仪表板使用“Elementor 欢迎仪表板”+ Elementor 重新设计。

我尝试了下面的 .js 代码它不起作用。请问你有修复或想法来实现这一点吗？谢谢你。埃德

var path = window.location.pathname;
if((path == "/wp-admin/" || path == "/wp-admin" || path == "/wp-login.php") && domainURL+path)
{
    document.getElementsByClassName("h1").style.display = "none";
}

标签： phpcsswordpresswoocommerceelementor

解决方案

您必须将 css 注入 wordpress 标头才能实际修改 wordpress css 管理控制台。在您的function.php文件中添加以下内容：

<?php function theme_admin_css() {
echo '
<style media="screen">
/* ... Your custom css goes here ... */
</style>
'; }
add_action( 'admin_head', 'theme_admin_css' ); ?>

现在要轻松找到您想要定位和样式的元素，您可以执行以下操作：

在浏览器中：右键单击元素 > 检查。在源代码中找到您的元素：右键单击 > 复制 > 复制选择器

现在您可以将选择器粘贴到样式标签之间并对其进行自定义。

还有一件事，你应该!important声明（例如background-color:red!important：）

推荐阅读