2013-07-31 22 views
2

我的脚本在Wordpress中无法使用。我想我的HTML页面转换成一个WordPress主题.. Ive得到了链接的CSS ..如何在WordPress中链接脚本

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

帮助?

+0

你检查了你的js和css文件的实际路径 –

+0

它会导致什么错误? – Tdelang

+0

Path是正确的,因为它在HTML版本中工作。我看到的错误是在Dreamweaver中..它变成了红色。手段不好吧? –

回答

4

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

add_action('wp_enqueue_scripts', 'theme_scripts_styles'); 

function theme_scripts_styles() { 

    // Enqueue scripts and styles here 

} 

在这个函数中使用wp_enqueue_scriptwp_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); 

} 

请务必仔细阅读食品的排队功能,这样你就知道什么是所有的参数做。

+0

哇!谢谢,,,我想我必须阅读这个http://codex.wordpress .org/Function_Reference/wp_enqueue_script –

+0

太棒了!它的工作现在..无论如何,我只是读了一些tutorails ..他们中的一些首先注册的路径,然后入队的他们..是这样的,你做了什么? –

+0

http://www.youtube.com/watch?v=lDgwwu5D1e8 –

1

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

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