在webhosting上将bootstrap链接到wordpress

时间:2018-06-15 20:39:38

标签: php wordpress twitter-bootstrap

我想在Wordpress中将bootstrap链接到顾问主题。 Wordpress 4.9.6 Bootstrap 4.1.1

在我的子主题文件夹wp-content/themes/restaurant-advisor-child/

functions.php 文件,其中包含以下脚本:

 <?php

add_action('wp_enqueue_scripts', 'your_child_theme_enqueue_styles');
function your_child_theme_enqueue_styles()
{

    $parent_style = 'restaurant-advisor';


    wp_enqueue_style($parent_style, get_template_directory_uri() . '/style.css');

    wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', array($parent_style));

    wp_enqueue_style('bootstrap', get_stylesheet_directory() . '/bootstrap/css/bootstrap.min.css');
    wp_enqueue_script('bootstrap', get_stylesheet_directory() . '/bootstrap/js/bootstrap.min.js');
}

正如您所看到的,我将引导程序链接到最后两行。 这段代码生成了这个链接:

https://pizza-zdice.cz/data/web/virtuals/150076/virtual/www/domains/pizza-zdice.cz/wp-content/themes/restaurant-advisor-child/bootstrap/css/bootstrap.min.css?ver=4.9.6

https://pizza-zdice.cz/data/web/virtuals/150076/virtual/www/domains/pizza-zdice.cz/wp-content/themes/restaurant-advisor-child/bootstrap/js/bootstrap.min.js?ver=4.9.6

这些链接,给我404.该文件夹位于wp-content/themes/restaurant-advisor-child/bootstrap/

如何更改链接,进入包含文件的文件夹?谢谢你的帮助。

1 个答案:

答案 0 :(得分:0)

get_stylesheet_directory()用于获取路径(对于包含PHP文件很有用),您正在寻找get_stylesheet_directory_uri()函数,因为它返回URI(对于排队脚本和样式表很有用)

add_action('wp_enqueue_scripts', 'so_50882380_enqueue_styles');
function so_50882380_enqueue_styles(){
    $parent_style = 'restaurant-advisor';

    wp_enqueue_style( 'restaurant-advisor', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ) );
    wp_enqueue_style( 'bootstrap', get_stylesheet_directory_uri() . '/bootstrap/css/bootstrap.min.css' );

    wp_enqueue_script( 'bootstrap', get_stylesheet_directory_uri() . '/bootstrap/js/bootstrap.min.js' );

}