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

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

Пример логотипа, установленного на сайт.

logotip

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

Если у Вас есть навыки работы в программе Photoshop, то Вы без труда сможете нарисовать собственный уникальный логотип. Если таких навыков нет, то можно воспользоваться специальными онлайн-сервисами создания логотипов. Их поиск в Интернете не составит никаких проблем.

После создания логотипа сохраняем его изображение у себя на компьютере. Теперь нужно залить эту картинку на хостинг. Для этого нужно зайти на тот хостинг, которым Вы пользуетесь, перейти в файловый менеджер и найти папку /wp-content/themes/название вашей темы/images. В нее и загружаем созданное изображение логотипа.

Теперь пришло время установить логотип на сайт. Для этого в меню WordPress необходимо перейти в раздел «внешний вид», в котором выбрать пункт «настройки темы» с названием темы, установленной на Вашем сайте. В верхней части появившегося окна есть поле «изображение логотипа», в него и вставляем полный путь к залитой на хостинг картинке. Обязательно сохраняем изменения.

Однако не во всех темах есть поддержка логотипа. В таких случаях необходимо указать его наличие прямо в коде. Заходим в консоль, выбираем раздел «дизайн» и пункт «редактор». Здесь нужно выбрать пункт «Заголовок (header.php)».

Чтобы узнать, куда именно вставить логотип, нужно посмотреть имеющийся код. Ищите в нем следующие теги: div id=”logo”, div class=”header-title”, div id=”site-logo”, и другие, в которых название в кавычках можно примерно перевести как «логотип».

Сразу после этого тега, т.е. после символа > и необходимо ввести путь к изображению. Делается это с помощью тега <img src=””>. В кавычках и указывается полный путь к месту расположения файла логотипа на хостинге.

Вот так просто можно добавить свой оригинальный логотип для сайта и сделать его еще привлекательнее.

Развивайте и продвигайте свой сайт по нашей программе, став студентом нашего Тренинг-Центра.

Делитесь информацией с друзьями

10 комментариев

Оставить комментарий
  1. Спасибо Адель я еще сосем плохо врубаюсь в тонкие моменты сайтостроения а ваша статья заставила меня разобраться поглубже например что значит путь основной или относительный. ОЧЕНЬ ВАМ БЛАГОДАРЕН.

  2. Спасибо за статью! Многое узнал, вскоре установлю логотип на свой сайт.

  3. Как раз искала информацию на данную тему. Надо будет установить логотип на свой сайт.

  4. Адель Гадельшин

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

  5. Теперь понятно почему просматривая интернет одни сайты остаются в памяти а другие нет. Буду думать над логотипом.

  6. Марина Терентьева

    И я благодаря Аделю создала свой сайт! Даже не могла подумать, что это не так уж и трудно! Ура! Теперь можно делиться полезной информацией со всем миром!
    Огромное спасибо, Адель!

    1. Адель Гадельшин

      Желаю Вам успехов! Не останавливайтесь на достигнутом! Это начало пути!

    2. Большое спасибо за тему ! Весьма, кстати, нужная информация подвернулась. и курс по сайтостроению такой бодренький, полезный и применимый на практике оказался!

  7. Спасибо за статью. Очень хотелось создать свой логотип для сайта, но не знала как это сделать и как его установить. Ваша статья помогла мне в этом разобраться.

  8. Здравствуйте, меня зовут Игорь. Мне очень нравится этот тренинг. Я давно мечтал создать свой сайт, но не знал как. Когда я увидел этот сайт, решил попробовать. Уже стал понимать, как создается сайт. Спасибо Аделю.

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

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