Question

我在wordpress的静态网站上创建了一个主题。我想知道添加javascript和amp;的正确方法样式表到wordpress主题的文件。我有header.php，footer.php和index.php文件以及其他css＆amp;在header.php中链接的javascript文件。

先谢谢你。

Answer 1

将以下代码写入主题的function.php文件

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

Answer 2

如果你想在主题/前端添加js和css而不是cac在header.php中添加js和css，就像这样。

<script src="<?php echo get_template_directory_uri(); ?>/js/your-js-file.js" type="text/javascript"></script>

对于css

<link rel="stylesheet" type = "text/css" href="<?php echo get_stylesheet_directory_uri(); ?>/your-style-sheet.css"/>

Answer 3

在WordPress中正确加载脚本非常容易。下面肯定是一个示例代码，您可以将其粘贴到插件文件中或主题的functions.php文件中，以便在WordPress中正确加载脚本。

function wpb_adding_scripts() {
   wp_register_script('my_js', plugins_url('jsscript.js', __FILE__),  array('jquery'),'1.1', true);
   wp_enqueue_script('my_js');
}
add_action('wp_enqueue_scripts', 'wpb_adding_scripts');

用于样式表

function wpb_adding_styles() {
   wp_register_script('my_stylesheet', plugins_url('mystyle.css', __FILE__));
   wp_enqueue_script('my_stylesheet');
}

add_action('wp_enqueue_scripts', 'wpb_adding_styles');

如何在wordpress中正确添加Java脚本？

3 个答案: