开放的编程资料库

当前位置:我爱分享网 > PHP教程 > 正文

将自定义 CSS 添加到 WordPress 管理

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

我对 WordPress 管理部分的一个抱怨是很难发现

 标签内容,尤其是只有一行的代码示例。这让我想到:“如果我可以将自己的样式添加到 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 使

 标签更加可见。它还将使任何没有 classPRE 元素更加明显,告诉我我需要通过将语言添加为 className 来修复它。

第 2 步:将您的 CSS 添加到 functions.php

中的 WordPress Admin

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 主题,让您的客户认为他们获得了一个完全定制的系统,请尽管这样做!

未经允许不得转载:我爱分享网 » 将自定义 CSS 添加到 WordPress 管理

感觉很棒!可以赞赏支持我哟~

赞(0) 打赏