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

Последнее обновление Сен 22, 2021

Содержание

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

Вариант №2 – Перенос админ панели при помощи плагина Bottom Admin Bar

Вступление

Последнее время веб проекты, которые разрабатываются на 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
// Админ бар внизу