Как создать сайт. Урок №6. Установка шаблонов оформления. Как сменить дизайн сайта на Joomla.

Привет, дорогой друг. Ты находишься на сайте DelayZarabotok.ru. И в сегодняшнем уроке я научу тебя настраивать дизайн сайта на свой лад. Итак, перед нами стандартный шаблон Joomla.
В данный момент именно так выглядит наш сайт. На нем мы, конечно, ничего не будем делать – мы установим 2 шаблона, которые по-моему мнению являются самыми красивыми, многофункциональными и универсальными, подходят для сайтов любых тематик.

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

Если мои шаблоны Вам понравились, то Вы можете скачать их в конце поста.

А теперь приступим к установке шаблонов:

  1. Переходим в Админцентр > Расширения > Установка и удаление.
    Нажимаем кнопочку «Обзор» и сначала выбираем шаблон «
    yoo_level_1.5.0»
    (который Вы скачали ранее). Нажимаем кнопочку Закачать файл
    & Установить»
  2. Не будем пока установленный шаблон применять к своему сайт, а
    лучше установим сразу и второй шаблон – «
    yoo_waybeyond-1.5.8».
    Здесь алгоритм установки немного другой. Если устанавливать данный
    шаблон аналогично тому, как мы установили предыдущий, то у нас ничего не получится.
    Выдаст ошибку такого типа: КАРТИНКА ОШИБКИ УДАЛЕНА. 
    Вы спросите, почему? Дело в том, что
    данный шаблон «весит» чуть более 1Мб. А пользоваться стандартным установщиком
    через кнопку «Обзор» можно, только если файл
    меньше 1Мб. Итак,
    приступаем к изучению следующего метода установки шаблонов
    Joomla. В предыдущем методе мы пользовались кнопкой
    «Обзор», а теперь будем использовать «Установку из папки».
  3. Итак, заходим в Панель управления Вашим хостингом в раздел
    «Менеджер файлов» (на Вашем хостинге этот раздел может называться иначе).
    Проходим по адресу:
    www/«Ваш сайт»/tmp и сюда закачиваем архив с шаблоном «yoo_waybeyond-1.5.8».
    Не забываем разархивировать файл, то есть архив. После разархивации, сам
    архив можно удалить, дабы не засоряться разным мусором.
  4. Теперь переходим в браузере обратно в Админцентр > Расширения >
    Установка и удаление. Нажимаем на кнопку, которая указана на скриншоте: 
  5. В итоге, если Вы все сделали правильно, должно открыться окно
    примерно такого вида:

    Это говорит о том, что шаблон
    установлен успешно.
  6. После того, как Вы установили данный шаблон — «yoo_waybeyond«.
    Необходимо удалить из папки
    tmp
    установочные файлы. Зачем? А я уже говорил. Для того, чтобы на нашем сайте
    не было лишнего мусора.
  7. Удалили установочные файлы? Идем дальше. Теперь применим один из
    установленных шаблонов к нашему сайту. Для этого переходим в Админцентр >
    Расширения > Шаблоны. Перед нами откроется список существующих
    шаблонов, среди которых «
    yoo_level» и «yoo_waybeyond» — которые мы установили. Выделяем галочкой
    допустим шаблон «
    yoo_level». После того, как выделили, нажимаем на
    значок-желтую звездочку – «По умолчанию», в верхнем правом углу экрана.
    Аналогично, можно применить к нашему сайту шаблон «
    yoo_waybeyond».
  8. Еще один нюанс. Шаблоны, которые мы установили, можно
    редактировать. Сегодня я буду рассказывать Вам об этом на примере шаблона
    «
    yoo_level».
    Чтобы отредактировать шаблон, нужно не выделять его галочкой, а зайти в
    него самого. Вот только после этого справа вы увидите раздел «Настройки».
    Настраиваете шаблон
    так,  чтобы Вам нравилось – ведь это
    самое главное.
  9. Но это еще не все настройки. Если Вы заметили, то когда заходишь
    на Ваш сайт, его название на главной странице написано слишком большим
    шрифтом. Текст названия сайта необходимо уменьшить. Для этого переходим в
    Панель управления Вашим хостингом в «Менеджер файлов» по адресу:
    www/«Ваш
    сайт»/
    templates/ выбираем папку с шаблоном, который хотите
    изменить, в нашем случае – это
    yoo_level. Далее идем в папку «css» и открываем там файл под названием «reset.css».
    Пролистываем ниже и находим в документе вот такие строки:
     А
    теперь заменяем значения параграфа
    h1, h2, h3 значениями в 180%, 170%, 160% соответственно.

После того, как изменили документ – сохраняем его. Я думаю это идеальный размер шрифта для названия Вашего сайта.

На этом все. Установка и настройка шаблонов закончена.

Увидимся в следующем уроке №7.

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

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