Как поменять логотип на сайте вордпресс


Как вставить логотип на сайт WordPress

Читатели блога «Мир Вебмастера» уже знают как создавать логотипы для веб-ресурсов – мы об этом говорили ранее в статье «Как создать логотип для сайта», и наверняка опробовали сервисы, представленные в материале  «5 Лучших генераторов логотипов для сайта». Пришло время украсить свой блог красивым и запоминающимся логотипом!

В сегодняшнем уроке я подробно расскажу как вставить/поменять логотип на сайт WordPress – подопытным «кроликом» выступит один из моих ресурсов. Но сначала узнаем: а есть ли там логотип в виде изображения? Для этого кликнем на названии сайта правой кнопкой мышки:

Как видите, система предлагает сохранить мне ссылку, предложений сохранить картинку нет. Значит логотип у меня текстовый. Он легко меняется по пути Консоль – Настройки – Общие, и нам в данном случае не интересен.

Если же у вас логотипом стоит картинка, следует его удалить. Проходим в раздел «Внешний вид» или «Дизайн». Есть пункт с названием шаблона – хорошо, удаляем там логотип. Нет – идем в Редактор и в header.php ищем код изображения, который следует удалить.

Итак, логотипа на вашем сайте нет. Создадим же его! Для этого запускаем клиент FTP (у меня, к примеру, FileZilla) и сохраняем изображение в папке /public_html/wp-admin/images. Путь может быть и другимwpcontent/themes/название_темы/images, например. Надеюсь, картинка у вас небольшая, поскольку стоит понимать, что все должно быть в меру и подходить по дизайну.

Итак, логотип загрузили. Кстати, можно картинку отправить в любое другое хранилище, но это будет лишней ссылкой на чужой сайт, оно вам надо? Если нет доступа к FTP, то сохраняйте картинку в любом сообщении блога – и забирайте адрес логотипа. В итоге код должен выглядеть примерно так:

<img src=’http://адрес сайта/wp-admin/images/картинка’> .

Теперь нужно определиться, куда его вставить. Для этого идем по пути Консоль – Дизайн – Редактор. И выбираем шаблон «Заголовок» (header.php).

Куда вставить код логотипа на сайте WordPress, зависит от шаблона. Ищите такие теги, как на картинке (напомню, быстрый поиск по тексту можно осуществить с помощью сочетания клавиш Ctri+F):

Я ничего подобного не нашел и пошел еще одним путем — вставил код после тега <div id=’header’>:

Теперь посмотрим что у меня получилось, идем на главную страницу моего сайта:

Уже что-то похожее на логотип, но выглядит все это неаккуратно и некрасиво. Можно убрать название в настройках, я так и сделаю и сдвину логотип на край. Для этого добавлю небольшие изменения в код:

<img src=’http://geroikryma.net/wp-admin/images/geroikryma.png’ style=’position:absolute; top: 40 px; left: 20px;’>

Здесь отсчет идет от верхнего и левого края страницы. Путем манипуляций и подбора отступов у меня получилось следующее:

Если вам необходимо вставить логотип как ссылку, нужно еще немного изменить код, прописав адрес к нужной странице:

<a href=’нужная_страница’><img src=’путь_к_картинке’ style=’position:absolute; top: Хpx; left: Ypx;’></a>

У меня получилось так:

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

Возможные ошибки:

  1. Большой размер картинки
  2. Непонимание где находится нужный шаблон
  3. Невнимательность с кодом
  4. Невозможность заливки картинки на сайт.

Что делать:

  1. Исправить размер картинки – редакторов много, найти их совсем не трудно. Тот же Paint есть на любом компьютере с ОС Windows.
  2. Тут нужно внимательно смотреть на представленный скриншот. Если не получается – пошевелите мозгами и найдите подобный файл. Хотя он вроде как одинаков во всех шаблонах.
  3. Лечится внимательностью и созданием кода в Блокноте, например, а уже потом переносом его в редактор WP.
  4. Картинку можно залить на любую страницу вашего сайта – если никогда не работал с FTP. Просто добавьте изображение в новый пост. И все.

Успехов!

Change WordPress Login Logo - плагин для WordPress

Загрузите свой логотип для страницы входа в WordPress вместо обычного логотипа WordPress с простыми настройками.

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

  • Настройки логотипа WordPress
  1. Войдите в админ панель WordPress и перейдите в раздел Плагины -> Добавить новый
  2. .
  3. Введите Измените логотип входа в WordPress в поле поиска и нажмите кнопку поиска.
  4. Найдите плагин изменения логотипа входа в WordPress.
  5. Затем нажмите «Установить сейчас», после чего активируйте плагин.

