WordPress-排队脚本/ CSS出现问题

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 个解决方案

解决方案1
1 已采纳 2015-11-12 21:36:04

WordPress-排队脚本/ CSS出现问题

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-11-12 21:36:04

解决方案1
1 已采纳 2015-11-12 21:36:04