将自定义 CSS 添加到 WordPress 管理员
信不信由你,我花了很多时间浏览我的博客评论并纠正拼写问题、代码格式等; 是的,甚至可以追溯到 2007 年的评论。它主要是为了质量控制目的和便于我的读者阅读,尤其是代码评论。
我对 WordPress 管理部分的一个抱怨是很难发现 <pre>
标记内容,尤其是只有一行的代码示例。 这让我想到:“如果我可以将自己的样式添加到 WordPress 管理界面,那不是很棒吗?” 如果它很棒,我想这样做,所以这里是您可以将自己的自定义样式添加到 WordPress 管理员的方法!
第 1 步:创建 CSS 文件
您可以将 CSS 文件放在任何您喜欢的位置; 我选择将 CSS 文件放在我的主题中。 我的管理 CSS 文件如下所示:
1 2 3 4 5 6 7 8 9 10 |
.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 中的任何地方添加样式表:
1 2 3 4 5 |
// 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 主题,以便您的客户认为他们正在获得一个完全定制的系统,请随意这样做!
由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » 将自定义 CSS 添加到 WordPress 管理员
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » 将自定义 CSS 添加到 WordPress 管理员