Как настроить плагин изменения логотипа входа в WordPress?

  1. Щелкните вкладку «Настройки» в левом меню навигации:
  2. Щелкните меню «Логин для входа» в меню «Настройки».
  3. Загрузите новый логотип для входа с помощью WP media uploader.
  4. Нажмите кнопку «Сохранить изменения», чтобы сохранить детали конфигурации.

«Изменить логотип для входа в WordPress» - это программа с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

авторов .

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

Андрей Невинс

(@anevins)

Участник WCLDN 2018 | Волонтерская поддержка

Как вы добавили логотип домашней страницы в меню? Это ненормальное поведение.

Я просто поместил HTML-код изображения в «Навигационную метку»:

Accueil

  • Этот ответ был изменен 2 года, 10 месяцев назад пользователем YENIER Nazim.
Андрей Невинс

(@anevins)

Участник WCLDN 2018 | Волонтерская поддержка

В этом случае создайте «Пользовательскую ссылку»: https://codex.wordpress.org/Appearance_Menus_Screen#Custom_Links

Спасибо за совет Андрей. Но какова связь с моим первоначальным вопросом?

Андрей Невинс

(@anevins)

Участник WCLDN 2018 | Волонтерская поддержка

Я не понимаю, о чем вы.Вы спросили:

Как мы можем изменить URL логотипа в двадцать семнадцать?

Создание «настраиваемой ссылки» - это способ изменить URL-адрес логотипа в теме Twenty Seventeen.

Если это не ваша проблема, не могли бы вы объяснить реальную проблему?

Я говорил о логотипе, который появляется на изображении заголовка, когда вы добавляете его при настройке в реальном времени:

Панель управления

-> Внешний вид -> Настройка -> Идентификация сайта -> Логотип

Андрей Невинс

(@anevins)

Участник WCLDN 2018 | Волонтерская поддержка

Вы можете добавить логотип, чтобы проиллюстрировать проблему?

Я только что добавил его: это круглая кнопка LaTOTALE , которая появляется на изображении заголовка:
https: // www.latino.ski

Щелчок по этой кнопке (логотипу) перенаправляет вас на домашнюю страницу.

