ВозможностиВОЗМОЖНОСТИ

image

Нужная информация

Здесь вы найдете только полезную информацию без воды.
 
image

Бесплатно

Все уроки, рекомендации и советы абсолютно бесплатны.

Выбор хостинга

46 уроков

SEO блог

Создание сайта на Joomla 3.x

Урок 11: как установить новый шаблон? Основные настройки шаблона Joomla

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

Стандартные шаблоны Joomla 3.x

Давайте зайдем в админпанель нашего сайта, перейдем на закладку «Расширения» и выберем «Менеджер шаблонов» => Стили. По умолчанию в Joomla уже установлено три шаблона. В колонке «По умолчанию» стоит желтая звездочка напротив того шаблона, который сейчас используется на нашем сайте. Если перейти на вкладку Шаблоны, то можно увидеть их в миниатюре, а также их настройки.

Давайте на вкладке Стили изменим наш нынешний шаблон «protostar» на шаблон «Beez3». Для этого нажимаем на белую звездочку напротив «Beez3».

Теперь обновим страницу нашего сайта, после чего он должен выглядеть вот так:

Некоторые модули у нас отображаются не в том месте, где отображались на предыдущем шаблоне. Это связано с тем, что каждый модуль обладает своими собственными позициями для модулей. Вы можете добавить к адресу сайта сейчас «?tp=1» и убедиться в этом. Поэтому при смене шаблона можно всегда обнаружить, что многие модули либо вообще не отображаются, либо отображаются некорректно.  Однако не стоит отчаиваться, все это довольно легко исправляется.

Давайте вернем наш предыдущий шаблон, поставив желтую звездочку напротив «protostar». Чтобы посмотреть настройки шаблона необходимо кликнуть по его названию на вкладке Стили в менеджере шаблонов. Сейчас так и сделаем. Перед вами открылось вот такое окно:

Практически у всех шаблонов есть форма «Дополнительные параметры», которая позволяет настраивать различные функции конкретно в данном шаблоне. Такая форма у разных шаблонов может отличаться в виду уникальных особенностей каждого из них. Нажимаем кнопку Закрыть.

Теперь перейдем на вкладку Шаблоны. Кнопка «Предварительный просмотр» аналогична добавлению к адресу комбинации «?tp=1», так как с ее помощью можно посмотреть позиции модулей для данного шаблона. На вкладке Параметры Protostar (когда у вас будет другой шаблон, то, естественно, эта кнопка будет называться Параметры Ваш_шаблон) можно отредактировать HTML и CSS код шаблона. Эти настройки предназначены для тех, кто, обладая знаниями в HTML и CSS, желает что-то изменить или подкорректировать в коде шаблона.

Где взять и как установить нестандартный шаблон Joomla 3.x?

Теперь давайте разберемся, как установить новый шаблон (помимо стандартных). Сделать это можно таким же образом, как и установка обычного расширения, т.е. переходим на вкладку «Расширения» и выбираем «Установить/Удалить». Также вы можете напрямую закачивать шаблон в папку с вашим сайтом. Для этого необходимо перейти на диск «Z», папка «home», папка «sitetest», папка «www», папка «templates». Именно здесь хранятся все закачанные на сайт шаблоны. Каждый шаблон состоит из файлов CSS, HTML, вспомогательных файлов и картинок.

Сейчас мы с вами установим новый шаблон на наш сайт. Как найти шаблоны Joomla? Да очень просто – вводим в поисковой системе, например, «шаблоны joomla 3 бесплатно» и перед вами откроется список сайтов, содержащих тысячи уникальных шаблонов на разные тематики и для разных нужд. Обычно для каждого шаблона можно посмотреть демо (как он выглядит). Скачиваете выбранный шаблон, он будет у вас в виде заархивированного файла.

Лучше всего использовать сайт joomfans.com или template-joomla.ru. Для примера у меня уже есть необходимый шаблон. Предлагаю для лучшего восприятия информации скачать именно его. Внутри архива вы увидите еще два архива: gk_publisher_J!30.zip и gk_publisher_quickstart_J!30.zip. Сейчас нам понадобится первый. Поэтому скопируйте этот архив gk_publisher_J!30.zip отдельно к себе на рабочий стол. Кстати, выглядит он с демо-данными вот так (только верхняя часть):

После этого закачиваем его на наш сайт первым способом, т.е. переходим в «Расширения» = Менеджер расширений => Установить. Нажимаем кнопку «Обзор» и выбираем скачанный архив с шаблоном «gk_publisher_J!30.zip», нажимаем Загрузить и установить.

После сообщения об успешной установке шаблона переходим в «Расширения» => Менеджер шаблонов => Стили и нажимаем на белую звездочку напротив нового шаблона под названием «gk_publisher».

Обновляем страницу на нашем сайте и вот, что мы видим:

Наше главное меню разместилось теперь в самом верху, все модули, расположенные справа в старом шаблоне, в этом шаблоне исчезли. Это значит, что в новом шаблоне несколько другие позиции для модулей, о чем я уже ранее говорил. Давайте к адресу сайта добавим хвостик «/?tp=1» и посмотрим позиции нового шаблона. Как видим, для отображения модулей справа нам необходимо использовать позицию sidebar.

Давайте теперь уберем хвостик «?tp=1». На этом урок 11 завершается, а в следующем уроке мы с вами подкорректируем данный шаблон под наш сайт и правильно отобразим наши модули.

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

Рекомендуется

  • Хостинг - домен бесплатно
  • Купить статьи для сайта
  • Купить-продать ссылки
  • Купить-продать вечные ссылки