Question

所以，我很长一段时间没有使用过Wordpress，而我正试图重新回归。显然，处理外部CSS / JS的正确方法是使用wp_register_style，wp_enqueue_style，wp_register_script和wp_enqueue_script将它们排队......但它们并非如此为我工作。

以下是我当前的functions.php：

<?php

    // Enqueue necessary scripts/etc.
    function wasd_styles() {
        wp_register_style('semantic-css', get_stylesheet_directory_uri() . '/lib/semantic.min.css');
        wp_enqueue_style('semantic-css');
    }

    function wasd_scripts() {
        wp_register_script('semantic-js', get_template_directory_uri() . '/lib/semantic.min.js');
        wp_enqueue_script('semantic-js');
    }

    add_action('wp_enqueue_scripts', 'wasd_styles');
    add_action('wp_enqueue_scripts', 'wasd_scripts');

?>

我做错了吗？据我所知，应该注入正确的调用来抓取CSS / JS进入我的页面标签，但是......不是。

以下是我试图渲染的两个文件，我在5分钟内将它们放在一起尝试测试语义UI，但它根本不工作，没有渲染样式，在来源检查时是空的。

的index.php

<?php get_header(); ?>

<div class="ui main container">
    <h2 class="ui dividing header">This is a test</h2>
</div>

的header.php

<div class="ui top fixed inverted menu">
    <div class="item">Test</div>
</div>

Answer 1

根据您分享的代码，您的主题不支持使用wp_enqueue_script()。此函数只是注册脚本并准备好插入DOM。这是通过一个钩子插入的，这个钩子似乎不会出现在你的主题中。您需要将以下内容添加到header.php文件中。这通常会添加到<head></head>标记之间。

<?php wp_head(); ?>

此外，您的footer.php文件中应该有一个类似的挂钩，通常就在结束</body>标记之前。这个钩子将是：

<?php wp_footer(); ?>

如果没有这些，wp_enqueue_script()和wp_enqueue_style()将无效。

WordPress - 排队脚本/ CSS的麻烦

1 个答案: