我正在寻找一种将CSS集成到我的插件中的方法[已关闭]

Question

早上好

我编写了自己的 WordPress 插件。但我不喜欢后端的输出。例如，我想要的标题不是黑色而是白色，并且我希望它更大。 由于我不想将样式直接写入代码中，因此我需要自己的 CSS 文件。 问题是，我不知道如何将 CSS 文件集成到我的插件中，以便它使我的标题在后端更大。 你能给我一些建议吗？

到目前为止，我已经将 CSS 样式直接输入到代码中。 但我无法更改由 Wordpress 创建的表。 例如样式 table.widefat

Answer 1

要将您自己的 CSS 文件集成到后端的 WordPress 插件中，您需要使用 admin_enqueue_scripts 操作挂钩正确地将 CSS 文件排入队列。方法如下：

创建一个 CSS 文件（例如，custom-admin-styles.css）并将其放置在您的插件文件夹中。

在主插件 PHP 文件中，使用以下代码将 CSS 文件排入队列：

    function my_plugin_admin_styles() {
    wp_enqueue_style(
        'my-custom-admin-styles', // Unique handle for your stylesheet
        plugin_dir_url(__FILE__) . 'custom-admin-styles.css', // URL to your CSS file
        array(), // Dependencies (if any)
        '1.0' // Version number
    );
}
add_action('admin_enqueue_scripts', 'my_plugin_admin_styles');

CSS 示例（custom-admin-styles.css）：

 h1, h2, h3 {
    color: white;
    font-size: 2em; /* Adjust size as needed */
}

table.widefat {
    background-color: #f0f0f0; /* Example: Changing the background color */
}

Answer 2

您可以在 wordpress hook 中回调您的函数，如下所示

my-plugin 是句柄，它总是随着输入新文件而改变 plugin_url()，是 wp 内置函数，您可以在其中指定 css 文件目录/文件名.css

    function getdata_wp_code_in_wp_head(){
     wp_register_style( 'my-plugin', plugins_url( 'my-plugin/css/plugin.css' ) );
     wp_enqueue_style( 'my-plugin' );
    }
   add_action('wp_head' , 'getdata_wp_code_in_wp_head');

您也可以使用以下代码

function code_head(){
  wp_enqueue_style( 'vscf_style', plugins_url('/css/vscf-style.min.css') );
}
add_action( 'wp_enqueue_scripts', 'code_head' );