Меню для мобильной версии сайта!

  • Решено LLIypuk

    (@lliypuk)


    8 лет, 4 месяца назад

    Всем привет!
    Есть меню зарегестрированное в теме WordPress!

    <div class="header-menu">
  <ul class="menu">
    <li>Главная страница<li>
    <li>О нас<li>
    <li>Контакты<li>
  <ul>
</div>

    В данный момент занимаюсь созданием мобильной версии сайта! Однако для вывода меню в мобильном стиле (когда оно открывается и закрывается с помощью специальной кнопки) код должен быть таким

    <div class="header-menu">
  <div class="toggle-menu">...</div>
  <ul class="menu">
    <li>Главная страница<li>
    <li>О нас<li>
    <li>Контакты<li>
  <ul>
</div>

    То-есть нужно добавить дополнительный контейнер.

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Модератор Denis Yanchevskiy

    (@denisco)

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

    8 лет, 4 месяца назад

    Привет.

    Если по простому, то можете указать его в параметре items_wrap.
    'items_wrap' => '<div class="toggle-menu">...</div><ul id="%1$s" class="%2$s">%3$s</ul>'

    Автор LLIypuk

    (@lliypuk)

    8 лет, 4 месяца назад

    Спасибо. Действительно самый простой и действенный вариант.
    И чтобы не созданать лишнюю тему — есть еще один вопрос по схожей теме.
    На одной из страниц возникла необходимость вывести список рубрик (таксономий), которые оформлены в виде меню

    	$terms_personal = get_terms("personal");
	$count = count($terms_personal);
	if($count > 0){
		echo '<ul id="personal">';
			foreach ($terms_personal as $term_workman) {
				echo "<li>" . $term_workman->name . "</li>";
			}
		echo '</ul>';
	}

    Таким образом получаем список рубрик

    <ul id="personal">
  <li>Администраторы</li>
  <li>Консультанты</li>
  <li>и т.д.</li>
</ul>

    Однако есть необходимость чтобы первый пункт меню li содержал в себе class=»active», который в свою очередь исчезал и появлялся при переходе на другой пункт меню.

    (вариант при запуске страницы)

    <ul id="personal">
  <li class="active">Администраторы</li>
  <li>Консультанты</li>
  <li>и т.д.</li>
</ul>

    (вариант при переходен на вкладку «Консультанты»)

    <ul id="personal">
  <li>Администраторы</li>
  <li class="active">Консультанты</li>
  <li>и т.д.</li>
</ul>
    • Ответ изменён 8 лет, 4 месяца назад пользователем LLIypuk.
    tuxfighter

    (@tuxfighter)

    8 лет, 4 месяца назад

    И чтобы не созданать лишнюю тему

    прочтите пожалуйста правила этого форума

    Автор LLIypuk

    (@lliypuk)

    8 лет, 4 месяца назад

    А точно. Пункт 2 нарушил. Сорри. Создам новую тему.

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Тема «Меню для мобильной версии сайта!» закрыта для новых ответов.