2

我的脚本在 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>

帮助？

4

2 回答 2

5

不要以这种方式包含脚本和样式表。使用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 );

}

请务必阅读有关入队函数的 Codex，以便了解所有参数的作用。

于 2013-07-31T10:40:36.877 回答
1

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

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/path_to/your_script.js"></script>
于 2013-08-02T10:51:00.890 回答