Functions.php wordpress不适用于样式表或jquery

时间:2014-07-17 08:35:11

标签: php jquery css wordpress twitter-bootstrap

我正在制作我的第一个自定义wordpress主题,并且遇到了functions.php

的问题

我也在使用bootstrap,所以我想包括bootstrap样式表到wp我目前这样做 - :

style.css

@import url('css/bootstrap.css');
@import url('css/font-awesome.css');

我明白我可以使用functions.php来做同样的事情,所以我写了一个自定义函数并尝试这样做 - :

functions.php

<?php
/* Theme setup */
require_once('wp_bootstrap_navwalker.php');

/* Add bootstrap support to the Wordpress theme*/

function theme_add_bootstrap() {
    wp_enqueue_style( 'bootstrap-css', get_template_directory_uri().'/css/bootstrap.css' );
    wp_enqueue_style( 'style-css', get_template_directory_uri().'/css/font-awesome.css' );
    wp_enqueue_script( 'bootstrap-js', get_template_directory_uri().'/js/bootstrap.js', array(), '3.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_add_bootstrap' );

?>

这似乎不起作用。 functions.php也没有加载wp jquery或bootstrap.js

任何人都可以为我解释这件事吗?我将永远感激不尽。这不是一个儿童主题,它是一个自定义主题。

1 个答案:

答案 0 :(得分:0)

尝试在排队之前注册脚本。例如:

function my_enqueue_scripts() {
    // Register Bootstrap JS.
    wp_register_script( 'bootstrap-js', get_template_directory_uri() . '/js/bootstrap.min.js', array( 'jquery' ), NULL, true );
    // Enqueue Bootstrap JS.
    wp_enqueue_script( 'bootstrap-js' );
}

add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );