Вопрос или проблема
Я должен сначала упомянуть, что я довольно нов в WordPress и веб-разработке.
Мне было поручено обновить существующий сайт, который включает навигационную панель. Я копался в коде, пытаясь выяснить, где на самом деле сохранен код для навигации. Сайт — это кастомная тема, которая, похоже, создана с использованием темы “Bones”. Я пытался использовать настройщик, чтобы изменить навигацию, но там нет доступных опций для нужного. Я получил доступ к хостингу через FTP и просмотрел файлы PHP в httpdocs/wp-content/themes и т.д. Ближайшее, что я нашел, было в header.php в темах>”кастомная тема”>header.php, однако это не содержит полного меню, оно только ссылается на логотип и одну устаревшую выпадающую кнопку. Я никуда не продвигаюсь.
Навигационная панель должна быть изменена с этого:
на это:
Надеюсь, это имеет больше смысла с визуальным представлением.
Сайт – cowboycauldron.com
Я буду благодарен за любую помощь.
Спасибо
Первый шаг – сделать “Shopping Nav” активным. Сейчас он установлен на “display:none” в CSS, вероятно, потому что меню не активно. Как только вы измените display:none в этом меню, вы сможете начать позиционировать его, чтобы он был отделен от другого меню в верхней части экрана.
Вот что нужно изменить в CSS. Но не напрямую. Вам нужно изменить меню, чтобы отображать его в ваших настройках. Вот что я вижу, когда смотрю на HTML вашего сайта:
nav.shopping-nav {
display: none;
}
На вашей панели управления перейдите в “внешний вид” -> “меню” и добавьте страницы, которые вы хотите в меню.
Ответ или решение
Чтобы решить проблему редактирования навигационной панели на вашем сайте, созданном на платформе WordPress с использованием кастомной темы, следуйте этим рекомендациям:
1. Проверка доступных меню
- Перейдите в админ-панель WordPress. Войдите в систему, используя свои учетные данные.
- Перейдите в раздел Внешний вид -> Меню. Убедитесь, что у вас есть созданное меню, которое будет отображаться в навигационной панели. Если меню отсутствует, создайте новое, добавив нужные страницы, категории или произвольные ссылки.
2. Активация меню
Если ваше меню уже существует, возможно, оно не привязано к нужной позиции. Проверьте следующие аспекты:
- В том же разделе Меню вы увидите опции для привязки меню к различным позициям вашего шаблона. Убедитесь, что вы выбрали нужное меню для отображения (например, «Основное меню» или «Навигационная панель»).
- После этого сохраните изменения.
3. Проверка CSS
Как было замечено, ваша навигационная панель «Shopping Nav» скрыта с помощью CSS. Необходимо изменить этот стиль, чтобы включить отображение меню.
-
Перейдите в раздел Внешний вид -> Настроить и выберите Дополнительные стили или Дополнительный CSS. Это позволит вам добавить или изменить CSS-код.
-
Вам нужно добавить следующий код в поле:
nav.shopping-nav { display: block; /* Замените 'none' на 'block' или используйте 'flex' для более гибкого отображения */ } -
После внесения изменений, сохраните их.
4. Изменение структуры навигации
Если структура навигации должна измениться, обратите внимание на то, как выводится меню в самом коде темы:
-
Откройте файл
header.phpвашей темы через FTP или файловый менеджер вашего хостинга. Убедитесь, что в этом файле корректно вызывается функция для отображения меню, например:<?php wp_nav_menu(array('theme_location' => 'primary')); ?>Убедитесь, что
theme_locationсоответствует той позиции, которую вы выбрали в админке.
5. Кеширование и другие проблемы
После внесения изменений в менюбудьте уверены, что вы очистили кеш вашего сайта (если используется плагин кеширования) и вашего браузера. Иногда старые стили могут оставаться в кеши, и изменения могут не отображаться сразу.
6. Заключение
Если вышеописанные шаги не помогли, есть вероятность, что проблема коренится глубже в коде кастомной темы или в конфликтах с плагинами. В этом случае может оказаться полезным обратиться к разработчику темы или нанять специалиста для более глубокого анализа. Не забудьте регулярно делать резервные копии вашего сайта перед внесением изменений.
Следуя этим шагам, вы сможете настроить навигационную панель вашим требованиям. Удачи в ваших начинаниях с WordPress!