Как изменить логотип в теме WordPress?
12.02.2021
По умолчанию любой сайт на WordPress имеет текстовый логотип. Он же является и ссылкой, ведущей на главную страницу. Смотрится такое решение скучно и банально, поэтому для многих владельцев сайта, как поменять логотип на WordPress – один из первых вопросов, возникающих сразу после создания площадки.
Как это сделать? Тут есть разные нюансы, поэтому рассмотрим их подробнее.
Меняем логотип в Вордпресс: пошаговая инструкция
Процедура смены логотипа в Вордпресс напрямую зависит от установленной темы. В каждом случае порядок действий может отличаться. Приведем несколько примеров, которые помогут лучше понять, как поменять логотип в WordPress в вашем случае.
Вариант первый:
- Зайдите в админку Вордпресс.
- Перейдите в разделы «Внешний вид» – «Заголовок».
- Откройте вкладку «Общие настройки».
- Выберите пункт «Логотип и фавикон».
- Щелкните на кнопку «Загрузить изображение» и укажите путь к нужной картинке.
- Сохраните изменения.
И логотип на сайте поменяется.
Вариант второй (подходит для темы Jannah):
- Зайдите в админку Вордпресс.
- Перейдите в разделы «Внешний вид» – «Настроить».
- Откройте вкладку «Свойства сайта».
- Нажмите кнопку «Выбрать логотип/иконку сайта» и укажите путь к нему.
- Сохраните изменения.
В других темах отличия начинаются с третьего пункта. Проще говоря, чтобы поменять логотип, заходите в административную панель WordPress и переходите в разделы «Внешний вид» – «Настроить». А дальше смотрите по ситуации.
Самый простой вариант – поочередно пройтись по основным пунктам, пока не найдете кнопку, с помощью которой можно залить собственный логотип для сайта. Затем обязательно сохраните изменения и обновите главную страницу веб-ресурса, чтобы увидеть конечный результат.
Меняем логотип в WordPress через FTP-клиент
Этот способ сложнее, но выручает в случаях, если первый вариант не подходит (не нашли, где меняется логотип и т.п.). В данном случае нужна любая FTP-программа – например, Filezilla.
Алгоритм действий следующий:
- Откройте программу Filezilla и введите данные от FTP-сервера.
- Найдите в теме папку, где хранятся все картинки (стандартный путь: название_сайта/wp-content/themes/название_темы/images). Как правило, здесь лежит логотип, шапка сайта, фон и пр.
- Найдите старый логотип и выгрузите его, чтобы узнать разрешение.
- Залейте в эту же папку новый логотип с аналогичным разрешением, форматом и названием.
В некоторых случаях разрешение делается больше или меньше. Формат тоже можно изменить (но проверяйте, насколько корректно логотип отображается на сайте).
Вопрос создания логотипа здесь не рассматривается, поскольку это отдельная тема. Подразумевается, что он уже есть (создан вами или сторонним дизайнером), и остается лишь залить его на FTP-сервер.
Что ж, теперь вы знаете, как изменить логотип в теме WordPress. Начните с первого способа, он проще. Если не получится – тогда решайте данную проблему через FTP-клиент.
Напоследок отметим, что логотип должен быть компактным и правильно оптимизированным (т.е. занимать минимум места). Ведь по сравнению с текстовым вариантом картинка больше грузит сайт, да и сама может прогружаться медленно. Во избежание этой проблемы достаточно обратиться к надежному хостеру и арендовать сервер недорого.
Понравилась статья? Расскажите о ней друзьям: 
Как поменять логотип на сайте
Видео инструкции:
Подробное описание статьи:
Рекомендуемый размер логотипа 159х50px
Заменить стандартный логотип на сайте можно несколькими способами — через редактирование файлов в папке с элементами или форму редактирования включаемой области.
Включаем режим правки.
В разделе администрирования заходим в Контент -> Структура сайта -> Файлы и папки -> папка сайта и следуем по этому пути: /bitrix/templates/dresscode/images
По умолчанию логотипом является файл logo.png. Переименовываем его.
Теперь нажимаем на кнопку «Загрузить файл» над табличной частью.
Нажимаем на «Добавить файл».
Выбираем заранее подготовленный логотип с тем же именем — logo.png.
После сброса кеша новый логотип виден на сайте.
Теперь вернем старый логотип обратно другим способом. Наведем курсор на область с логотипом и в появившемся меню выберем «Изменить область как PHP» в выпадающем меню рядом с «Изменить область».
В редактируемой области указано расположение изображения.
Старый логотип мы переименовали в «logo2», потому достаточно поменять лишь название.
Теперь снова наведем курсор на логотип, но на этот раз будем редактировать через «Изменить область».
Далее мы будем работать в режиме визуального редактора. Если включен текстовый режим, можно переключиться.
Выделяем логотип и приступаем к редактированию его свойств.
Через пункт «Источник изображения» загружаем картинку. В данном примере мы сделали это через медиабиблиотеку.
Сохраните изменения и сбросьте кеш.
Как изменить логотип в шапке
1 способ. Зайдите в административную часть, через структуру сайта откройте папку images, загрузите туда изображение с вашим логотипом 
Зайдите в публичную часть и включите Режим правки, наведите на логотип и нажмите Изменить логотип. 
В открывшемся окне выберите Режим редактирования исходного кода 
Замените имя старого файла на имя того изображения, которое вы загрузили в папку images.
Например, если вы загрузили изображение с название «logo.jpg», то строчка будет выглядеть так:
2 способ. Вы можете просто заменить старый файл логотипа в папке /images на новый.
Просто переименуйте имеющееся у вас изображение на bxready_logo.png, удалите старый файл и загрузите свой.
MegaMart: интернет магазин для больших продаж
Для логотипа вам нужно подготовить файл формата jpg или png. Желательно формата png, т.к. у него прозрачный фон.
Чаще всего размер логотипа не слишком большой. Вот несколько размеров логотипа для сайта.
Горизонтальная ориентация:
- 200 рх х 50 рх
- 250 рх х 150 рх
- 250 рх х 100 рх
- 350 рх х 75 рх
- 400 рх х 100 рх
- 160 рх х 160 рх
- 50 рх х 50 рх
На панели управления «Эрмитаж» включите режим правки.
Вы находитесь в вкладке «Сайт»
Замена логотипа в шапке сайта
Наведите курсор мыши на логотип, вы увидите всплывающую панель редактирования выделенной области. Нажмите на нее.
В открывшемся окне редактируемой области для удобства перейдите в «Визуальный режим»
Удалите дефолтный логотип.
Для загрузки своего логотипа, нажмите на иконку «Изображение».
Здесь вы сможете добавить свой логотип в Медиабиблиотеку. Нажмите на три точки в графе Источник изображения.
Если у вас еще нет созданной коллекции, нажмите Добавить коллекцию, введите название, укажите расположение.
Например, если вы выберете расположение «Верхний уровень», это значит что впоследствии папку с изображениями можно будет найти в вкладке «Администрирование» по пути Контент > Структура сайта > Медиабиблиотека > Изображения > Название вашей папки. Нажмите сохранить.
Добавьте изображение вашего логотипа в нужную коллекцию медиабиблиотеки.
В окне выбора коллекций, выделите нужную вам, нажмите Добавить элемент.
В окне Нового элемента нажмите «Обзор» и укажите путь, где находится подготовленное изображение логотипа, нажмите «Открыть», «Сохранить»
Убедитесь, что в окне выбора изображений выделено нужное вам и нажмите Выбрать > Сохранить > Сохранить
Логотип изменен.
Замена логотипа фиксированной шапки сайта
Проскрольте страницу вниз до появления плавающей шапки. Наведите курсор на логотип, дождитесь появления всплывающей панели и нажмите «Редактировать область как html»
В открывшемся окне редактирования удалите дефолтный логотип и загрузите новый также, как описано выше при смене логотипа шапки.