Question

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

<link type="text/css" rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/min/mycss.css" />

但是我的脚本没有连接..

<script type="text/javascript" src="min/myjs.js"></script>

我使用<?php bloginfo('template_directory'); ?>

尝试了相同的操作

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/min/myjs.js"></script>

帮助？

Answer 1

不要以这种方式包含脚本和样式表。使用wp_enqueue_scripts。假设这是一个自定义主题，请将代码添加到functions.php文件中。

add_action( 'wp_enqueue_scripts', 'theme_scripts_styles' );

function theme_scripts_styles() {

  // Enqueue scripts and styles here

}

在此函数中使用wp_enqueue_script和wp_enqueue_style对文件进行排队（根据文件类型应该显而易见！）

另外，bloginfo（'template_directory'）不是最佳做法。

使用get_stylesheet_directory_uri()或get_template_directory_uri()作为父主题。您可以删除_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函数中的Codex，以便了解所有参数的作用。

Answer 2

请使用此代码将您的JavaScript链接添加到您的wordpress网站。

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/path_to/your_script.js"></script>

如何在WordPress中链接脚本

2 个答案: