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

Немогу понять какими тегами пользоваться и вообще незнаю как вставить Logo на сайт. Подскажите, а то я уже весь инет перекопал!

Логотип по центру усложняет навигацию

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

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

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

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

Сегодня мы узнаем, как установить логотип на WordPress — сайт

На днях потратила несколько часов на решение такой задачи. И самое смешное то, что задача-то элементарная, и я это уже делала раньше.

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

Итак, задача состоит из трех элементарных действий:

  1. Загрузить картинку с логотипом на хостинг.
  2. Поставить эту картинку в шапку сайта и сделать ее кликабельной.
  3. Расположить логотип так, как нужно.

И – самый главный пункт: сделать все это так, чтобы не нарушить работоспособности сайта!

Выполняем задачу, устанавливаем логотип:

  1. Загрузить картинку логотипа на хостинг.Если не знаете, как это сделать, почитайте мою статью: «Как загрузить файл на хостинг». Сейчас Вы будете загружать файл не в корень сайта, а в папку  images Вашей темы. Для этого на хостинге Вам нужно последовательно открыть папки:
    public_html  → wp-content → themes → папка с Вашей темой→ imagesОбъясню, как это сделать в файловом менеджере Filezilla.

    Открываете папки двойным щелчком в окне «Удаленный сайт». При этом в адресной строке Вы сразу видите, в какой папке в данный момент находитесь.

    В левой части окна Filezilla под заголовком «Локальный сайт» показывается содержимое Вашего компьютера. Найдите папку, в которой находится файл логотипа.

    Теперь у Вас друг напротив друга находятся содержимое папок: слева – откуда Вы будете загружать логотип, справа – куда загружать.

    Двойным щелчком щелкаете на названии файла слева, через несколько секунд файл появится в папке справа (если не появился, вернитесь на один уровень вверх и снова откройте эту же папку).

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

    1ahref=”Url Вашего сайта”>img title=”logo”alt=”logo”src=”/адрес папки, в которой находится картинка/logo.png”>a>

    Здесь:
    Url Вашего сайта  — адрес Вашего сайта,
    адрес папки, в которой находится картинка – его Вы можете скопировать в адресной строке под заголовком «Удаленный сайт» (см. скриншот) ,
    logo.png – название файла с логотипом (расширение .png и прозрачный фон картинки – обязательны для логотипа).

    За шапку сайта отвечает файл header.php, туда и будем вставлять этот код.

    Помните!!! Всегда, прежде чем что-то менять в файлах сайта, делайте их копию к себе на компьютер, иначе можете так изменить, что сайт вообще не будет работать.
    Создайте на компьютере временную эталонную папку и туда скачайте header.php.
    Создайте еще одну папку — рабочую, в которую будете сохранять измененные файлы.
    Редактировать файлы можно по-разному. Правильнее всего: скачать файл на компьютер (в рабочую папку), отредактировать его в каком-нибудь текстовом редакторе (например, Notepad++), сохранить в ту же рабочую папку и оттуда снова закачать на хостинг.

Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Добавить комментарий