Блог

Главная - Вопросы по программированию - Как реализовать bootstrap tour на WordPress

Как реализовать bootstrap tour на WordPress

#javascript #css #wordpress #bootstrap-tour

#javascript #css #wordpress #bootstrap-tour

Вопрос:

Я пытаюсь реализовать Bootstrap Tour на сайте WordPress с темой Bootstrap, но до сих пор каждый раз, когда я пытаюсь связать таблицы стилей (CSS) и JavaScrit, это не работает. Страница не будет загружать таблицы стилей или javascript.

Все настройки работают нормально, когда я работаю локально, но когда я пытаюсь реализовать на WordPress, ничего не работает.

Есть ли конкретный способ, которым я должен настроить все таблицы стилей и javascript на WordPress?

Это мой заголовок:

 <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. Какие-либо ошибки в консоли браузера?

2. Ошибки консоли не связаны с таблицами стилей или javascript. Ошибки связаны с изображениями миссий.

3. Что такое «Bootstrap Tour»?

Ответ №1:

Если вы используете a child theme , get_template_directory_uri() укажите путь к parent theme

Для дочерней темы используйте get_stylesheet_directory_uri() вместо.