0
265
2018-09-15

WordPress - Как переместить админ бар вниз страницы

Если Вы используете CMS WordPress и не задумывались о том на сколько удобно работать с панелью админ бара, которая расположена внизу страницы. Значит время взглянуть на панель администрирования по-новому, настало!
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

Вступление

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

Как вариант можно отключить админ панель, но в таком случае мы лишаемся многих полезностей и быстрого доступа к тем или иным функциям WP. Как по мне самая главная функция панельки в том, что у нас есть кнопка редактирования контента с быстрым переходом в админ часть сайта.

В общем самым правильным решением и есть перенос панели в нижнюю часть, о том, как это сделать и какие есть варианты реализации поговорим ниже.

Вариант №1 - Переносим админ бар при помощи function.php

Он заключается в простом перемещении админ бара, при этом функция активируется только после того как произошел вход на сайт.

Код ниже добавляем в function.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:

https://misha.blog/wordpress/admin-bar-to-bottom.html