Intereting Posts
Что такое пользовательские сообщения типа «Журналы» WordPress? Если «редактор» пуст, то Шаблон страницы CSS-файл не загружается Сделать настраиваемый столбец столбца отсортированным Добавление динамического раздела в WordPress Как заставить WordPress изменить файл .htaccess определенным образом? Как создать настраиваемые маршруты URL? Как сделать шаблоны для включения только коротких кодов? Как остановить редактирование типа сообщений, но разрешить им редактировать настраиваемый тип сообщения? Первый элемент / селектор разбитых файлов CSS WordPress не создает базу данных Принудительное использование SSL-входа, необходимо снова войти в систему из панели WP / BP-Admin WP не использует выбранный шаблон template.php, который выбран для страницы Пейджинг не работает для иерархического пользовательского типа сообщения Перенаправление пользователя после обновления профиля?

Обновлен WordPress, теперь Навигация перепутана

Недавно я обновил WP сайта друга, над которым я работаю. Теперь его панель навигации перепуталась, и я новичок в WP, поэтому я не уверен, куда ее исправить.

Вот сайт: http://www.millermusiclessons.com/

Вот что должно выглядеть навигация: http://www.millermusicllc.com/

благодаря

Это не WordPress, который испортил это, это что-то с вашей темой.

На рабочем месте ваша панель навигации выглядит так:

<ul class="sf-menu sf-js-enabled sf-shadow"> <li class="page_item page-item-4 current_page_item"><a href="http://www.millermusicllc.com/" title="Home">Home</a></li> <li class="page_item page-item-7"><a href="http://www.millermusicllc.com/services/" title="Services">Services</a></li> <li class="page_item page-item-11"><a href="http://www.millermusicllc.com/portfolio/" title="Portfolio">Portfolio</a></li> <li class="page_item page-item-13"><a href="http://www.millermusicllc.com/about/" title="About">About</a></li> <li class="page_item page-item-126"><a href="http://www.millermusicllc.com/testimonials/" title="Testimonials">Testimonials</a></li> <li class="page_item page-item-15"><a href="http://www.millermusicllc.com/contact/" title="Contact">Contact</a></li> </ul> 

На сломанном сайте классы в вашем списке испорчены. Это только рендеринг <ul class="sf-menu"> и именно это вызывает проблему, потому что ваша таблица стилей применяет макет, цвет, размер и другую информацию о стиле на основе отсутствующих классов.

Поэтому взгляните на то, что вы создаете меню, и какой код вы могли бы там манипулировать меню. Что-то не добавляет эти классы в ваше меню, как должно быть.


С другой стороны …

Ваша таблица стилей вокруг строки 239 имеет следующее объявление:

 #top .topmenu ul.sf-menu.sf-js-enabled.sf-shadow li a{/*margin-left:3px;*/font-size:24px;font-weight:normal;text-decoration:none;margin: 0 0 0 -2px;padding: 0 10px;} 

Этот селектор CSS ищет элемент <ul> который имеет все три класса («sf-menu, sf-js-enabled» и «sf-shadow»). Если вы не можете редактировать меню напрямую, просто измените эта строка:

 #top .topmenu ul.sf-menu li a{/*margin-left:3px;*/font-size:24px;font-weight:normal;text-decoration:none;margin: 0 0 0 -2px;padding: 0 10px;} 

Я проверил это с помощью инструмента отладки, и он отображает меню правильно. Но если вы специально намеревались ограничить стиль, основываясь на наличии этих двух классов CSS, вам нужно немного углубиться.

Сначала слово совета … никогда не используйте изображение для разделения. Лучше использовать свойство css border.

EAMann прав, это не связано с WordPress само по себе, а с дизайном вашей темы.

Вы должны добавить это в таблицу стилей:

 #top .topmenu ul.sf-menu.sf-js-enabled.sf-shadow li a { font-size: 24px; font-weight: normal; text-decoration: none; margin: 0 0 0 -2px; padding: 0 10px; } 

А затем примените это к классу содержащего открытого тега ul:

 sf-menu sf-js-enabled sf-shadow 

Это будет выглядеть так:

 <ul class="sf-menu sf-js-enabled sf-shadow"> 

И, как и раньше, вместо использования изображения в качестве разделителя для ваших тегов li используйте свойство css border. Экономит при загрузке.

Поэтому вместо этого:

 .topmenu ul li { background: url("images/menu_sep.jpg") no-repeat scroll right 8px transparent; } 

Сделайте это вместо этого:

 .topmenu ul li { border-right: thin solid #999; } 

Это должно устранить проблему с вашей темой.