Вступление
Последнее время веб проекты, которые разрабатываются на CMS WordPress используют липкое меню расположенное в верхней части страницы. это отличное решение но при разработке у нас также появляется вверху админ бар который часто препятствует удобной верстке страницы. Да и чисто эстетически удобно, когда админ панель находится в нижней части экрана.
Как вариант можно отключить админ панель, но в таком случае мы лишаемся многих полезностей и быстрого доступа к тем или иным функциям WP. Как по мне самая главная функция панельки в том, что у нас есть кнопка редактирования контента с быстрым переходом в админ часть сайта.
В общем самым правильным решением и есть перенос панели в нижнюю часть, о том, как это сделать и какие есть варианты реализации поговорим ниже.
Вариант №1 – Переносим админ бар при помощи function.php
Он заключается в простом перемещении админ бара, при этом функция активируется только после того как произошел вход на сайт.
Код ниже добавляем в function.php вашей темы:
<?php
// Админ бар внизу
// START
function fb_move_admin_bar() {
echo '
<style type="text/css">
body {
margin-top: -28px;
padding-bottom: 28px;
}
body.admin-bar #wphead {
padding-top: 0;
}
body.admin-bar #footer {
padding-bottom: 28px;
}
#wpadminbar {
top: auto !important;
bottom: 0;
}
#wpadminbar .quicklinks .menupop ul {
bottom: 28px;
}
.cactus-fixed-header-wrap {
top: 0px !IMPORTANT;
}
</style>';
}
// on backend area
add_action( 'admin_head', 'fb_move_admin_bar' );
// on frontend area
add_action( 'wp_head', 'fb_move_admin_bar' );
// END
// Админ бар внизу
Вариант №2 – Перенос админ панели при помощи плагина Bottom Admin Bar
Плагин можно установить по данной ссылке:
https://wordpress.org/plugins/bottom-admin-bar/
Когда вы вошли в WordPress, этот плагин переместит в нижнюю часть панель администратора.
Нажмите shift+A, чтобы переключить видимость панели администратора.
Полезные ссылки:
Отличный пост от wp-kama в котором есть практически все что бы играться с панелью в WordPress:
https://wp-kama.ru/id_6339/10-hakov-dlya-admin-bara-wordpress.html
Очень неплохие варианты переноса панельки в низ страницы от misha.blog: