Розпродаж хостинг-планів на неймовірних умовах!
Знижка від 300 до 500грн!
 

автор Дмитро Кондрюк

30.03.2011

7

Зверніть увагу: ця публікація побачила світ більше року тому, з того часу багато чого могло змінитися ;)

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

Код можна написати у файлі теми style.css, але краще додати спеціальний код до файлу functions.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' );

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

Дмитро Кондрюк

Автор публікації Дмитро Кондрюк

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

Є що відповісти?

Ваш email не буде публікуватися

Можна скористатися такими тегами в тексті:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

  • 01.04.2011 at 08:52

    А ще можна вимкнути Адмін Бар в адмінці WordPress

    • так, в налаштуваннях свого профілю є така можливість, але декому простохочеться аби він був знизу 🙂

    • 16.04.2011 at 16:35

      А навіщо її вимикати,наприклад мені вона подобається.

  • На справді є значно глибша та цікавіша задача.
    Часто густо нам треба використовувати свій ВордПрес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 — тощо…

  • 28.06.2013 at 16:15

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

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

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