Установка шаблона Joomla.

Как установить шаблон Joomla - устранение возможных проблем - 4.5 out of 5 based on 2 votes

Выбор, установка и настройка шаблона, является одним из самых важных этапов в создании сайта на Joomla.

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

Перед тем как мы приступим к рассмотрению способов и особенностей установки шаблона Joomla, я дам вам парочку советов.

#1. После того, как вы , удостоверьтесь, что в данном архиве находится именно шаблон, и он имеет все необходимое, чтобы произвести его установку. Для автоматической установки, необходимо, чтобы архив с шаблоном, имел расширение ZIP, а внутри его, обязательно были файлы:

templateDetails.xml - который содержит параметры для установки шаблона;

index.php - содержит всю структуру шаблона.

Кроме этого, убедитесь, что в архиве присутствуют папки:

css - содержит файлы стилей;

images - содержит изображения, используемые для шаблона.

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

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

Существует несколько способов установить шаблон Joomla.

Установка шаблона Joomla, при помощи стандартного инсталлятора Joomla.

Для установки шаблона при помощи инсталлятора, в административной панели Joomla выберите пункт: «Расширения» >> «Установить/Удалить». Затем, через кнопку «Обзор», найдите и выберите архив с темой, после чего нажмите на кнопку «Открыть».

Теперь нажмите на кнопку: «Загрузить файл & Установить» .

Если все нормально, то перед вами появится следующее сообщение:

Но это еще не все, теперь вам необходимо указать, что именно данный шаблон необходимо использовать для вашего сайта. Чтобы это сделать пройдите в пункт: «Расширения» >> «Менеджер шаблонов» и из списка представленных там шаблонов выберите тот, который необходимо использовать и нажмите на иконку «По умолчанию».

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

После этого вы можете зайти на сайт и посмотреть, как он выглядит.

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

Для этого создайте папку, с таким же именем, как и архив шаблона и распакуйте его в эту папку. После этого данную папку вам необходимо переместить в следующее место: папка_с_вашим_сайтом/templates. Если ваш сайт на локалке, то просто скопируйте папку, если на хостинге в интернет, то залейте папку по FTP.

После перемещения папки пройдите в административной панели Joomla в пункт: «Расширения» >> «Менеджер шаблонов» и назначьте данный шаблон по умолчанию.

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

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

Но здесь существует две проблемы, которые можно легко решить.

#1. Все студии, выпускающие такие шаблоны, являются зарубежными, поэтому в данном пакете, они предоставляют англоязычную версию Joomla. Решить эту проблему можно установкой русской локализации, для лицевой и административной панели Joomla. Получить локализацию, можно зайдя на joomlaportal.ru. Там, в правом сайтбаре, будудт ссылки на скачивание языковых пакетов.

#2. Вторая проблема заключается в том, что не всегда тема будет интегрированна в Joomla последней версии, особенно если шаблон был выпущен давно. Решить эту проблему, можно установив данную версию Joomla, а затем обновив ее до необходимой версии. Скачать пакеты обновлений можно на том же joomlaportal.ru.

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

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

Кто не знает, при помощи модулей в Joomla выводится большая часть информации. Есть модули, которые отображают меню, популярные материалы, дополнительные материалы, форму входа и т. д. Каждый, из данных модулей публикуется в определенной позиции. Поэтому, для того, чтобы настроить шаблон, вам необходимо узнать в каких местах располагаются и как называются позиции модулей. Посмотреть это можно добавив к основному адресу сайта следующее: ?tp=1, например: http://ваш_сайт.ru?tp=1 и нажав Enter. К примеру, применив это к стандартному шаблону Joomla, мы получим следующую картинку:

Еще один способ узнать расположение модулей это пройти в административной панели Joomla в пункт: «Расширения» >> «Менеджер шаблонов» кликнуть по необходимому шаблону из списка и нажать на иконку «Просмотр».

Все что находится до фигурных скобок, т. е. top, left, user3, user2 и т. д. и является позицией модуля, которую необходимо указать для каждого модуля.

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

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

В некоторых шаблонах, имеется возможность изменять различные параметры шаблона. Чтобы проверить, есть ли такая возможность в вашем шаблоне, пройдите в административной панели Joomla в пункт: «Расширения» >> «Менеджер шаблонов», выберите нужный шаблон и нажмите на иконку: «Изменить».

