Супербыстрый хостинг на SSD от 165р в месяц   •   Реклама
1 159 просм
2 комм
Поделиться:

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

Если вам доводилось подробно работать с меню в 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

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

2
комментария
Гостям запрещено участвовать в обсуждениях сайта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
Администратор  |  725

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

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

26.06 в 17:44
  • 0
Пользователь  |  1

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

<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>

25.06 в 15:39
  • 0
Подняться наверх
«Pandoge» - помощник веб-мастера