Вопрос или проблема
Я хочу скрыть навигационное меню на определенной странице. Я знаю, как найти ID страницы, но не знаю, как найти остальное, было бы здорово, если бы кто-то посмотрел на CSS моего блога по ссылке – idkwhereto.com
Спасибо.
add_action("wp_footer","Stack_308520_hide_menu");
function Stack_308520_hide_menu(){
if(is_page(889 /*ваш ID страницы*/){
?>
<style> nav.width-navigation {display:none}</style>
<?php
}
}
это чистое css решение
Если ваша тема использует функцию body_class в header.php, то вам не нужно ничего делать в коде…
Просто добавьте этот код как Дополнительный CSS в Настройщике (Внешний вид -> Настроить)
body.page-id-2 nav.width-navigation {display:none}
/* где 2 - это ID вашей страницы */
Но помните – он только скроет навигацию – она все равно будет в HTML коде…
Ответ или решение
Чтобы скрыть навигационное меню на определенной странице вашего сайта, вы можете воспользоваться несколькими методами. Я приведу два наиболее эффективных способа, которые позволят вам достичь этой цели.
Метод 1: Использование функции в файле functions.php
Если у вас есть доступ к файловой системе вашего сайта, вы можете добавить следующий код в файл functions.php вашей темы. Этот подход позволяет динамически скрывать меню на заданной странице:
add_action("wp_footer", "Stack_308520_hide_menu");
function Stack_308520_hide_menu() {
if (is_page(889)) { // Замените 889 на ID вашей страницы
?>
<style>
nav.width-navigation {
display: none;
}
</style>
<?php
}
}Пояснение:
- Функция
is_page()проверяет, является ли текущая просматриваемая страница страницей с заданным ID. - Внутри условия добавляется стиль CSS, который скрывает навигационное меню, при этом использование PHP позволяет делать это только на определённых страницах.
Метод 2: Использование настройки «Дополнительный CSS»
Если вы предпочитаете не редактировать файлы тем, вы можете добавить кастомный CSS через интерфейс WordPress:
- Перейдите в раздел Внешний вид → Настроить.
- Выберите Дополнительный CSS.
- Введите следующий код:
body.page-id-889 nav.width-navigation {
display: none;
}Пояснение:
body.page-id-889— это селектор, который применяется только к странице с определённым ID. Замените 889 на ID вашей страницы.- Этот метод проще и удобнее, однако стоит помнить, что меню останется в HTML-коде страницы, хотя и будет скрыто от отображения.
Обратите внимание
- Оба метода работают только с CSS. Это означает, что, хотя навигационное меню будет скрыто от глаз пользователей, оно все ещё будет загружаться и оставаться в исходном коде страницы.
- Используйте методы в зависимости от ваших возможностей и уровня комфорта с кодированием.
Заключение
Выбор способа скрытия навигационного меню зависит от вашего уровня опыта в работе с WordPress и необходимой гибкости. Надеюсь, данный ответ поможет вам успешно скрыть навигационное меню на нужной странице вашего сайта. Если у вас возникнут дополнительные вопросы или потребуется помощь, не стесняйтесь обращаться.