Wordpress插件样式和javascript未加载(管理部分)

Question

所以我不明白为什么我的样式表和脚本不能工作。样式表中有样式。以及我的脚本文件中的警报。请帮忙。(我的路径是正确的。如果我包括它们。它会回声它们的内容。(

<?php
/*
Plugin Name: Stock Manager
*/
function my_admin_menu() {
$page_title = 'Stock Manager';
$menu_title = 'Stock Manager';
$capability = 'manage_options';
$menu_slug = 'stock-manager';
$function = 'index';
$icon_url = plugins_url('recycle.png',__FILE__);
$position = 56;
add_menu_page( $page_title, $menu_title, $capability, $menu_slug, $function, $icon_url, $position);
}
add_action( 'admin_menu', 'my_admin_menu' );
// Styles
add_action('wsm_styles','reg_styles');
function reg_styles(){
wp_enqueue_style('wsm_stylesheet',plugins_url('css/styles.css',__FILE__));
}
// Content
function index(){
include ("includes/content.php"); 
}   
// Scripts
add_action('wsm_scripts','reg_scripts');
function reg_scripts(){
wp_enqueue_script('wsm_scripts',plugins_url('js/scripts.js',__FILE__));
}
?>

Answer 1

应答

需要专门为管理部分添加的文件如下所示。

此外，我还对原来的帖子进行了一些结构更改。

<?php
/*
Plugin Name: Stock Manager
*/
function my_admin_menu() {
$page_title = 'Stock Manager';
$menu_title = 'Stock Manager';
$capability = 'manage_options';
$menu_slug = 'stock-manager';
$function = 'content';
$icon_url = plugins_url('recycle.png',__FILE__);
$position = 56;
add_menu_page( $page_title, $menu_title, $capability, $menu_slug, $function, $icon_url, $position);
}
add_action( 'admin_menu', 'my_admin_menu' );
// Content
function content(){
include ("includes/content.php");
}
//This is where the styles and scripts is been included
add_action('admin_head', 'my_custom_fonts');
function my_custom_fonts() {
echo '
<script src="/wp-content/plugins/stock-manager/assets/js/scripts.js"></script>
<link href="/wp-content/plugins/stock-manager/assets/css/styles.css" rel="stylesheet">
';
}
?>

Answer 2

试试这个代码

<?php
/*
Plugin Name: WebFootprint Stock Manager
*/
function my_admin_menu() {
$page_title = 'Stock Manager';
$menu_title = 'Stock Manager';
$capability = 'manage_options';
$menu_slug = 'stock-manager';
$function = 'index';
$icon_url = plugins_url('recycle.png',__FILE__);
$position = 56;
add_menu_page( $page_title, $menu_title, $capability, $menu_slug, $function, $icon_url, $position);
}
add_action( 'admin_menu', 'my_admin_menu' );
// Styles
add_action('wp_enqueue_scripts','reg_styles');
function reg_styles(){
wp_enqueue_script('wsm_scripts',plugins_url('js/scripts.js',__FILE__));
wp_enqueue_style('wsm_stylesheet',plugins_url('/css/stylestest.css',__FILE__));
}
// Content
function index(){
include ("includes/content.php"); 
}   
?>

将该add_action('wsm_styles'替换为add_action('wp_enqueue_scripts'