Joomla 3: установка шаблона, пошаговая инструкция.

Рекомендую хостинг которым я пользуюсь

Hosting Ukraine
Установка шаблона на Joomla 3

В этой статье показана установка шаблона на Joomla 3 по шагам и с пояснительными иллюстрациями.

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

ШАГ 1.

На этом шаге предполагается что вы уже авторизировались в панели управления вашего сайта и находитесь на ее главной странице.
Теперь переходим в раздел "Менеджер расширений" так как шаблоны как и компоненты, плагины и модули это все считается расширениями. (рис. 1)

1-manager-shablonov

рис. 1

 

ШАГ 2.

В третьей версии Joomla существует целых три способа установки шаблонов, которые могут быть полезными в том или ином случае.
Первый из них это установка шаблона из ZIP-архива путем загрузки файла архива с локального компьютера (вкладка "Загрузить файл пакета"), с последующей его автоматической распаковкой непосредственно на сервере и установкой. (рис. 2)

2-ustanovka-shablona-iz-archiva

рис. 2

Второй способ установки шаблона, это установка по ссылке с удаленного сервера (вкладка "Установить из URL"). Может понадобиться вы храните ваши расширения в облаке. В этом случае просто указываете ссылку на нужный файл архива и жмете "Установить". (рис. 3)

4-ustanovka-shablona-s-udalennogo-servera

рис. 3

 

 

Третьим способом установки шаблона является его установка из папки TMP, которая находиться в корне вашего сайта (вкладка "Установить из каталога"). Для такого типа установки вам необходимо предварительно распаковать файлы вашего шаблона и залить их по FTP в эту папку, предварительно удалив из нее весь мусор (абсолютно все что могла остаться от прошлых установок).

Этот способ может понадобиться если первые два по каким то техническим причинам не сработали.

3-ustanovka-shablona-iz-papki-tmp

рис. 4

 

ШАГ 3.

Рассмотрим установку шаблоне на примере способа №1. Кликаем по кнопке "Выберите файл" и выбираем на локальном компьютере архив шаблона, который собираемся установить.
Далее жмем кнопку "Загрузить и установить" и наблюдаем процесс установки. (рис. 5)

6-vybiraem-fail-dlya-ustanovki

рис. 5

 

Если все прошло успешно, в результате получим сообщение, содержание которого показано на рисунке 6.

7-uspeh-ustanovki-shablona

рис. 6

 

ШАГ 4.

Следующим шагом мы должны включить установленный шаблон. Для этого переходим в менеджер шаблонов. (рис. 7)

8-opyat-perehodim-v-menedger-shablonov

рис. 7

 

На странице менеджера шаблонов по названию находим тот шаблон, который мы установили, и напротив его названия кликаем на звездочке. (рис. 8)

9-ustanovka-shablona-po-umolchaniyu

рис. 8

 

Когда шаблон будет задействован в системе как шаблон по умолчанию, мы получим следующее сообщение: "Стиль назначен используемым по умолчанию" (рис. 9)

Почему именно стиль? Если вы обратили внимание, при переходе на страницу "Менеджер шаблонов" мы изначально попадаем на вкладку "Стили", это видно в левой части страницы. Но так же присутствует и вкладка "Шаблоны".

На вкладке "Шаблоны" мы можем:

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

но это тема уже отдельного материала и непосредственного отношения к установке шаблона не имеет.

На вкладке "Стили" мы можем:

  • назначить стиль шаблона используемым по умолчанию (рис. 8)
  • дублировать и изменять в соответствии с нашими желаниями стили шаблонов (рис. 9)
  • привязывать стили шаблонов к нужным пунктам меню и прочее (рис. 11)

 

10-rezultat-ustanovki-shablona-po-umolchaniyu

рис. 9

Вы можете дублировать стили существующих шаблонов и прописывать для каждой копии свои CSS стили. Это может быть необходимо если, например главная страница вашего сайта немного отличается от внутренних страниц. (рис. 10)

Попасть на эту страницу можно кликнув на странице "Менеджер шаблонов" (рис. 9) по названию нужного стиля и выбрав вкладку "Custom CSS"

11-pravka-css-shablona

рис. 10

 

На рисунке ниже показана вкладка привязки стиля шаблона определенным пунктам меню. Вкладка "Привязка к меню"

12-privyazka-shablona-k-punktam-menu

рис. 11

 

Свою благодарность автору статьи вы можете выразить

просто кликнув в нужном месте на странице :)

Если возникли вопросы, пишите их в комментариях к статье, по возможности постараюсь ответить.

автор: Руслан Овчинников
Оценка: 1Оценка: 2Оценка: 3Оценка: 4Оценка: 5 (2 оценок, в среднем: 5,00 из 5)
Загрузка...