Поддержка Проблемы и решения с применением wp_nav_menu у ссылок страниц исчезли отступы

  • справа вот так стоят AboutServicesPortfolioContact

    а должны About Services Portfolio Contact

    
        <!-- Navigation -->
    
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
          <div class="container">
            <a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</a>
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarResponsive">
              <?php    /**
                * Displays a navigation menu
                * @param array $args Arguments
                */
                $args = array(
                  'theme_location' => '',
                  'menu' => '',
                  'container' => 'ul',
                  'container_class' => 'navbar-nav ml-auto',
                  'container_id' => '',
                  'menu_class' => 'navbar-nav ml-auto',
                  'menu_id' => '',
                  'echo' => true,
                  'fallback_cb' => 'wp_page_menu',
                  'before' => '',
                  'after' => '',
                  'link_before' => '',
                  'link_after' => '',
                  'items_wrap' => '<ul id = "%1$s" class = "%2$s">%3$s</ul>',
                  'depth' => 0,
                  'walker' => ''
                );
              
                wp_nav_menu( $args );?>
              
            </div>
          </div>
        </nav>

    изначально так все стояло на своих местах

    
        <!-- Navigation -->
    
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
          <div class="container">
            <a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</a>
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarResponsive">
              <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                  <a class="nav-link js-scroll-trigger" href="#about">About</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link js-scroll-trigger" href="#services">Services</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
                </li>
        </ul>
            </div>
          </div>
        </nav>
    • Тема изменена 6 лет, 8 месяцев назад пользователем nickki2.
    • Тема изменена 6 лет, 8 месяцев назад пользователем nickki2.
Просмотр 15 ответов — с 1 по 15 (всего 17)
  • Где взглянуть на сайт? Очень похоже на то. что с переделкой навигации пропадает какой-то класс, где и были указаны отступы.

    Ничего не понял. Зачем ссылка на startbootstrap.com? Я попросил показать ссылку на сайт, где у вас навигация склеилась.

    так он у меня на локальном сервере тема вот эта https://startbootstrap.com/template-overviews/creative/

    в нее я вставил вот это

    <?php    /**
                * Displays a navigation menu
                * @param array $args Arguments
                */
                $args = array(
                  'theme_location' => '',
                  'menu' => '',
                  'container' => 'ul',
                  'container_class' => 'navbar-nav ml-auto',
                  'container_id' => '',
                  'menu_class' => 'navbar-nav ml-auto',
                  'menu_id' => '',
                  'echo' => true,
                  'fallback_cb' => 'wp_page_menu',
                  'before' => '',
                  'after' => '',
                  'link_before' => '',
                  'link_after' => '',
                  'items_wrap' => '<ul id = "%1$s" class = "%2$s">%3$s</ul>',
                  'depth' => 0,
                  'walker' => ''
                );
              
                wp_nav_menu( $args );?>

    вместо

    
    <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                  <a class="nav-link js-scroll-trigger" href="#about">About</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link js-scroll-trigger" href="#services">Services</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
                </li>
        </ul>

    так он у меня на локальном сервере тема вот эта

    У меня машина в гараже не заводиться, но вот точно такая же в салоне.

    См. https://ru.wordpress.org/support/reply/258305/

    SeVlad (@sevlad) я дал ссылку чтобы установил себе на локалку и тоже самое вставил может с темой какоц баг ?

    а как по другому показать сайт если он на локалке??

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    в нее я вставил вот это

    И какой код получился? Такой же как был в «вместо»?

    это код с браузера после вставки wp_nav_menu

    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
          <div class="container">
            <a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</a>
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarResponsive">
                <ul class="navbar-nav ml-auto"><li class="page_item page-item-33"><a href="http://localhost/wp2/?page_id=33">About</a></li>
    <li class="page_item page-item-36"><a href="http://localhost/wp2/?page_id=36">Services</a></li>
    <li class="page_item page-item-39"><a href="http://localhost/wp2/?page_id=39">Portfolio</a></li>
    <li class="page_item page-item-42"><a href="http://localhost/wp2/?page_id=42">Contact</a></li>
    </ul>
               
            </div>
          </div>
        </nav>

    ЭТО какой был изначально

    <!-- Navigation -->
        <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
          <div class="container">
            <a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</a>
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarResponsive">
              <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                  <a class="nav-link js-scroll-trigger" href="#about">About</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link js-scroll-trigger" href="#services">Services</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
                </li>
              </ul>
            </div>
          </div>
        </nav>

    на движке 4,8 такого небыло поставил еще один 4,8,1 началось и походу не у меняя одного вчера на ютубе у пользователя такая же история с меню

    скачал еще один WP 4.8.1 поставил другую тему таже история видимо с обновлением WP появилась ошибка в движке

    А и еще когда я ставил wp_nav_menu на WP 4,8 ка положено новая страница добавлялась в конец уже существующих страниц а на 4,8,1 если не удалять прежние ссылки в html коде, которые справа показываются то вообще на расстоянии от них спереди слева

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    ЭТО какой был изначально

    Ну отличия же есть, в коде WP у ссылок нет класса nav-link, к которому привязаны padding, поэтому отступов и нет. Подкорректируйте css-правило и будет Вам счастье.

    Denis Yanchevskiy (@denisco), спасибо

    • Ответ изменён 6 лет, 7 месяцев назад пользователем nickki2.
    • Ответ изменён 6 лет, 7 месяцев назад пользователем nickki2.
    • Ответ изменён 6 лет, 7 месяцев назад пользователем nickki2.

    СПАСИБО Denis Yanchevskiy (@denisco)

    nickki2 (@nickki2) Сижу третьи сутки с этой проблемой… Голову сломал… Подскажи, будь другом, как ты проблему решил…что где подправил… Благодарю зараннее

Просмотр 15 ответов — с 1 по 15 (всего 17)
  • Тема «с применением wp_nav_menu у ссылок страниц исчезли отступы» закрыта для новых ответов.