Question

这很适合我。我一直在尝试建立自己的第一个自定义主题，并且很早就陷入了困境……我一直在关注教程并检查Wordpress Codex，但是对此我还很陌生。它根本不包含样式表，当我尝试包含js时，出现错误“此页面不起作用”。

<?php

function jw_script_enqueue() {

wp_enqueue_style('custom-style', get_template_directory_uri() . '/css/jw-custom.css', array(), false, 'all' );
we_enqueue_script('custom-js', get_template_directory_uri() . '/js/jw-custom.js', false, true)

}

add_action( 'wp_enqueue_scripts', 'jw_script_enqueue');

这是我的标题：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>JW Custom</title>
        <?php wp_head(); ?>
    </head>

    <body>

这是我的页脚：

        <footer>
            © 2018 JW Custom
        </footer>

        <?php wp_footer(); ?>
    </body>
</html>

我的文件路径正确。任何帮助将不胜感激。我应该改变什么？

Answer 1

首先，请确保您的文件位置正确，并且在控制台中没有出现404错误。

也就是说，您有一个错字，we_enqueue_script应该是wp_enqueue_script-实际上您可能会收到未定义的函数错误。

您也不需要在wp_enqueue_函数中包含其他参数，并且在脚本调用中缺少了$deps参数。

此外，除非您要构建父主题，否则可能要坚持使用get_stylesheet_directory_uri()而不是get_template_directory_uri()。

最后，custom-script不够独特，如果激活了插件或父主题，您实际上可能会遇到冲突。

尝试以下操作：

add_action( 'wp_enqueue_scripts', 'jw_script_enqueue');
function jw_script_enqueue() {
    wp_enqueue_style( 'jw-custom-style', get_stylesheet_directory_uri() .'/css/jw-custom.css' );
    wp_enqueue_script( 'jw-custom-js', get_stylesheet_directory_uri() .'/js/jw-custom.js );
}

使用wp_enqueue_scripts将CSS和js链接到我的主题的Wordpress无法正常工作

1 个答案: