WordPress开发管理菜单CSS？答案

【问题标题】：WordPress development administration menu CSS?WordPress开发管理菜单CSS？
【发布时间】：2015-04-03 18:07:30
【问题描述】：

您好，我正在为 WordPress 创建一个插件，并且正处于创建管理菜单的 CSS 端的阶段。我一直在阅读 WP 的 codex，但仍然不完全确定如何实现整个事情。首先，我有两个文件 adminstyle.css 和 adminstyle.html。我知道我必须在 WP 中使用 wp enqueue 样式/脚本函数，但在实际实现中需要一些帮助。首先，html/css 端是管理员输入/文本区域/单选按钮的页面，供管理员选择他/她的设置。所以我的问题是是否有任何 WP CSS 约定，或者是否像在管理菜单中包含 CSS/HTML 脚本一样简单，以便管理员选择他/她的设置？

【问题讨论】：

标签： php wordpress

【解决方案1】：

实现起来并不难，但您应该了解 wordpress 挂钩、过滤器和实现它的技术。

如果你想要一些代码示例，那么默认情况下，plugins 目录中有一个名为hello.php 的文件，它是默认的Hello Dolly 插件。看看这个示例，了解如何在管理端实现样式：

function dolly_css() {
    // This makes sure that the positioning is also good for right-to-left languages
    $x = is_rtl() ? 'left' : 'right';

    echo "
    <style type='text/css'>
    #dolly {
      float: $x;
      padding-$x: 15px;
      padding-top: 5px;     
      margin: 0;
      font-size: 11px;
    }
    </style>
    ";
}

add_action( 'admin_head', 'dolly_css' );

在上面的代码中，dolly_css 是一个附加到admin_head 钩子的函数。

【讨论】：

admin_head 钩子是否将 css 文件链接到 hello.php？
hello.php 是您的插件文件或您提供的任何名称，admin_head 挂钩将添加 css、js 或通过您的插件添加到管理面板中的任何内容。