Wordpress插件样式和javascript未加载(管理部分)
所以我不明白为什么我的样式表和脚本不能工作。我在样式表中有样式。以及我的脚本文件中的警报。请帮忙。(我的路径是正确的。如果我包括它们,它会回显它们的内容。)Wordpress插件样式和javascript未加载(管理部分),javascript,php,jquery,wordpress,Javascript,Php,Jquery,Wordpress,所以我不明白为什么我的样式表和脚本不能工作。我在样式表中有样式。以及我的脚本文件中的警报。请帮忙。(我的路径是正确的。如果我包括它们,它会回显它们的内容。) 试试这段代码 <?php /* Plugin Name: WebFootprint Stock Manager */ function my_admin_menu() { $page_title = 'Stock Manager'; $menu_title = 'Sto
试试这段代码
<?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\u action('wp\u enqueue\u scripts')替换此add\u action('wp\u enqueue\u scripts')
答案
需要专门为管理部分添加的文件如下所示
另外,我对原来的帖子做了一些结构上的改动
<?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">
';
}
?>
我也不知道为什么使用“wp_排队_脚本”会比使用“wsm_样式”或“wsm_脚本”有所不同。您建议我编辑的字段只是操作的名称。但是我非常感谢您的帮助。谢谢。wp_排队_脚本
前端enque脚本我尝试了您的代码。包括更新版本嘿
<?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">
';
}
?>