В результате, на загрузившейся странице, справа, будет отображаться блок: «Параметры» где могут быть, размещены различные настройки. Можете изменить данные настройки и посмотреть, как будет меняться вид вашего сайта. Часто при помощи таких настроек можно поменять ширину шаблона, цвет, шрифты, ширину отдельных блоков и решить определенные проблемы с отображением шаблона.

Установка шаблона joomla, вместо стандартных Beez3 и protostar, идущих в составе всех версий joomla (начиная с версии 1.5) это очень важное дело и к нему нужно подойти со всей ответственностью.

Поиск бесплатных шаблонов

Так как мы ищем бесплатные шаблоны для обучения, рекомендую искать, что то простое, это не должен быть так популярный одностраничник (лендинг пейдж - Landing Page). Такой шаблон для Joomla подходит для привлечения клиентов только на конкретный тип товара или услугу/комплекс услуг.

Возможно, в скором времени я изложу создание таких сайтов, но начинать нужно с блога. И шаблон будем искать соответствующий. В любом поисковике вбиваем фразу "шаблон Joomla 3 скачать" или "бесплатные шаблоны Joomla 3", находим сайт из первой пятерки по запросу, на сайте в разделе Шаблоны для Joomla 3 выбираем понравившийся и скачиваем, например, на рабочий стол.

Будьте осторожны, устанавливая шаблон Joomla или WordPress

Маленькое лирическое отступление: на днях скачал для сайта плагин для вывода связанных статей в виде списка под материалом, установил, настроил и заметил, что с моего сайта идут три открытые ссылки на абсолютно посторонние ресурсы, в анкорах ссылок, (а если вы не знаете что это такое, рекомендую посмотреть раздел Уроки HTML , там есть статья про гиперссылки), стоял текст про моду 2017, карбюраторы и тому подобное... Было установлено, какой плагин это делал, он был успешно прооперирован, удален участок кода, встраивающего в мой сайт ссылки, и теперь продолжает работать как новенький. Возможно, я переименую свой сайт Компьютерапия в Компьюхирургия))) Затем я нашел с какого сайта был этот плагин, наугад скачал еще один плагин и один шаблон для joomla 3 и в них был тот же код... В шаблонах и плагинах для WordPress то же самое... Одним словом если вы что то качаете бесплатно, это не значит что за это не придется рассчитываться... Если вы разбираетесь в html, java script, php то все равно нужно быть бдительным и проверять все, что устанавливаете... А лучше делать шаблон самому, в дальнейшем я планирую посвятить несколько статей и сделать видео на эту тему.

Но мы отвлеклись, шаблон скачали,

запустили наш Open Server или любой другой, перешли в админ панель сайта. Установка шаблона почти ничем не отличается от установки плагина, как установить плагин JCE в joomla читайте на сайте и смотрите видео на канале в YouTube . В меню Расширения > Менеджер расширений нажмем Установить,

выбираем вторую вкладку Загрузить файл пакета, нажмем на кнопку выберите файл,

у меня на рабочем столе архив с шаблоном,

клик по нему и на кнопку Загрузить и установить.

Шаблон успешно установлен!

поставим звездочку, чтоб установленный шаблон стал действующим по умолчанию,

и перейдем на наш сайт.

Вид сайта изменился, и текст теперь стал занимать больше места на странице,

так же поменялось оформление надписей. Я открыл одну статью про автомобили,

и в ней тоже применен стиль установленного шаблона.

Настройка шаблона Joomla

Затем в разделе Стили нажмем на название шаблона

и перейдем к его настройке, я отметил привязку к нашему меню,

которое мы еще не создали, и поигрался с параметром Style изменяя значения...

Результат вы можете сами видеть,

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

Итак, после того как вы установили на локальный сервер(к примеру на денвер) Joomla 3, необходимо грамотно установить шаблон. Откроем секрет: установка абсолютно проста. А вот сложность составляет подбор шаблона, который будет подходить не только по дизайну, но и по функционалу в целом. При этом перед началом поиска нужно получить все навыки по установке шаблона, чтобы сразу проверять найденный на пригодность в работе. Обычно вы скачиваете заархивированный шаблон. То есть выглядит он как на картинке ниже, следующим образом.

Новички совершают типичную ошибку – они устанавливают (точнее, пытаются установить) этот шаблон незамедлительно, и у них ничего не получается. Просто этот архив, словно матрешка, содержит в себе еще несколько, и поэтому нужно создать отдельную папку, куда вы и разархивируете его.

