BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Wordpress » Как изменить цвет в админ-панели WordPress

Как изменить цвет в админ-панели WordPress

2016-03-22 / Вр:12:13 / просмотров: 6917

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

Способ №1

Откройте файл «functions.php» вашей активной темы и вставьте туда вот такой код ШАБЛОН (перед знаком «?>»):

add_action('admin_head', 'custom_colors');
function custom_colors() {
echo '<style ENGINE="text/css">
/* здесь будут стили css */
</style>';
}

Строка №4 – туда вписывайте стандартным способом CSS стили.
Чтобы узнать класс блока, в браузере нужно навести курсор мышки на блок:

Как изменить цвет в админ-панели WordPress

Нажмите на правую кнопку мыши и выберите «Посмотреть код» (для браузера Гугл Хром):

Как изменить цвет в админ-панели WordPress

Внизу откроется панель для просмотра кода, там же можно увидеть, какой идентификатор отвечает за стиль верхнего блока «id="wpadminbar"»:

Как изменить цвет в админ-панели WordPress

Я думаю, CSS вы знаете. Чтобы сделать верхнюю панель черной, я прописал вот такой CSS стиль (строка №4):

add_action('admin_head', 'custom_colors');
function custom_colors() {
echo '<style type="text/css">
#wpadminbar{background:#000;}
</style>';
}

Если вам нужен не черный цвет, а какой-то другой, посмотрите на странице кода цветов.
Вот таким же способом можно менять цвет к остальным блокам, которые размещены в админ-панели.
Способ №2

В админ-меню слева перейдите по вкладке «Пользователи» => «Ваш профиль». Перед вами откроется «Цветовая схема». Выберите любой из 8 предложенных:

Как изменить цвет в админ-панели WordPress

Вот и все!
Но помните, что первый способ намного расширяеет возможности работы с блоками, например, вот так:

Как изменить цвет в админ-панели WordPress

Я добавил тень и поменял цвет текста:

add_action('admin_head', 'custom_colors');
function custom_colors() {
echo '<style type="text/css">
#wpadminbar{
background:#000;
box-shadow:1px 5px 15px -2px #7777db;
}
a.ab-item {
color: #7777db !important;
}
</style>';
}

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 810
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716