信不信由你,我花了很多时间浏览我的博客评论并纠正拼写问题、代码格式等; 是的,甚至可以追溯到 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 主题,以便您的客户认为他们正在获得一个完全定制的系统,请随意这样做!