Question

我正在写我的第一个wordpress插件，我被卡住了。不好。

我想在插件的管理部分中包含一个css文件。但出于某种原因我不能这样做。我试过的代码（以及它的许多变体）：

// Register style sheet.
add_action( 'wp_enqueue_scripts', 'register_plugin_styles' );

/**
 * Register style sheet.
 */
function register_plugin_styles() {
    wp_register_style( 'statistika', plugins_url( '/statistika/css/style.css' ) );
    wp_enqueue_style( 'statistika' );
}

路径很好我确信，当我在浏览器中手动编写URL时，样式打开就像其他任何一样。我怀疑错误的是我在插件php文件中包含的文件。我在开头只包含了wp-load.php。是否足以使wp_register_style功能起作用？如果不是那么那么问题是什么？请帮忙。

编辑：新问题，如何在wordpress的管理端包含jquery和javascript文件。我试过这个：

wp_enqueue_script('jquery', plugins_url('/js/jquery.js', __file__));
wp_enqueue_script('jquery', plugins_url('/js/functions.js', __file__));

我将此添加到答案中的现有功能中。

编辑2：

知道了，我忘记了wordpress不喜欢$作为jquery对象。

Answer 1

您必须按wp_enqueue_scripts

更改admin_enqueue_scripts

add_action( 'admin_enqueue_scripts', 'safely_add_stylesheet_to_admin' );

/**
 * Add stylesheet to the page
 */
function safely_add_stylesheet_to_admin() {
    wp_enqueue_style( 'prefix-style', plugins_url('style_admin.css', __FILE__) );

这个tutorial将帮助您正确地将样式表添加到WordPress

我希望我的回答对你有所帮助。

Answer 2

很简单。只需提供CSS文件的路径。

function add_wplink_with_parse_stylesheet() 
{
    wp_enqueue_style( 'prefix-style', plugins_url( 'CSS File Path here', ____FILE____) );
}

add_action('admin_enqueue_scripts', 'add_wplink_with_parse_stylesheet');

Answer 3

大多数情况下排队的脚本/样式仅与特定页面相关要最小化冗余文件服务器调用，最好只在所需页面上执行此操作：

// Hook enqueue style sheet. 
add_action( 'wp_enqueue_scripts', 'register_my_plugin_styles' );

//Register & Enqueue style sheet
function register_my_plugin_styles() {
    if ( is_page( 'specific-page-name' ) ) {
        wp_register_style( 'my_plugins_style', plugins_url( '/my_plugins_name/css/example.css' ) );
        wp_enqueue_style( 'my_plugins_style' );     
    }
}

这对脚本也是一样的。
如果您只想在主页（首页）上加载样式/脚本，则可以使用is_home()代替is_page()。

Wordpress wp入队风格

3 个答案: