Javascript 如何在WordPress中链接脚本
我的脚本在Wordpress中不起作用。我正在尝试将我的HTML页面转换为Wordpress主题。。我把CSS链接起来了Javascript 如何在WordPress中链接脚本,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我的脚本在Wordpress中不起作用。我正在尝试将我的HTML页面转换为Wordpress主题。。我把CSS链接起来了 <link type="text/css" rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/min/mycss.css" /> 不要以这种方式包含脚本和样式表。使用。假设这是一个自定义主题,将代码添加到functions.php文件中 add_action( '
<link type="text/css" rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/min/mycss.css" />
不要以这种方式包含脚本和样式表。使用。假设这是一个自定义主题,将代码添加到functions.php文件中
add_action( 'wp_enqueue_scripts', 'theme_scripts_styles' );
function theme_scripts_styles() {
// Enqueue scripts and styles here
}
在此函数中,使用和对文件进行排队(根据文件类型,使用哪一个应该是显而易见的!)
此外,bloginfo(“模板目录”)不是最佳实践
使用,或用于父主题。您可以删除_uri部分以获取服务器路径
所以总的来说它看起来像
add_action( 'wp_enqueue_scripts', 'theme_scripts_styles' );
function theme_scripts_styles() {
wp_enqueue_style( 'my-styles', get_stylesheet_directory_uri() . '/min/mycss.css', array(), '1.0', 'all' );
wp_enqueue_script( 'my-scripts', get_stylesheet_directory_uri() . '/min/myjs.js', array(), '1.0', true );
}
请务必阅读enqueue函数上的代码,以便了解所有参数的作用。请使用此代码将JavaScript链接添加到wordpress站点
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/path_to/your_script.js"></script>
您检查了js和css文件的实际路径在哪里?它会导致什么错误?路径是正确的,因为它在HTML版本中工作。我在dreamweaver中看到了错误。。它变红了。意味着不好,对吧?你关闭php标签的方式在我看来很奇怪。如果删除?
和
(因此?>
)之间的空格,会发生什么情况?已删除的空格。仍然不起作用-(哇!谢谢,,,我想我必须读这篇很棒的文章!现在开始工作了..不管怎样,我只是读了一些教程..其中一些先注册路径,然后排队..和你做的一样吗?你可以使用wp_register_脚本,这反过来允许你只使用slug(第一个参数)将它们排队。如果要有条件地将脚本排队,则此方法非常有用。如果只想在每个页面上包含脚本/样式表,则上述方法最简单。
add_action( 'wp_enqueue_scripts', 'theme_scripts_styles' );
function theme_scripts_styles() {
wp_enqueue_style( 'my-styles', get_stylesheet_directory_uri() . '/min/mycss.css', array(), '1.0', 'all' );
wp_enqueue_script( 'my-scripts', get_stylesheet_directory_uri() . '/min/myjs.js', array(), '1.0', true );
}
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/path_to/your_script.js"></script>