Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cocoa/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在WordPress中链接脚本_Javascript_Jquery_Wordpress - Fatal编程技术网

Javascript 如何在WordPress中链接脚本

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( '

我的脚本在Wordpress中不起作用。我正在尝试将我的HTML页面转换为Wordpress主题。。我把CSS链接起来了

<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>