Главная Часть 1. Создание блога Глава 3. Дизайн Урок 143. Как изменить логотип админки WordPress?

Урок 143. Как изменить логотип админки WordPress?

изменить логотип

Привет!

Вот и закончились новогодние праздники, пришла пора заняться блогами. Сегодня речь пойдет о смене логотипа на форме входа в админку WordPress. Зачем там менять логотип? Не знаю, но вот увидал на форумах, что люди хотят уникальности, красоты и так далее. В общем, именно для таких людей эта статья и написана. Себе я тоже изменю логотип, раз уж взялся за это. Можете результат работы посмотреть здесь: http://wpguru.ru/wp-admin

Нет ничего плохого в желании быть уникальным. После этой фразы, сразу же вспомнилась картинка, на которой изображено несколько сотен человек, каждый из которых твердит: "Я уникален!". К сожалению, не могу ее найти.

Какое-то двойственное ощущение к смене логотипа на входе в админку. С одной стороны — кому это надо? Единственный, кто пользуется этой формой - ты сам. Ну может пара-тройка любопытных читателей попробует туда попасть, набрав в графе пароль, что-то вроде: "123456", но в общем и целом, смотришь на данную форму только ты.

С другой стороны, почему бы и нет? Хоть я и посвящаю этой форме 1 секунду своего внимания, но пускай за эту секунду я увижу свой красивый логотип. Я думаю, каждый блоггер, у которого есть логотип, действительно его любит. Мне мой, например, очень нравится.

Ладно, хватит болтать, перейдем к делу.

Как изменить логотип админки WordPress?

Изначально наша форма входа выглядит вот так:

форма входаЛоготип WordPress содержит ссылку на официальный сайт. Мы же, раз уж взялись за смену логотипа, заодно и ссылку сменим. Пускай логотип ссылается лучше на наш блог. (Вот она - плата wordpress'у за бесплатное предоставление движка, даже оттуда ссылку удаляем 🙂 )

В новой версии WP, на данный момент это 3.8, в css-файле прописаны фиксированные пропорции логотипа. А именно 80 пикселей на 80 пикселей. То есть, даже если Вы загрузите свой логотип, который больше данных значений, будет отображаться лишь небольшая часть этого логотипа. Если У Вас есть возможность загрузить логотип 80х80, то проблем никаких не будет. Выглядит это примерно так:

лого

Если же Ваш логотип больше, то сначала проделаем следующую операцию. В ней-то и заключается проблема. Дело в том, что мы сейчас будем менять в css-файле стандартные пропорции. Файл этот системный, то есть, при следующем обновлении движка, файл перезапишется, и там будут те значения, которые выставят разработчики вордпресса. То есть, придется заново все это менять. В принципе, не такая уж это и проблема, ведь движок обновляется раз в несколько месяцев. А не каждую неделю.

Идем в папку wp-admin -> css -> файл wp-admin.min.css

Заходим в него и ищем строку: .login h1 a

В этой строке ищем 2 свойства: width(ширина) и height(высота). Задаем их такими же, как и размеры логотипа. В моем случае, это 310х105.

Теперь удалим старый логотип и вставим наш новый. А также заменим ссылку. В этом нам помогут стандартные системные фильтры.

Открываем файл functions.php, что находится в папке с нашей текущей темой. Вставляем в конец, перед тегом ?> (если такой есть) следующий код:

Вместо ссылки "http://wpguru.ru/wp-content/themes/DynaBlue/images/logo.png" указываем ссылку до своего логотипа.

Взглянем на результат:

полное лого админка

Ну вот и вся процедура. Ничего сложного.

На этом я заканчиваю урок, до скорых встреч!

 

Полезные статьи Вам на почту!

Нас более 700 человек!

Комментарии

Артем
0

Привет, Олег!) Может и себе поменять...
пс: боже где ж берутся такие идиоты)) еще и на камеру)

07.01.2014
Sly
0

Привет. А ты поменяй, хуже точно не будет)

А ты представь, сколько интересных фейлов происходит, которые не попадают в камеру))

07.01.2014
Артем
0

Страшно представить)
Да у меня и логотипа то собственно нет(

07.01.2014
Sly
0

во, самая проблема) скок логотипов у меня было - все фиговые, сейчас один отличный ток. Но как долго я к нему шел. Удаче в поиске лого)

07.01.2014
Leonard
0

Добрый день. Спасибо за статью. Может кто поможет сделать, чтобы на сайте на главной логотип был в теге h1, а на других страницах просто ссылкой. Буду очень благодарен...

03.04.2014
Sly
0

Добрый вечер! Вам достаточно использовать функцию is_home и условие if. То есть, если отображена главная страница, то ....

Примерно так:

if (is_home) {
// сюда прописываем что должно быть на главной
}

03.04.2014
Leonard
0

Вы бы мне поточнее, мне далеко до вашего профессионализма.. Пробовал и так и этак, стиль меняется логотипа. что-то в стилях наверное править надо? Помогите, может я вас чем выручу..

03.04.2014
Sly
0

Зависит все от того, что именно Вам нужно в итоге. Насколько я понял из первого комментария, Вам необходимо, чтобы на главной был текст, заключенный в h1, а на других страницах, вместо этого текста, картинка-логотип. Так?

03.04.2014
Leonard
0

Насколько я понимаю, логотип сайта вообще не должен быть в теге H1, надо чтобы заголовок был в теге H1 только на главной странице, а на остальных только ссылкой.

03.04.2014
Sly
0

А что мешает сделать на главной одновременно нужную надпись и в теге h1 и в виде ссылки? 🙂

03.04.2014

Оставить комментарий

Поделиться