ДОСТИГНУТО:

01.11.2016-300 страниц в индексе Google;
19.01.2017-300 страниц в индексе Яндекса;
03.02.2017-40 ТИЦ;
05.02.2017- сайт принят в DMOZ каталог;

Как заменить логотип WordPress на странице логина

.

loginКак заменить логотип WordPress на странице логина

Всем привет!

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

Мне, например, больше всего нравится способ замены логотипа WP при помощи плагина. Вот его мы сначала и рассмотрим, а затем познакомимся с другими вариантами.

Некоторым может наверно показаться странным, почему именно при помощи плагина? Объясню свою точку зрения. Плагин в любой момент можно активировать или отключить, и как правило он не привязан к теме WordPress, как например в случае добавления кода в файл functions.php, так как при смене темы Вам придется добавлять такой же код и в новую тему.

Ну а теперь приступим. И не бойтесь фразы «создание плагина», ведь Вы увидите, как легко и просто создать рабочий и полезный плагин. Итак, в нашем примере при создании плагина для замены логотипа WordPress на странице логина будет использоваться всего один хук login_enqueue_scripts. Почему именно он, а не другой? Да просто потому, что он наиболее гибкий, так как с его помощью мы вольны в выборе и можем с его помощью добавлять и скрипты и стили, либо и те и другие вместе. Давайте же начнем.

Создание плагина

Хочу сразу сказать, что такой плагин по силам создать даже самому начинающему, даже не владеющему знаниями PHP. Сначала создадим PHP-файл для нашего плагина и добавим в него следующие строки:

Имя файла должно быть собственно как имя плагина, в моем примере это saytostroiru-login-screen.php. Вы же можете создать файл и плагин естественно со своим именем.

Да, кстати, желательно в начале файла saytostroiru-login-screen.php добавить параметры плагина (адрес, автор, ссылка, описание и т.д.), особенно если Вы делаете такой плагин для распространения. Например так должен был бы выглядеть код:

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

Теперь создаем свое изображение, картинку с разрешением 274×63 пикселей (ширина 274, высота 63) и сохраняем под именем my-login-logo.png. Заметьте, что имя файла изображения должно быть таким же, как и в коде плагина в строке №4. Размеры картинки я взял лишь для примера, но зато они точно такие же, как у стандартного логотипа WordPress на странице логина. Поэтому проблем с разметкой быть не должно.

Сборка плагина

Создаем каталог с именем плагина, лучше всего с именем, идентичным имени файла PHP-кода — «saytostroiru-login-screen». Затем копируем в него файлы скрипта saytostroiru-login-screen.php и изображения my-login-logo.png. После упаковываем созданный нами каталог вместе с его содержимым в ZIP-архив. Все, плагин готов и его можно установить на сайт WordPress стандартным способом, и после его активации, наслаждаться своим творением.

plagin1

 

Стилизация страницы логина

Если Вам нужно изменить фон страницы логина, то добавьте в php-файл плагина, меду строчками <style type=»text/css»> и </style> еще такую (где код #003355 замените на нужный Вам цвет):

Для изменения фона формы логина добавьте в php-файл плагина, меду строчками <style type=»text/css»> и </style> примерно такую (где код #002244 замените на код вашего цвета):

Можно еще много чего изменить, например для изменения стиля меток над полями ввода добавьте в php-файл плагина, меду строчками <style type=»text/css»> и </style> примерно такую (код #dddddd замените на ваш цвет и font-size: 14px замените на нужный размер шрифта):

Таким же образом можно поменять и стиль ссылок под формой логина, просто добавьте меду строчками <style type=»text/css»> и </style> примерно такие классы:

Если Вам понадобится еще что-то изменить в оформлении, то нужные классы и идентификаторы можно посмотреть в файле /wp-admin/css/wp-admin.min.css

Замена ссылки логотипа на странице логина

Наверно многие заметили, что после замены стандартного логотипа WordPress на странице логина на свой, ссылка логотипа все же ведет на сайт WordPress.org. Естественно, практически каждому хотелось бы, чтобы ссылка картинки логотипа адресовалась на свой сайт. Эта проблема легко решается. Нужно всего лишь в код созданного нами плагина (или в код файла functions.php вашей темы) добавить один фильтр и функцию его обработки:

Да, еще не помешало бы заменить и тайтл, появляющийся при наведении курсора на свой логотип. Для этого есть другой фильтр, который можно добавить в код плагина или в файл functions.php вашей темы:

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

Если Вам все же не нравятся плагины, то Вы легко можете заменить стандартное лого на свое, добавив в файл functions.php вашей темы хук login_head и функцию его обработки MyloginLogo():

В этом случае картинка вашего логотипа должна находиться в файле /путь_к_ваше_теме/images/myloginlogo.png. Как и в примерах для плагина, в этот код можно добавлять и другие стили.

Ваш логотип — лицо вашего сайта. Держите свою марку! 🙂 Жду от Вас  вопросов, на которые с большим удовольствием отвечу!

БЕРЕГИТЕ СЕБЯ!

 




лайк

Эти красотки хотят чтобы ты их жестко лайкнул и даже несколько раз твитнул!

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *