Блоґ Хаки для Wordpress

Як перемістити адмін-бар вниз?

Pinterest LinkedIn Tumblr

Не всім подобається адміністративна панель (Admin Bar), яка з’явилася у WordPress 3.1, вона відображується постійно вгорі, у верхній частині браузера. Її можна легко перемістити вниз, з допомогою CSS-коду.

Код можна написати у файлі теми style.css, але краще додати спеціальний код до файлу functions.php Вашої теми. Даний код перемістить панель до низу як на сайті, так і в адмінці.

[php]
function uawp_move_admin_bar() {
print ‘
<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;
}
</style>’;
}
// в адмінці
add_action( ‘admin_head’, ‘uawp_move_admin_bar’ );
// при перегляді сайту
add_action( ‘wp_head’, ‘uawp_move_admin_bar’ );
[/php]

Якщо не бажаєте додавати код, можна скористатися плаґіном, який зробить все за Вас.

Дмитро Кондрюк в веб-індустрії з 2003 року. В 2009р. заснував проект Український WordPress (що у подальшому став офіційним сайтом команди локалізації WordPress в Україні). З 2010 року засновник і технічний директор проекту Український хостинг для WordPress (WPHost.me) - повноцінного хостинг-сервісу, максимально оптимізованого на використання CMS WordPress.

коментарів 7

  1. Сергій Назаревич Відповісти

    На справді є значно глибша та цікавіша задача.
    Часто густо нам треба використовувати свій ВордПресCайт в режимі IFrame.
    Наприклад: Є брендовський Сайт, Є прес-центр на ВордПрес, Є додаток на ФейсБук який йде з Брендовського сайту.
    Що робити? …

    if(top.location != location) {
    document.write(\'\');
    $(\'#slider\').width(\'560\');
    jQuery(document).ready(function() {
    parent.window.doIframeHeight(location);
    });
    }

    Думаю, ідея зрозуміла.

    • Сергій Назаревич Відповісти

      В попередньому — скрипт з’їв тіло документ.врайта === там посилання на css файл як дочірній для style.css — цей файл змінює атрібути css для режиму IFrame — наприклад, може забрати хедер, футер, змінити float з left на right — тощо…

  2. А чому краще в functions.php, а не в style.css ?
    Як на мене – це одна з великих проблем людей, які пишуть плагіни для WP – змішати все в одну купу.
    Доробляв недавно qTranslate: у одному php-файлі намішано 4 мови: PHP, HTML, CSS, JS.
    Відчув себе асенізатором.

    Не давайте, будь ласка, таких порад. Краще, щоб все було окремо.
    Крім того, ваш код ще й на дев’ять рядків довший, ніж якби просто вставити його в CSS.

    • взагалі можна ще придумати варіанти, як використати це. у кожного є свої плюси. наприклад у functions.php достатньо закоментувати один/два рядки, аби відключити цю функцію, можна написати додаткові умови, коли цьому коду працювати, коли – ні. Вас ніхто не вмовляє 😉

Коментувати