如何在wordpress上实现bootstrap之旅

时间:2014-06-19 19:58:37

标签: javascript css wordpress bootstrap-tour

我尝试使用Bootstrap主题实现Bootstrap Tour一个Wordpress站点,但到目前为止我每次尝试链接样式表(CSS)和JavaScrit时它都不起作用。该页面不会加载样式表或javascript。

当我在本地工作时,所有设置都能正常工作,但是当我尝试在wordpress上实现时,没有任何作用。

我是否有必要在wordpress上设置所有样式表和javascript?

这是我的标题:

<html <?php language_attributes(); ?>>

<head>
    <meta charset="<?php bloginfo('charset'); ?>" />

    <?php if (is_search()) { ?>
       <meta name="robots" content="noindex, nofollow" /> 
    <?php } ?>

    <title>

    <?php wp_title('|', true, 'right'); ?>

    </title>    
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri();?>/css/bootstrap.css">

    <!-- Add custom CSS here -->
    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri();?>/css/bootstrap-tour.min.css">
    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri();?>/css/landing-page.css">

    <script type="text/javascript" src="<?php echo get_template_directory_uri();?>/js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="<?php echo get_template_directory_uri();?>/js/bootstrap.js"></script>
    <script type="text/javascript" src="<?php echo get_template_directory_uri();?>/js/bootstrap-tour.min.js"></script>
    <script type="text/javascript" src="<?php echo get_template_directory_uri();?>/js/script.js"></script>

    <link rel="shortcut icon" href="/favicon.ico">

    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">

    <?php wp_head(); ?> 

</head>

<body <?php body_class(); ?>>

1 个答案:

答案 0 :(得分:2)

如果您使用child themeget_template_directory_uri()将提供parent theme的路径

对于子主题,请改用get_stylesheet_directory_uri()