X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

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

Приклад
  • 2024-03-19
  • 5408 переглядів

  • Дизайн та розробка сайту

Доброго времени суток. 🙂

Если вы сами развиваете свой сайт, который работает на WordPress, то можете столкнуться с необходимостью перенести вниз админпанель или, как его еще называют - админбар. Лично в моей практике, такая необходимость встречалась лишь пару раз.

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

Перенос админбара может понадобится если на сайте используется, например, фиксированное плавающее меню. тогда админбар может перекрывать его и это не совсем удобно для работы. Так же иногда перенос админпанели вниз, руководствуется просто удобством для кого-то.

Если же вас интересует вопрос - как перенести админбар вниз страницы, то вам нужно сделать лишь один момент. это добавить небольшой код в файл пользовательских функций - function.php. Добавлять код можно куда вам удобно, если вы разбираетесь в том как устроен function.php, если же нет, то в самый конец, перед закрывающим тегом PHP - ?>. Если такового нет, то просто в конец файла.

Добавляем вот такую функцию, которая по сути является новыми стилями для нашего админбара.

function btm_adm_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:0}
#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input{bottom:30px;}
</style>';
}
add_action( 'admin_head', 'btm_adm_bar' );
add_action( 'wp_head', 'btm_adm_bar' );

В начале сама функция btm_adm_bar с стилями, которые править, по сути, не нужно. Они уже настроены на определенное отображение панели. Нас интересует сфера применения данной функции. После нее идут две строки, что подключают функцию на страницах самого сайта и в админке.

  • add_action( 'admin_head', 'btm_adm_bar' ); - Если прописана эта строка, то админ панель будет внизу и в админке сайта. Если ее удалить, то в админчасти, панель будет сверху, как по стандарту.
  • add_action( 'wp_head', 'btm_adm_bar' ); - Подключает функцию на страницах сайта, то бишь выводит панель внизу на сайте. Ну данную строку удалять нет смысла, ведь ради размещения панели на сайте мы все затеяли, хотя может, кому-то нужно только в админчасти 🙂

Вот так все просто делается и если это нужно вам, вы с легкостью сможете воплотить такой перенос у себя на сайте.

На этом все, спасибо за внимание. 🙂

Якщо Вам була корисна моя праця, можете фінансово підтримати сайт або відключити блокувальник реклами, що займе 2 хвилини :)

Хочу підтримати фінансово Хочу відключити блокувальник

Оцініть статтю
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 6, в среднем: 5 из 5
Читайте також