最小 Wordpress CSS 插件示例

另请参见： 最小 WordPress JS 插件示例 最小 WordPress Shortcode 插件示例

此插件向 Wordpress 添加一个静态 CSS 文件。

首先，在 wp-content/plugins/ 中为你的插件创建一个目录，例如 wp-content/plugins/my-css-plugin

将以下代码保存为插件文件夹中的 functions.php，例如 wp-content/plugins/my-css-plugin/functions.php

<?php
/*
Plugin Name: My CSS plugin
*/

function my_plugin_enqueue_css(){
    wp_enqueue_style('my-plugin-stylesheet', plugins_url('/style.css', __FILE__), false, '1.0.0', 'all');
}
add_action('wp_enqueue_scripts', "my_plugin_enqueue_css");

接下来，将你想要的 CSS 文件保存为插件文件夹中的 style.css，例如 wp-content/plugins/my-css-plugin/style.css。样式表示例：

/* 这只是一个示例 CSS，没有任何特定含义！ */
.my-plugin-class {
    font-weight: bold;
}

现在在你的 Wordpress 管理区域激活你的插件。

你的 CSS 将为每个 Wordpress 页面加载，直到你停用插件。

注意如果你使用像 Autoptimize 这样的 CSS 优化插件，你可能不会看到你的 CSS 文件作为单独加载的样式表，因为它被编译到单个 Autoptimize CSS 中。你的样式仍然会被加载！