如何在WordPress中链接脚本

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,以便了解所有参数的作用.