Теперь вы видите все архивы, которые содержались в одном большом. Стоит отметить, что их количество может быть абсолютно любым – на картинке ниже, например, их 4.

В первых двух архивах вы найдете шаблон с демонстрационными данными для версий joomla 2.5 и 3.1. Demo_package – это демо-пакет, а цифры после буквы j означают версию. Чистые шаблоны – последние два архива. Для 3 версии необходим архив, название которого заканчивается на j.31.

Посмотрите, какой у архива вес. Первые два архива имеют вес в 15 Мб приблизительно, поскольку содержат целый сайт. Последние 2 – по 1 Мб, то есть они чистые.

Необходимый для нас архив, содержащий нужный шаблон – последний. После этого нужно зайти в административную панель.

Установка шаблона Joomla на сайт

1. Зайдите в Менеджер расширений (вкладка Расширения).

3. Наконец, загрузите его и установите, кликнув на соответствующую кнопку.

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

4. Теперь вам необходимо его активировать, сделав его по умолчанию. В той же вкладке Расширения кликните на менеджер шаблонов.

5. Вы увидите перед собой шаблон, который только что установили. А сделать его по умолчанию очень просто – для этого предназначена звездочка напротив названия шаблона.

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

Надеемся, что после ознакомления с данной статьей никаких проблем по установке шаблонов у вас больше не возникнет. Действительно, ведь установка шаблонов – действие достаточно быстрое и простое. При этом, возможно, вам понадобится умение редактировать шаблоны.

Желаем вам успехов в администрировании сайтов!

Прежде чем перейти к процессу установки необходимо найти подходящий дизайн. Я бы рекомендовал использовать шаблоны только из проверенных источников, таких как: официальный магазин от uCoz или же на сайтах, которые специализируются на данном направлении.

В этом случае вы можете быть уверены в качестве шаблона и его работоспособности. Безусловно, можно нагуглить или использовать различные варезники - но очень часто на них попадаются рипы, нерабочие дизайны или еще хуже файлы с вирусами. Поэтому подойдите к вопросу выбора источника со всей серьезностью, так как от этого зависит не только успех проводимой операции, но и безопасность вашего сайта. В рамках этой статьи я буду устанавливать бесплатный шаблон DesktopChaos с uTemplate.pro.

Загрузка файла с шаблоном

Итак, загружаем архив с шаблоном:

Внутри архива находятся несколько вложенных папок:

папка с изображениями (images, img);
папка со скриптами (js);
папка со стилями (css);
папки с кодами Глобальных блоков, Информеров и т.д.

Также в архиве, как правило, присутствуют:

инструкция.txt (ReadMe.txt) - настоятельно рекомендую обязательно прочитать;
конструктор шаблонов.txt (tmpl.txt) - общий код каркаса;
таблица стилей.txt (css.txt, style.txt) - файл с набором стилей;
вид материалов.txt - содержит код вида материалов;
и др. текстовые файлы с кодами, которые нужны для полной установки шаблона.

Примечание: содержимое вашего архива может отличаться от моего шаблона (это зависит от типа, структуры, сложности шаблона и других факторов).

Делаем резервную копию текущего шаблона

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

Для этого - заходим в "Панель управления" своего сайта - "Дизайн" - "Резервное копирование шаблонов":

Нажимаем в правом верхнем углу кнопку "Создать резервную копию", после чего вы увидите появившийся резервный архив с вашим текущим шаблоном вида "1372338464.zip" с датой создания в скобках:

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

Пошаговая инструкция по установке шаблона на uCoz:

Установка шаблона делается согласно той инструкции, которая находится внутри вашего архива с шаблоном . Как я уже говорил в рамках этой статьи я буду показывать установку шаблона DesktopChaos .

Шаг-1.

Загружаем папку с изображениями images к себе на сервер. Это можно сделать двумя способами.

Первый способ - через FTP-клиент, например, FileZilla. Скачиваем и устанавливаем программу: http://filezilla.ru/get/ .

После этого, на главной странице Панели Управления жмем и задаем новый пароль:

После этого открываем ftp-менеджер FileZilla, в самом верху вводим Хост, Имя пользователя и Пароль, нажимаем "Быстрое соединение":

В левой части менеджера находим папку с картинками своего шаблона, жмем на ней правой кнопкой мышки, в появившемся меню нажимаем "Закачать на сервер". Готово. Теперь картинки находятся на нашем сервере.

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

Второй способ - загрузка изображений через Файловый менеджер . Переходим на главную страницу ПУ и нажимаем на "Файловый менеджер":

