SITOS.ru v1.0
маленькая творческая мастерская

Изменение логотипа админ панели WordPress

Написано: Mar 02, 2015 | Тэги: |


В сети есть масса информации как поменять логотип WordPress при авторизации, а вот что бы изменить логотип WP в админ баре оказалось проблемой в версии WordPress 4.1.1. Но нет ничего не возможного и решение было найдено, о чем и хотели бы написать.
Стандартный админ бар с логотипом WP

Итак приступим, заходим на ftp сайта и ищем файл admin-bar.min.css он находится по адресу ../wp-includes/css/, копируем его себе на комп, открываем текстовым редактором, ищем строчку #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {, содержание стиля должно быть чем то вроде {content: '\f120';top: 2px;}, этот стиль отвечает за маленький логотипчик.

Далее два варианта:
Первый вариант открыть документацию по адресу https://developer.wordpress.org/resource/dashicons/#search и найти подходящий логотипчик, изменение происходит следующим образом- под каждой иконкой есть свой номер, его то мы и вставляем в {content: '\f120';top: 2px;}, те должно получиться {content: '\f334';top: 2px;}

Сохраняем файл и заливаем обратно на сайт, проверяем эффект:)
Админ бар со своим логотипом


Вариант 2: если мы хотим изменить на свою картинку, создаем картинку размером 30 на 25 пикселей, назовем ее например admin-bar-logo.png (расширение может быть jpg, gif, png - лучше использовать прозрачный фон в самой картинке а расширение, соответственно, либо gif или png, фоновый цвет бара #222). Заливаем картинку в любую удобную папку на сайте, например ваш_сайт.ру/wp-admin/images/, а в файле admin-bar.min.css прописываем следующее: content:url(http://ваш_сайт.ру/wp-admin/images/wp-admin-logo.png);
Сохраняем файл и заливаем на сайт. Так же можно изменить отступ сверху top: 0px;

Мелочь, а приятно! Продуктивного вам коддинга:)

Комментарии (0)







Разрешённые теги: <b><i><br>Добавить новый комментарий: