Верхняя панель WordPress и фиксированная навигация

Плюсануть
Поделиться
Класснуть

Начал верстать для одной крутой студии шаблон. Точнее шаблон уже свёрстан, адаптирую его под WordPress. Особенность шаблона в том, что верхнее меню, с логотипом и навигацией, "приклеивалось" к верхней границе браузера при скроллинге.

Делается это простым свойством в CSS:

position: fixed;

Однако есть небольшая проблема. У WordPress, если пользователь зашёл вошёл в админку, на сайте сверху отображается админская панель. Проблема была в том, что панельки накладывались друг на друга.

Вот как выглядело это безобразие:

Верхняя панель WordPress и фиксированная навигация

Самое изящное найденное решение – сделать отступ админской панельки от шапки сайта с помощью is_user_logged_in(). Просто добавляем в header.php такой код:

<?php if ( is_user_logged_in() ) { ?>
<style type="text/css">#wpadminbar{top: 50px !important;}</style>
<?php } // end if ?>

В данном примере отступ делается в размере 50 пикслей. Этот момент можно смело отредактировать под свой сайт.

Ну и результат:

Верхняя панель WordPress и фиксированная навигация

Нормально, да?

Последнее изменение записи: 28.12.2015 | Рубрика: Работа | Метки: ,
Плюсануть
Поделиться
Класснуть