如何在 wordpress 上实现引导程序答案

【问题标题】：How to implement bootstrap tour on wordpress如何在 wordpress 上实现引导程序
【发布时间】：2014-08-10 12:03:23
【问题描述】：

我正在尝试使用 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(); ?>>

【问题讨论】：

浏览器控制台有错误吗？
控制台错误与样式表或 javascript 无关。错误与任务图像相关。
什么是“引导之旅”？

标签： javascript css wordpress bootstrap-tour

【解决方案1】：

如果您使用的是child theme，get_template_directory_uri() 将给出parent theme 的路径

对于子主题，请改用get_stylesheet_directory_uri()。

【讨论】：