建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

将自定义 CSS 添加到 WordPress 管理员

GG网络技术分享 2025-03-18 16:08 0


信不信由你,我花了很多时间浏览我的博客评论并纠正拼写问题、代码格式等; 是的,甚至可以追溯到 2007 年的评论。它主要是为了质量控制目的和便于我的读者阅读,尤其是代码评论。

我对 WordPress 管理部分的一个抱怨是很难发现 <pre> 标记内容,尤其是只有一行的代码示例。 这让我想到:“如果我可以将自己的样式添加到 WordPress 管理界面,那不是很棒吗?” 如果它很棒,我想这样做,所以这里是您可以将自己的自定义样式添加到 WordPress 管理员的方法!

第 1 步:创建 CSS 文件

您可以将 CSS 文件放在任何您喜欢的位置; 我选择将 CSS 文件放在我的主题中。 我的管理 CSS 文件如下所示:

.wp-admin .comment pre {

background: pink; /* they forgot the language! */

padding: 6px 10px;

font-size: 16px;

border: 1px solid #ccc;

}

.wp-admin .comment pre[class] {

background: #fff; /* language (likely) there */

}

上面的 CSS 使 <pre> 标签更显眼。 它也将使任何 PRE 没有a的元素 class 更明显的是,打电话给我,我需要通过将语言添加为 className.

第 2 步:将您的 CSS 添加到 WordPress 管理员 functions.php

WordPress 使用 add_action 类型 admin_enqueue_scripts 在 WordPress 中的任何地方添加样式表:

// Update CSS within in Admin

function admin_style() {

wp_enqueue_style('admin-styles', get_template_directory_uri().'/admin.css');

}

add_action('admin_enqueue_scripts', 'admin_style');

get_template_directory_uri 提供当前主题的路径,您只需将文件名添加到路径的末尾。

如果您对像我这样的 WordPress 管理风格感到恼火,请随时加入并更改它们。 我的更新非常简单; 如果您想彻底改造 WordPress 主题,以便您的客户认为他们正在获得一个完全定制的系统,请随意这样做!

标签: WordPress 教程

提交需求或反馈

Demand feedback