开发插件时,我将如何设置插件的 wordpress 自定义菜单页面的样式


How will i style wordpress custom menu page of plugins when developing a plugin?

我是WordPress插件开发的新手。我的问题是关于插件的自定义后端菜单。现在我正在为此菜单页面(admin.php(使用内联样式。我将如何为其添加样式表?本题代码语法如下

add_menu_page('File Manager Settings Page', 'File Manager', 'manage_options', __FILE__, 'plugin_main_menu', plugins_url('/images/wp-icon.png', __FILE__));
add_submenu_page(__FILE__, 'Add File', 'Add File', 'manage_options', __FILE__ . 'add_file', add_file);
function plugin_main_menu() {
    //code for main menu.This take admin.php template.
    // How'll I style this part?
 }

您可以使用以下函数:

wp_enqueue_style($handle, $src, $deps, $ver);

这是插入

<link rel="stylesheet" href="/wp-content/themes/themename/styles/mystyle.css">

当然,这只是一个例子,您需要将正确的路径添加到$src和其他参数中。

查看手册。

试试这个

function loadscript()
{
     wp_enqueue_style('my-style',  WP_CONTENT_URL . '/plugins/pluginname/css/mycss.css');
      wp_enqueue_style('my-style',  WP_CONTENT_URL . '/themes/themename/css/mycss.css');
}
add_action('admin_enqueue_scripts','loadscript');

成功后,add_menu_page()add_submenu_page() 返回一个钩子名称,您可以将其与动态load-{$page}操作钩子(链接(一起使用。例:

add_action( 'admin_menu', 'so27619539_admin_menu' );
function so27619539_admin_menu()
{
    $fmsp = add_menu_page( 'File Manager Settings Page', 'File Manager', 'manage_options', __FILE__, 'plugin_main_menu', plugins_url( '/images/wp-icon.png', __FILE__ ) );
    add_action( "load-$fmsp", "so27619539_admin_styles" );
}
function so27619539_admin_styles()
{
    wp_enqueue_style( 'so27619539' );
}