В право верхнем углу жмем Создать папку, вводим название images и нажимаем Enter:

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

Таким образом закачиваем на сервер все картинки из папки images.

Шаг-2.

Устанавливаем (если нужно) значение тега . Заходим в "ПУ (Панель Управления)" - "Настройки" - "Общие настройки" и в соответствующее поле вставляем код:

Шаг-3.

Устанавливаем Таблицу стилей. Для этого, находим в архиве файл "Таблица стилей.txt", открываем и копируем из него весь код (Ctrl+A, Ctrl+C) и вставляем его вместо старого кода в "ПУ" - "Дизайн" - "Управление дизайном (CSS)" - "Таблица стилей (CSS)":

Шаг-4.

Устанавливаем код из файла "Конструктор шаблонов". Открываем файл из архива "Конструктор шаблонов.txt", копируем все содержимое и вставляем его в "ПУ" - "Дизайн" - "Конструктор шаблонов", нажимаем кнопку "Создать шаблоны":

Шаг-5.

Теперь, аналогичным образом переносим содержимое файла "Вид материалов.txt" в вид материалов модулей: "Новости сайта", "Блог", "Каталог файлов", "Каталог статей". Идем в "ПУ" - "Дизайн" - "Управление дизайном (шаблоны)":

Код из файла "Вид комментраиев.txt” аналогично копируем в "Комментарии" - "Вид комментариев".

Шаг-6.

Создаем Глобальный блок. Переходим в "ПУ" - "Дизайн" - "Управление дизайном (шаблоны)" - "Глобальные блоки":

В правом верхнем углу жмем "Добавить блок", в появившемся поле пишем названия блока INFO и нажимаем "Добавить":

Находим в архиве папку "Глобальные блоки" и открываем файл "INFO.txt", копируем содержимое файла и вставляем в только что созданный глобальный блок INFO, сохраняем:

Шаг-7.

Устанавливаем необходимые значения:

Название информера: Последние новости;
Раздел: Новости сайта (либо "Блог", либо "Каталог файлов", либо "Каталог статей");
Тип данных: Материалы;
Способ сортировки: Дата добавления материала D;
Количество материалов: 5;
Количество колонок: 1.

Жмем "Создать".

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

Код данного информера $MYINF_1$ вставляем в созданный нами ранее глобальный блок INFO .

Информер для форума создается похожим образом.

На этом установка шаблона DesktopChaos завершена.

К стати, если вы так и не разобрались с установкой нового шаблона на свой сайт, то в официальном магазине uTemplate.pro можно заказать услугу по установке шаблона.

В данном небольшом материале мы расскажем вам о том, как установить шаблон на Joomla сайт.

Существуют два типа установочного пакета, быстрый старт и инсталятор, рассмотрим оба способа.

Быстрый старт, установка шаблона вручную на Joomla 3 при помощи quickstart

Позволяет за считанные минуты развернуть сайт подобный демонстрационному. Очень удобное решение, новичкам рекомендуем использовать именно его. Обычно быстрый старт идет в архиве, и в названии файла мелькает " quickstart".

Если у вас быстрый интернет вы можете разархивировать быстрый старт и залить содержимое в папку на сервере www, если медленный, то этот процесс может длиться очень долго. Но, есть небольшое решение.

Практически у всех хостингов есть функция распаковки архивов, она позволяет распаковать архив быстрого старта на сервере. Закачайте архив в папку www, и через панель хостинга разархивируйте. Поступив таким образом, вы значительно сэкономите время.

Как закачаете, откройте сайт в браузере. Если появилась страничка установки cms Joomla значит все сделано правильно.

Введите данные и продолжите установку нажатием "Далее". На данном этапе необходимо создать базу данных в панели хостинга. Вам потребуется имя сервера базы данных, имя базы и пользователя, пароль. Введите данные и продолжите установку.

На следующем этапе вам предложат проверить введенные данные и удалить директорию installation, подтвердите. Установка завершена.

Инсталятор

Данный вариант подойдет если у вас уже установлена Joomla. В административной части joomla п ерейдите в раздел "Менеджер расширений", воспользуйтесь кнопкой "Выбрать файл" и выберите установочный пакет, нажмите "Загрузить и установить". В менеджере шаблонов установите галочку на установленном шаблоне и воспользуйтесь кнопкой "По умолчанию". На этом этапе установка завершена. Если у вас возникает ошибка при установке шаблона, пишите ниже с радость вам поможем.