Верхняя панель WordPress и фиксированная навигация
Начал верстать для одной крутой студии шаблон. Точнее шаблон уже свёрстан, адаптирую его под WordPress. Особенность шаблона в том, что верхнее меню, с логотипом и навигацией, "приклеивалось" к верхней границе браузера при скроллинге.
Делается это простым свойством в CSS:
position: fixed;
Однако есть небольшая проблема. У 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 пикслей. Этот момент можно смело отредактировать под свой сайт.
Ну и результат:
Нормально, да?