Arhn - архитектура программирования

Добавить класс для ссылки в wp_list_pages

Я пытаюсь создать эффект наведения на элемент списка в функции wp_list_pages(). Я создаю тему для Wordpress, но не могу заставить работать эффект наведения. Я довольно новичок в этом, так что терпите меня.

Мой css выглядит так:

a.nav:hover { color: yellow; }

Итак, для моего html-кода я добавляю к своим ссылкам класс "nav", например:

<ul class="nav">
<li><a class="nav" href="#">HOME</a></li>
</ul>

Это работает, он меняет цвет ссылки на желтый. Все идет нормально. Но когда я пытаюсь изменить этот html-код на php-код, класса там нет.

Я использую функцию wp_list_pages(), например:

<ul class="nav">
<?PHP wp_list_pages('title_li=&depth=1&sort_column=menu_order&exclude='); ?>
</ul>

И тогда результат такой:

<ul class="nav">
<li class="page_item page-item-23"><a href="http://example.com/blog/page_id=23">HOME</a></li></ul>

Итак, мой вопрос: как добавить класс nav в эту ссылку? Есть ли атрибут внутри функции или что-то в этом роде? Опять же, я действительно новичок в этом

wordpress php html css
15.09.2013

  • И ul, и a имеют класс nav, что кажется неправильным. 16.09.2013

Ответы:


1

из документации WordPress для wp_list_pages() http://codex.wordpress.org/Function_Reference/wp_list_pages#Markup_and_styling_of_page_items :

Все элементы списка (li), сгенерированные функцией wp_list_pages(), отмечены классом page_item. Когда wp_list_pages() вызывается при отображении страницы, элементу списка для этой страницы присваивается дополнительный класс current_page_item.

при этом самое простое, что вы можете сделать, это просто изменить код наведения на:

li.page_item:hover { color: yellow; }
15.09.2013
  • Собственно, я это уже сделал. Видите ли, мои элементы списка представляют собой блоки размером 100x100 пикселей, а цвет меняется с черного на желтый. Дело в том, что мои ссылки находятся внутри блока, и я хочу, чтобы текст тоже менял цвет с белого на черный. В любом случае, спасибо за подсказку ;) 16.09.2013
  • @HåvardBrynjulfsen, в таком случае просто выберите li.page_item:hover a { /* change link's color here */ } 16.09.2013
  • Застрял на этом в течение нескольких часов, большое спасибо! Это сработало! ;) 16.09.2013
  • @HåvardBrynjulfsen нет проблем :) 16.09.2013

    • 2

    Взгляните на это.

    Цитата: «Добавьте следующую строку в файл шаблона functions.php вашей темы, и он добавит атрибут класса «tag» к каждой ссылке, сгенерированной wp_list_pages():

    add_filter('wp_list_pages', create_function('$t', 'return str_replace("<a ", "<a class=\"tag\" ", $t);'));
    15.09.2013
  • Для тех, кто ищет решения этой проблемы, оказывается, что create_function устарел с PHP 7.2.0. Для людей, использующих PHP ›= 5.3.0, те же документы рекомендуют вместо этого анонимную функцию. 21.06.2017
  • Нет необходимости делать это встроенной функцией. Вы также можете создать обычную функцию с именем вроде add_class_to_wp_list_pages и назвать ее как add_filter('wp_list_pages', 'add_class_to_wp_list_pages'); 01.07.2020

    • 3

    Я думаю, что правильный способ изменить класс по умолчанию функции wp_list_pages таков:

    // add to functions.php

// add classes to wp_list_pages
function wp_list_pages_filter($output) {
  $output = str_replace('page_item', 'page_item new-class', $output);
  return $output;
}
add_filter('wp_list_pages', 'wp_list_pages_filter');
    14.10.2019
    Новые материалы
    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..