2013-07-31 49 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> 
相關問題