Брендинг — меняем лого на свой

Бренд любого сайта — это его логотип. Так почему же на странице авторизации пользователя на сайте стоит логотип WordPress? Исправляем данную несправедливость в данном уроке.

Для чего это все нужно? В принципе, стандартный логотип системы WordPress не вызывает каких-то негативных эмоций и не обязательно его менять. Но ведь хочется, чтобы на своем собственном сайте стояло именно то изображение, которое является отличительной чертой блога, вашей фирменной маркой. Кроме того, сделав запоминающийся лого, Вы забросите своеобразный якорь в сознание посетителя, и вспомнив логотип, вполне вероятно, что он вспомнит и весь сайт и даже его адрес. Вот почему так важно во-первых создать яркий логотип, непосредственно связанный с темой и адресом вашего сайта. А во-вторых как можно чаще его использовать — в шапке документов, оформлении коробочек и, разумеется, на самом сайте или блоге. Ну и просто гораздо солиднее, когда вместо копирайтов «Сайт работает на WordPress» написано что-то типа «© Василий Алибабаевич & Co.», а на странице регистрации — ваш лого.

логотип wordpress

Логотип WordPress на главной странице

Этот раздел я написал уже после публикации статьи. Дело в том, что я заметил, что эту заметку находят люди, которые ищут способ заменить логотип WordPress не только и не столько на странице авторизации, сколько установить свое изображение на главной странице блога, что вполне логично. Поэтому я решил показать на примере темы оформления, по умолчанию идущей в стандартной сборке с WP — Twenty Ten.

Главная страница блога при активированной теме Твенти Тен выглядит так:

Заменить логотип wordpress

Как вы понимаете, текст «Тестовый сайт АКарт» это ни что иное, как заголовок блога, который прописан в разделе «Параметры > Общие» в админке. Вот его то мы и будем искать и убирать в шаблоне.

Открываем в редакторе header.php («Внешний вид > Редактор > Заголовок») и ищем код:

<a href="<?php bloginfo ('url') ?>"
title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"
rel="home"><?php bloginfo('name'); ?></a>

Участок

<?php bloginfo( 'name' ); ?>

как раз отвечает за вывод заголовка. И вместо него пропишем путь к изображению логотипа, который вы предварительно загрузили в медиабиблиотеку или через ftp:

как загрузить логотип wordpress





Наш измененный код будет теперь таким:

<a href="<?php bloginfo ('url') ?>"
title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"
rel="home">
<img src="http://ДОМЕН/wp-content/uploads/ПУТЬ К ФАЙЛУ/ЛОГОТИП.png"
alt="" />border="0" alt="<?php bloginfo( 'name' ); ?>"
title="<?php bloginfo( 'name' ); ?>"></a>

Наш логотип уже будет отображаться, но он сверху и снизу будет отделен чертой.

wordpress лого

Чтобы этого не было, зайдем в редакторе в файл style.css и найдем участок кода:

#branding img {
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
	display: block;
	float: left;
}

Здесь надо убрать параметры «border-top» и «border-bottom» и зададим нулевой контур.

#branding img {
	border: 0;
	display: block;
	float: left;
}

Сохраняем все изменения и наш логотип для WordPress готов!

wordpress логотип

Аналогичные действия необходимо предпринять и с другой дефолтной темой — Twenty Eleven, а также с похожими на нее шаблонами. Главное понять принцип, что вместо заголовка блога, который скрывается за кодом

<?php bloginfo('name'); ?>

надо вставить свое изображение — вот и все!

Меняем логотип WordPress на странице авторизации

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

Замена логотипа WordPress в админке без плагина

А теперь способ для смелых! Для того, чтобы заменить логотип на странице авторизации в WordPress, не устанавливая плагин, можно добавить код в файл functions.php:

function my_custom_login_logo() {
echo '';
}

add_action('login_head', 'my_custom_login_logo');

В этом коде вместо images/custom-login-logo.gif необходимо указать путь к вашему изображению.

Еще плагины для настройки логотипа WordPress и брендинга

  • Uber Login Logo
  • Custom Login Logo Lite
  • My Brand — кроме замены логотипа позволяет установить свою фоновую картинку и шрифт для страницы логина.
  • Memphis WP Custom Login еще более тонкая настройка. Можно детально отредактировать форму, цвета текста, ссылок, фона, бордюров, показать/скрыть ссылки
  • SuperSlider Login и Sliding Login Panel — красивые функциональные слайд-панели на jQuery


Сервисы он-лайн генерации логотипов:
Сreatr.cc
Simwebsol.com
Cooltext.com

Он-лайн сервисы это штука удобная, но ничто не заменит собственных рук. Поэтому если вы хотите научиться создавать стильные логотипы для своих сайтов самостоятельно, то изучите подробные обучающие видео из курса Сергея Макельского «Как создать логотип». Вам покажут все, что надо знать о создании логотипа — от разработки концепции до рисования в графическом редакторе.

Поделись этой статьей с друзьями!

Это будет интересно прочитать:

  • Сейчас все более популярным становится следующий тип наращивания ТиЦ. Организуется клуб сео-мастеров, которые объединяют свои сайты для размещения на них статей со ссылками. Т.е. имея несколько сайтов, можно запросто продвинуть один/два из них, а на остальные получить качественный контент. Так, например, я получил 10 тиц на свой сео-блог и кучу бесплатного контента на 4 других (на наполнение которых все-равно не было времени). Кстати, даже на обычном блоге с 10 тиц можно зарабатывать в интернете порядка 10 тысяч рублей. Подробнее читайте: http://wp-voprosov.net/56203c/X0UQSApNHlcTUlFZGUYWTRJSX1VZXB0ZUEMHW1cVS0NWVBAVQwNbTUhYRFk=/ — на основе собственного опыта.

  • Лучшее объяснение в нете, спасибо огромное автор успехов тебе!!!

  • Я уж думал, что на шаблоне WP невозможно изменить логотип. Эта статья конкретно помогла мне в улучшении своего шаблона. Попытаюсь применить все советы. Люблю экспериментировать. Спасибо за помощь!

  • Может подскажите в моем вопросе. У меня на сайте иконка отображается в браузере и в закладках, а вот в поисковике не отображается. Я установила ее в корень сайта и в папку imedges темы сайта, в файле заголовка прописала путь. Но почему-то в поисковике ее нет. Почему? Если можно, ответьте на электронную почту.

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