Я хочу перенаправить на другую страницу (https://www.latino.ski/inscription)

Андрей Невинс

(@anevins)

Участник WCLDN 2018 | Волонтерская поддержка

Попробуйте это решение из темы Twenty Sixteen: https://wordpress.org/support/topic/how-to-change-logo-url-of-twentysixteen-theme/#post-9535770

.Логотип сайта

- Поддержка

Логотип сайта

С помощью функции Site Logo вы загружаете свой логотип один раз, и он будет идеально отображаться в большинстве тем, независимо от того, как часто вы меняете.

Еще нет логотипа? Мы заключили партнерские отношения с Looka (ранее Logojoy), создателем логотипов на базе искусственного интеллекта, чтобы помочь вам создать его. Вы можете начать работу на WordPress.com, и Looka проведет вас через процесс ..

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

Добавление логотипа вашего сайта
  1. Откройте «Мои сайты » → «Настроить » и щелкните раздел «Идентификация сайта ».
  2. Щелкните Добавить логотип , чтобы открыть Медиа-менеджер.
  3. Загрузите новое изображение или выберите то, которое уже есть в медиатеке.
  4. Нажмите Установить как логотип , и ваш логотип появится в окне предварительного просмотра.
  5. Нажмите кнопку « Опубликовать » в правом верхнем углу настройщика, чтобы активировать логотип на своем сайте.

↑ Содержание ↑

Создайте логотип с Looka

WordPress.com стал партнером Looka, чтобы вы могли легко создать потрясающий логотип за считанные секунды. Looka позволяет любому быстро получить дизайн профессионального качества по доступной цене. Для начала:

  1. Откройте «Мои сайты » → «Настроить » и щелкните раздел «Идентификация сайта ».
  2. Щелкните Create Logo , чтобы перейти на веб-сайт Looka.
  3. Введите название своей компании или блога и нажмите Начать работу.
  4. Укажите свою отрасль и нажмите Продолжить.
  5. Выберите примеры того, что вам нравится, из представленных стилей логотипов, цветов и значков.
  6. Выберите свой любимый логотип из множества логотипов, соответствующих вашей индивидуальности.
  7. Создайте учетную запись в Looka и приобретите собственный логотип. После совершения покупки вы получите файлы с логотипом, в том числе PNG в высоком разрешении.
  8. Выполните действия, описанные в разделе « Добавление логотипа вашего сайта » выше.

Изменение или удаление вашего логотипа

После установки логотипа вы можете изменить или удалить его с помощью кнопок Удалить логотип и Изменить логотип . Когда вы будете удовлетворены, не забудьте нажать кнопку Сохранить и опубликовать в правом нижнем углу, чтобы сохранить настройки логотипа.

↑ Содержание ↑

Скрытие названия и описания сайта

Если у вас есть логотип, вам может не понадобиться ваша тема для отображения заголовка вашего сайта в виде обычного текста.Но заголовки хороши для SEO! Вместо того, чтобы оставлять заголовок пустым, вы можете скрыть его: под инструментами Site Logo в настройщике вы увидите флажок с надписью Display Site Title и Tagline . Чтобы скрыть заголовок и описание сайта, оставив только логотип, снимите этот флажок и нажмите Сохранить и опубликовать .

Поддержка тем

Чтобы увидеть все поддерживаемые темы, проверьте фильтр логотипа сайта в витрине тем.

.

Изменение логотипа в моем редакторе заголовков

Поищите в этой теме. Может тебе помочь.
https://wordpress.org/support/topic/adding-logo-on-top-left-of-header/

  • Этот ответ был изменен 2 года 8 месяцев назад пользователем Long Nguyen.

Привет,

Сообщите нам, какую тему вы используете в WordPress.

Вы можете попробовать эти варианты, чтобы изменить свой логотип.

1 Да, как указано выше, вы можете установить этот плагин (easylogo).Поможет сменить логотип:

https://wordpress.org/support/topic/adding-logo-on-top-left-of-header/

2 Или вы можете настроить его на панели инструментов wp-admin - выполните шаги
- Внешний вид> Настроить> заголовок

3 Или вы можете вставить сюда свой код theme.header.php. И мы можем помочь вам изменить код, чтобы изменить новый логотип.

Надеюсь, мы поможем вашему запросу, дайте нам знать, как это поможет вам решить?

Спасибо.

  • Этот ответ был изменен 2 года, 7 месяцев назад пользователем Afsana.
  • Этот ответ был изменен 2 года, 7 месяцев назад пользователем Afsana.
  • Этот ответ был изменен 2 года, 7 месяцев назад пользователем Afsana.

Всем привет, спасибо за помощь. Я пытался установить easylogo, но у меня не было возможности изменить настройки.

Я действительно расстраиваюсь из-за этого, так как мой разработчик веб-сайта недоступен, а из-за чего-то такого простого, почему кажется так сложно просто изменить логотип?

Привет (@ suzannem2),

Я понимаю, не могли бы вы сообщить нам, какую тему вы используете в WordPress? Это помогает понять код.

А ты редактором логотип менять не пробовал? Как я упоминал выше?
- 2 - Вы можете настроить его, используя панель входа wp-admin - выполните шаги

- Внешний вид> Настроить> Идентификация сайта> загрузить свой логотип
(если проблема не исчезла, попробуйте сделать третий шаг, о котором я упоминал)

3 Или вы можете вставить сюда свой код theme.header.php. И мы можем помочь вам изменить код, чтобы изменить новый логотип.

Рад помочь.
Спасибо

  • Этот ответ был изменен 2 года, 7 месяцев назад пользователем Afsana.
  • Этот ответ был изменен 2 года, 7 месяцев назад пользователем Afsana.

Привет,

Мне удалось загрузить изображение нового логотипа, но оно не помещается в заголовке. Как мне его подогнать?

Как я уже сказал, я не очень разбираюсь в коде, поэтому, пожалуйста, объясните в терминах леманов (без жаргона).

Заранее спасибо

Ваша тема - «Уход за животными», верно?

Вам необходимо изменить логотип css из Style.css файл.

  .logo { плыть налево; маржа сверху: -13 пикселей; / * нижнее поле: -13px; * / положение: относительное; верх: -10 пикселей; }  

wp-admin> Login> Dashboard> Appearance> Editor> Style.css> (Найдите .logo в css и замените css новым css, как указано выше.)
Примечание. Скопируйте и вставьте старый логотип css и вставьте этот новый CSS, как указано выше.

Я надеюсь, что это поможет вам здесь, дайте нам знать, если у вас есть какие-либо вопросы.

Удачного кодирования!

  • Этот ответ был изменен 2 года, 7 месяцев назад пользователем Afsana.

Успех! Большое спасибо Афсане. Очень понятные для идиотов инструкции. Высоко оценен 🙂

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

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