- Содержание статьи
Фреймворком Bootstrap употребляется тысячами людей для сотворения тем и макетов страничек, обычных и трудных веб-сайтов, также и на базе пользующейся популярностью CMS WordPress. Публикация посвящена тем, кто столкнулся с неправильной работой этого фреймворка и панели админа.
Исправляем отображение панели админа
Если вы собрались сделать для собственного блога собственный свой дизайн на базе пользующегося популярностью фреймворка Bootstrap (Твиттер Bootstrap), то в процессе дизайна могли столкнуться с таким явлением, как перекрытие панелью админа WordPress фиксированного меню Bootstrap. Ах так это смотрелось в случае с нашим веб-сайтом:
Как видно, панель админа WordPress просто перекрывает верхнее меню. Для исправления этого противного момента необходимо сделать последующие деяния:
- Для начала необходимо удостовериться, что к тегу
<body>темы дописываются нужные классы. С этой целью открываемheader.php(либо иной файл, где прописан тег), и если там прописан просто только тег <body>, то заменяем его на следующее:<?php echo '<body class="'.join(' ', get_body_class()).'">'.PHP_EOL; ?> - В CSS темы добавляем следующий код:
.admin-bar .fixed-top { top: 32px; }
Работает это следующим образом: если вы залогинены и у вас включено отображение панели администратора, то функция WordPress body_class(); дописывает класс admin-bar тегу body. Затем в CSS просто задается отступ в 32 пикселя (высота панели админстратора) для класса navbar-fixed-top, являющегося подэлементом класса admin-bar.
После этого эти два меню должны перестать конфликтовать друг с другом.
Добавить комментарий