Артём Мáлков

Удаляем CLASS и ID из пунктов меню в WordPress

25 июн2 комм

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

Приведу реальный пример такого меню:

<ul id="menu-cat" class="menu">
	<li id="menu-item-8090" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8090">
		<a href="/stati-i-sovety/">Статьи и советы</a>
	</li>
	<li id="menu-item-8070" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8070">
		<a href="/shrifty/">Шрифты</a>
	</li>
	<li id="menu-item-8311" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8311">
		<a href="/haki/">Хаки</a>
	</li>
</ul>

Для того чтобы здесь вам удалить ID и CLASS, вставьте в файл functions.php (он находится в папке вашей темы) следующие функции:

// Удаление CLASS

function filter_menu_class($items, $args) {

	if($args->theme_location == "cat_name") {

		return array("");

	} 
	
}

add_filter("nav_menu_css_class", "filter_menu_class", 100, 1);


// Удаление ID

function filter_menu_id($items, $args) {

	if($args->theme_location == "cat_name") {

		return;

	} 
	
}

add_filter( "nav_menu_item_id", "filter_menu_id", 100, 1);

После чего сохраните изменения и отправьте файл обратно на сайт. В обеих функциях «cat_name» – это идентификатор вашего меню. Его вы можете узнать в панели управления вашим сайтом, в разделе «Внешний вид» – «Меню».

Удаляем CLASS и ID из пунктов меню в WordPress

Если остались вопросы – не стесняйтесь и задавайте их в комментариях. До новых встреч!

Рекомендуем к просмотру
Коды всех смайликов (Emoji, Эмодзи) «ВКонтакте» с обозначениями
Социальные сети и мессенджеры
Как вывести количество записей (постов) в рубрике (категории) в меню в WordPress?
Посты
Плавная прокрутка страницы до нужного блока на jQuery
Модули и скрипты
2
комментария
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
    • 1
    1067
      •  Команда Pandoge
    26 июн в 17:44

    Юлия Трохпиева, поясните, для чего это нужно?

    Данный пример не кликабельный и выведет вам обычный текст.

    • 1
    1
      •  Пользователь
    25 июн в 15:39

    А как сделать, чтобы ссылка стояла не только на тексте, а на всём блоке?

    <ul id="menu-cat" class="menu">

    <li href="/stati_i_sovety/" id="menu-item-8090" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8090">

    <a>Статьи и советы</a>

    </li>

    </ul>

Подняться наверх
«Pandoge» - помощник вебмастера