Установка лого (логотипа) на сайт под управлением Joomla

Логотип – немаловажная штука для сайта, и в данном уроке мы узнаем, как установить логотип на сайт под управлением cms Joomla.

Для начала нужно создать логотип, т.е. нарисовать его, создать в фотошопе или ином графическом редакторе. Если денег много – можете заказать у дизайнера. Логотип должен иметь расширение .png. Итак, приступим.

Установка логотипа на сайт, работающий на Joomla:

  • Заходим в панель управления хостингом в папку: «Ваш сайт»/www/images/stories и копируете сюда заранее приготовленный Вами логотип.
  • Далее переходите в Админцентр > Расширения > Модуль. В правом верхнем углу нажимаете на кнопочку «Новый» и из списка выбираете «Собственный HTML». Этот модуль позволяет создавать модули с собственным HTML-кодом, используя визуальный редактор. Итак, выбрали «Собственный HTML», теперь нажимаете на кнопочку «Следующая»
  • Настройки модуля:
    «Заголовок» – Логотип
    «Отображать заголовок» – Нет
    «Включен» – Да
    «Положение» – logo
  • Опуская «бегунок», пролистываете ниже:
    Здесь есть поле HTML-редактора, под название «Код модуля». Здесь мы и будем «творить» наше лого. А для этого ниже поля «Код модуля» нажимаете на кнопочку «Изображение», и в загрузившемся списке картинок выбираете свой логотип. Вставляете.
  • Кроме того, необходимо, чтобы при нажатии на ваш логотип, посетители возвращались на главную страницу. Для этого выделяете вставленное изображение, нажав на него левой кнопкой мыши, и на панели инструментов выбираете соответствующий значок.
    В открывшемся окне в поле «URL ссылки» вставляете адрес главной страницы вашего сайта, предварительно скопировав его из адресной строки. После этого, нажимаете «Вставить». Вот теперь сохраняете модуль.
  • Далее переходите на свой сайт, обновляете его и видите логотип в верхней части Вашего сайта.
Понравилась статья? Поделиться с друзьями:
Работа
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: