В этом уроке мы приступаем к доводке дизайна, и здесь мы поменяем логотип Joomla-сайта.

Имейте в виду, что внешним видом сайта я занимаюсь, поставив перед собой цель продемонстрировать, как это делается, а не довести сайт до идеального внешнего вида. Хотя сайт, на мой взгляд, определенно станет лучше:)

Чтобы придать некоторую индивидуальность сайту, я хочу для начала сменить логотип. Так как вместо хоть какого-то логотипа мы имеем просто текст, то при помощи этого самого текста мы и будем искать место, где этот самый логотип вставляется в тело страницы. Открываем исходный HTML-код страницы.

На вашем браузере просмотр исходного кода может отличаться. Далее при помощи поиска находим кусок кода с текстом логотипа.

Видим, что он находится внутри тега DIV со значением параметра id = “logo”. Запоминаем название этого индентификатора и движемся внутрь нашего шаблона. Для этого я иду в папку сайта, там нахожу папку TEMPLATES, в которой находятся файлы шаблонов, и там открываю для редактирования файл INDEX.PHP (итого, весь путь на локальном хостинге X:homelocalhostwwwsitetemplatessiteground-j15-42index.php). Далее, в открытом файле с помощью опять же поиска ищем текст LOGO.

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

Сохраняю ее с помощью пункта СОХРАНИТЬ ДЛЯ WEB И УСТРОЙСТВ прямо в папку с картинками на сайте, то есть в X:homelocalhostwwwsiteimages под названием LOGO.PNG. Теперь вернемся к коду. Как мы видим, в виде ссылке (то есть между тегами <a href=»/index.php»> и </a>) выводится строка с php-кодом. Смело ее удаляем.

И на ее место (то есть между все теми же тегами <a href=»/index.php»> и </a>), прописываем строчку вставки изображения <img src=»/images/logo.png» width=»300″ height=»220″ />.

Сохраняем файл. И отправляемся на сайт проверять.

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