Имеют весь необходимый функционал для сайта, но было бы странным, если все сайты Joomla имели одинаковый внешний вид. Да и шаблон сайта определяет не только внешний вид сайта, но и его структуру.
Установка и удаление шаблона на Joomla3.X практически не отличается от установки и удалении расширений Joomla другого типа. Однако при работе с шаблонами Joomla есть некоторые особенности, о которых вы узнаете из этой статьи.
Шаблон Joomla это расширение, которое определяет внешний вид Вашего сайта или его административной панели .
Есть два типа шаблонов: Front-end Templates(шаблон сайта) and Back-end Templates (шаблон административной панели). По умолчанию, дистрибутив Joomla укомплектован 2-мя шаблонами административной панели, под названьями Isis, Hathor и 2-мя шаблонами гостевой части сайта (Beez3 и protostar).После установки Joomla3.X шаблоны по-умолчанию, видны в Менеджере шаблонов. Менять шаблон административной панели, особого смысла нет, а вот шаблон самого сайта, который видят ваши посетители, обычно меняют.
Шаблоны для Jomla3.X не являются дефицитом. Любой поисковик выдаст вам большое количество компаний распространиящих или продающих шаблоны Joomla. Будем считать, что вы нашли нужный Вам шаблон и готовы его установить на Joomla3. Начать нужно с проверки скачанного архива с шаблоном.
Проверка скачанного шаблона
Прежде всего, распакуйте скачанный шаблон и найдите в архиве сам шаблон. Производители шаблонов кроме самого шаблона для Joomla3 запаковывают шаблоны для Joomla 2.5, свои плагины, Quik Start Joomla и другие расширения своего, и не только, производства.
Далее распакуйте архив самого шаблона. Проверьте наличие в архиве с шаблоном установочного файла формата XML . Обычно, его название templateDetals . В зависимости от того, есть в архиве шаблона установочный файл XML или нет, вы должны выбрать из двух, приведенных ниже, типов установки шаблона.
Установка шаблона с установочным файлом XML
Если в шаблоне есть установочный файл XML, то установить шаблон нужно следующим образом.
В административной панели сайта, откройте вкладку верхнего меню Расширения → Менеджер расширений → Установка либо на главной странице Панели управления, меню EXTENSIONS(Расширения).
Вход в Менеджер шаблонов Joomla 3.2 несколько отличается.
Из трех способов установки расширений выберите первый: Загрузить файл пакета ;
Кнопкой «Выберите файл», выберите ZIP архив шаблона у себя на компьютере;
Нажмите синюю кнопку «Загрузить и Установить»;
Удачная установка проинформируется Joomla зеленой информационной строкой, неудачная установка, а также предупреждения будут проинформированы строкой выделенной розовым цветом.
Примечание. Многие шаблоны для Joomla3 устанавливаются и работают только вместе со своими фреймворком (Fraemwork).
Фреймворк это расширение типа системный плагин и активируется он во вкладке: Расширения → Менеджер плагинов. Если фреймворк не входит в пакет палгина, его нужно установить отдельно, как расширение типа плагин, и только потом активировать в Менеджере плагинов (подробно читать ).
Управление шаблонами Joomla3
Управление шаблонами Joomla3 осуществляется во вкладке Расширения → Менеджер шаблонов. Здесь вы увидите список всех шаблонов. В столбце область применения шаблона вы видите, где шаблон применяется. Это «Панель управления» или «Сайт».
Из всего списка шаблонов один шаблон, обязательно, должен быть назначен шаблоном по умолчанию. Этот шаблон и определяет внешний вид вашего сайта.
Как назначить шаблон главным (по умолчанию)
Чтобы назначить шаблон, шаблоном по умолчанию, нужно сделать две операции:
- Нажать на звезду в строке с именем шаблона или выделить чекбокс шаблона и нажать вверху кнопку «По умолчанию».
- Открыть шаблон для настроек (кликнуть по его названию) и в пункте настроек «Привязка к меню» («Assignments») привязать к шаблону все меню сайта.
Шаблон, назначенный главным, должен быть помечен желтой звездой и зеленой галочкой.
Шаблон, назначенный по умолчанию удалить нельзя.
Удаление шаблона
Я никогда не оставляю несколько шаблонов на сайте. Достаточно одного шаблона по умолчанию для сайта и одного для административной панели. Лишние шаблоны можно удалить.
Для удаления шаблонов Joomla3, нужно войти во вкладку Расширения → Менеджер расширений → Управление .
- В поле фильтра вверху, выбираете «Тип» Шаблон. Теперь в таблице расширений Вы видите все шаблоны, установленные на сайт;
- Можно шаблон не удалять, а ограничиться отключением шаблона (кнопка «Отключить»).
- Для удаления шаблона служит кнопка «Деинсталлировать».
Второй вариант удаления шаблона
Вы также можете удалить не главный шаблон Joomla3 из каталога сайта по FTP. Для этого открываете папку templates и удаляете папку с именем вашего шаблона. После этого опять войдите в административную панель сайта во вкладку Расширения → Менеджер расширений →Управление и обновите кэш (кнопка «Обновить кэш») . Если этого будет недостаточно, удалите следы удаленного шаблона кнопкой «Деинсталлировать».
Внимание: Вы не сможете удалить шаблон назначенный шаблоном по умолчанию. Все объекты, назначенные по умолчанию, Joomla блокирует от удаления.
Установка шаблона без установочного файла XML
Вернемся к установке шаблона. Бывают случаи, что понравившейся шаблон не содержит установочный файл XML. Для установки такого шаблона нужно воспользоваться вторым вариантом установки расширения Joomla3 под названием «Установить из каталога» .
Если коротко, то распаковывайте архив шаблона на компьютере, по FTP закачивайте все файлы и папки шаблона в папку tmp каталога сайта, в административной панели в менеджере расширений нажимаете синюю кнопку «Установить» во вкладке «Установить из каталога».
Если у Вас на сайте в файле configuration.php правильно указан путь до папки tmp (path_tmp), то установка должна пройти успешно. Более подробно об этом варианте установки шаблона без установочного файла XML читайте ТУТ.
Можно установить шаблон из стороннего хранилища по URL пакета шаблона. Правда этот способ установки не всегда работает.
На этом тема Установка и удаление шаблона на Joomla3.X закончена.
После установки Joomla на виртуальный или локальный сервер, перед начинающим администратором встанет вопрос: где загрузить и как затем установить шаблон?
В данном материале мы рассмотрим, как можно установить шаблон Joomla и какие существуют варианты установки.
Также приведем несколько примеров проблем и их решения, которые часто появляются во время установки.
Итак, установить шаблон Joomla можно двумя способами:
- при помощи встроенного установщика Joomla «Менеджер расширений»;
- путем копирования файлов шаблона в папку «templates» по FTP.
Первый способ предполагает установку через «Панель Управления»; необходимо сначала найти, скачать, а затем устанавливать файл шаблона темы в формате.zip или.tar.gz. Для начала, перейдите по ссылке ваш_сайт.ру/администратор. После открытия нового окна нажимайте на «Расширения» и переходите в «Менеджер расширений».
В этом разделе можно устанавливать не только шаблоны, но и плагины, модули, компоненты, языковые пакеты. Если вы ранее включали функцию «Установить из JED», то вам будет доступно три-четыре опции:
- загрузить файл пакета (необходимо указать путь к файлу, который расположен на вашем компьютере);
- добавить из каталога (необходимо указать путь, по которому расположен шаблон на веб-хостинге);
- добавить из URL (введите ссылку, благодаря которой можно загрузить файл шаблона).
Установка шаблона с компьютера
Собственно первый вариант подразумевает, что необходимо загрузить архив с вашего компьютера (если шаблон будет в архиве, то он автоматически распакуется); второй вариант подразумевает, что вам необходимо самостоятельно распаковать архив с шаблоном и переместить файлы/папки темы на свой сервер; третий вариант подразумевает, что сервер должен быть настроен должным образом, чтобы эта функция загрузки по ссылке работала.
Наиболее предпочтителен первый вариант – загрузка шаблона с вашего компьютера. Если устанавливаемый вами архив не содержит никаких ошибок, то в этом случае шаблон будет успешно установлен. Чтобы проверить его работоспособность после установки он должен появиться в списке, и его можно назначить по умолчанию.
https://www.youtube.com/watch?v=vSdqjbuYW88
Установка по FTP (распаковка шаблона в папку)
Шаблоны в Joomla 3.x могут быть поставлены и через FTP, но только уже в распакованном виде. Чтобы это сделать, вам необходимо распаковать шаблон на своем компьютере и залить его на сервер; при этом важно подчеркнуть, что все файлы/папки должны находиться в директории, которая отображает название шаблона (если архив называется, к примеру, template, то и папка со всеми директориями и файлами должна называться аналогично). Какое программное обеспечение для заливки по FTP вам использовать, дело ваше. Можем посоветовать, к примеру, Total Commander. Главное заключается в том, что загружать вам необходимо все файлы и папки соответствующий каталог: /path_to_joomla/templates/
Заметим, что этот метод загрузки используется преимущественно в случаях, когда у вас не выходит поставить шаблон из-за ограничений на сервере, когда вы хотите загрузить несколько шаблонов сразу или когда же вы создали шаблон самостоятельно. После успешной закачки файлов на сервер, необходимо перейти в «Менеджер расширений», перейти в «Поиск» и нажать мышкой на кнопку «Найти». После этого система постарается обнаружить все загруженные, но еще не установленные расширения и шаблоны, которые присутствуют на сервере. Теперь проставьте флажок слева от шаблона и нажмите на кнопку «Установить».
После этого в «Менеджере шаблонов» появится загруженный шаблон, а вам остается лишь назначить его по умолчанию. Кстати, не стоит использовать FTP для установки компонентов, плагинов, модулей, особенно если вы еще совсем «зеленый» администратор. Это связано с тем, что многие расширения для корректной работы требуют базу данных, а таблицы этих расширений придется включать вручную, если вы используете вариант загрузки по FTP.
В данном небольшом материале мы расскажем вам о том, как установить шаблон на Joomla сайт.
Существуют два типа установочного пакета, быстрый старт и инсталятор, рассмотрим оба способа.
Быстрый старт, установка шаблона вручную на Joomla 3 при помощи quickstart
Позволяет за считанные минуты развернуть сайт подобный демонстрационному. Очень удобное решение, новичкам рекомендуем использовать именно его. Обычно быстрый старт идет в архиве, и в названии файла мелькает " quickstart".
Если у вас быстрый интернет вы можете разархивировать быстрый старт и залить содержимое в папку на сервере www, если медленный, то этот процесс может длиться очень долго. Но, есть небольшое решение.
Практически у всех хостингов есть функция распаковки архивов, она позволяет распаковать архив быстрого старта на сервере. Закачайте архив в папку www, и через панель хостинга разархивируйте. Поступив таким образом, вы значительно сэкономите время.
Как закачаете, откройте сайт в браузере. Если появилась страничка установки cms Joomla значит все сделано правильно.
Введите данные и продолжите установку нажатием "Далее". На данном этапе необходимо создать базу данных в панели хостинга. Вам потребуется имя сервера базы данных, имя базы и пользователя, пароль. Введите данные и продолжите установку.
На следующем этапе вам предложат проверить введенные данные и удалить директорию installation, подтвердите. Установка завершена.
Инсталятор
Данный вариант подойдет если у вас уже установлена Joomla. В административной части joomla п ерейдите в раздел "Менеджер расширений", воспользуйтесь кнопкой "Выбрать файл" и выберите установочный пакет, нажмите "Загрузить и установить". В менеджере шаблонов установите галочку на установленном шаблоне и воспользуйтесь кнопкой "По умолчанию". На этом этапе установка завершена. Если у вас возникает ошибка при установке шаблона, пишите ниже с радость вам поможем.
Прежде чем перейти к процессу установки необходимо найти подходящий дизайн. Я бы рекомендовал использовать шаблоны только из проверенных источников, таких как: официальный магазин от 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, вместо стандартных 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 изменяя значения...
Результат вы можете сами видеть,
последний тип для созданий с другой планеты... Цвет шрифта нужно настраивать, иначе ничего не видно. Я вернул стиль по умолчанию, с ним в дальнейшем и будем иметь дело. Немало важный плюс данного шаблона, это его оптимизация для мобильных устройств, проверить это легко -
