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

Если вы вот только установили Joomla на хостинг и приступили к настройке нового сайта, то в первую очередь следует позаботиться о создании оригинального внешнего вида (нужно найти и скачать шаблоны для Joomla). Правда, есть небольшая проблема: шаблонов для Joomla не так уж и много, как, к примеру, тем для WordPress; в случае с Joomla выбор шаблонов действительно выглядит скудным. Русифицированных шаблонов еще меньше, поэтому можно смело искать нужный дизайн на зарубежных ресурсах. Одними из таких выступают joomla24.com и mambohut.com

Если вы используете третью версию Joomla, то и искать шаблоны необходимо под нее (в крайнем случае, можно установить/натянуть шаблон, заточенный под версию 2.5).

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

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

Что входит в комплект шаблона

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

Если сказать как бы в общем, то стандартная комплектация выглядит примерно так:

файл templateDetails.xml, который необходим для инсталляции темы в админке;
index.php, имеющий в себе код шаблона;
params.ini, благодаря которому становится возможно сохранять пользовательские настройки;

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

images, в которых расположены все изображения шаблона;
css, в которой размещены таблицы стилей;
js, в которой хранятся файлы со сценариями JavaScript.

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

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

Установить/натянуть шаблон Джумла можно при помощи двух способов. Первый из них – штатная установка через систему, а второй – копирование файлов в папку templates. Мы рассмотрим оба варианта.

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

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

Второй способ подразумевает использование FTP-программы. Он используется, когда есть необходимость в массовой загрузке шаблонов, ну или же тогда, когда тема не хочет добавляться/удаляться стандартным способом. Итак, если вы скачали архив с шаблоном, то теперь вытаскиваем все содержимое архива и переносим его в любую папку (ее название должно быть прописано латинскими буквами). Запускаем FTP-клиент, открываем папку /templates на своем сайте и заливаем папку с шаблоном.

Для проверки загрузки шаблона, просто перезагрузите страницу.

Еще некоторые моменты

Если вы хотите сменить название вашего шаблона, то необходимо найти файл templateDetails.xml и открыть его в текстовом редакторе. Теперь нужно найти в файле теги название_шаблона, где вместо «название_шаблона» нужно прописать желаемое название (только латинскими буквами!).

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

Шаблоны для Joomla, как правило, попадают под лицензию Creative Commons, которая дает «зеленый свет» на копирование, переработку и распространение произведения, но только с указанием авторства. Некоторые разработчики размещают свое авторство в виде активной ссылки на сайт, но в некоторых шаблонах ничего нет. Удалять ссылку не рекомендуется, чтобы в дальнейшем не столкнуться с проблемами из-за нарушения авторских прав.

Установка шаблона 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 изменяя значения...

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

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

Прежде чем перейти к процессу установки необходимо найти подходящий дизайн. Я бы рекомендовал использовать шаблоны только из проверенных источников, таких как: официальный магазин от 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 можно заказать услугу по установке шаблона.

Всем привет!

Сегодняшний пост будет посвящен новичкам, и в нем я расскажу вам, как установить шаблон (тему) на wordpress ? Все прекрасно понимают, что стандартные шаблоны, которые по умолчанию идут вместе с «движком» wordpress, не блещут красотой и оригинальностью.

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

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

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

http:// www. goodwinpress. ru/ http:// blogstyle. ru/ http:// www. wptheme. us/ http:// wordpresse. ru/ http:// skinwp. ru/ http:// www. webblock. ru/ http:// wp- templates. ru/ http:// xtemplate. ru/

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

Как установить шаблон (тему) на wordpress

Установить шаблон на wordpress можно тремя различными способами, по крайней мере мне известны только три. Возможно, вы знаете и другие варианты установки? Буду вам благодарен, если поделитесь ими в комментариях к данному посту. И сейчас мы рассмотрим каждый из них более подробно. Итак, приступим.

1. Установка шаблона wordpress из административной панели ресурса

Для управления темами в административной панели ресурса перейдите во вкладку «Внешний вид/Темы», в которой вы сможете управлять, уже имеющимися шаблонами:

Или же, перейдя во вкладку «Установить темы», и подобрать более подходящий шаблон для своего ресурса:

Здесь вам предлагается на выбор три варианта:

1. Загрузить уже имеющуюся тему со своего ПК. Для этого нажмите ссылку «Загрузить», «Обзор», укажите путь до нее и нажмите «Установить»:

После загрузки вам предложат просмотреть, как она будет выглядеть, активировать ее или перейти на страницу «Внешний вид/Темы»:

2. Воспользоваться поиском по ключевому слову. Хотя вряд ли вам удастся полноценно им насладиться. Дело в том, что поиск, мягко говоря, отвратительный. Мне удалось найти несколько шаблонов только тогда, когда я ввел в поисковую строку запрос «SEO». Остальные ключевые слова, вводимые мной, полностью игнорировались.

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

3. Ну и последний пункт — воспользуйтесь фильтрами. Здесь вам предлагается подобрать шаблон соответствующий вашим требованиям по определенным особенностям. В принципе можно поиграться с фильтрами и найти подходящую тему для своего сайта. После того, как вы определитесь с выбором, вам просто нужно будет активировать шаблон и на этом установка его будет завершена.

2. Установка шаблона wordpress с помощью ftp — клиента filezilla

Этот и следующий способ не совсем востребованы, т.к. уступают в плане удобства, но все же я решил о них рассказать. Возможно, кому-нибудь когда-нибудь пригодится. Итак, как еще можно установить шаблон wordpress? Если кто из вас не знает, что такое filezilla и как с ним обращаться, . После его прочтения вам станет все понятно. Прочитали? Тогда можно продолжить.

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

И просто перетаскиваем шаблон курсором мышки со своего ПК в папку на сервере, которая называется themes, путь до папки: httpdocs или public_html (в зависимости от хостинга)/wp-content/themes. После чего, как сказано в первом способе установки, переходим в административную панель ресурса во вкладку «Внешний вид/Темы» и просто активируем ее. На этом установка темы wordpress закончена.

3. Установка шаблона при помощи панели управления хостингом

И сейчас я вам расскажу о последнем способе установки шаблона wordpress, через панель управления хостингом. Я пользуюсь услугами , поэтому буду показывать на ее примере. Итак, поехали. Для того что бы установить шаблон worpdress, он как и во втором случае должен быть заранее скачан на ПК. Только единственное отличие от второго варианта установки, его не нужно разархивировать.

После того, как тема скачана, переходим в панель управления хостингом все в ту же папку themes и нажимаем «Закачать файл»:

Указываем путь до архива с шаблоном и нажимаем «Закачать»:

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

После этого снова переходим в административную панель блога во вкладку «Внешний вид/Темы» и активируем ее. Все тема установлена.

На этом у меня все. Желаю всем удачи. Пока и до новых встреч!

Как вам статья? А какой способ установки предпочитаете вы? Жду ваших комментариев!

В данной статье даны ответы на часто задаваемые вопросы касательно работы с готовыми шаблонами Джумла. В качестве основного примера будет взята русскоязычная Joomla 3.4.3 (с уже добавленной возможностью «Установить из JED»), шаблон фронтальной части – RSEvento 1.0.28 (на русском языке), шаблон административной части сайта – isis 1.0.

Установка шаблона в Joomla не отличается от установки других расширений (компонентов, плагинов, модулей). В статье «Установка русификатора в Joomla 1.5 - 3.4 » данный процесс рассмотрен для Joomla 1.5, 2.5, 3.0, 3.2, 3.3 и 3.4. Рассмотрим его более детально.

Вернёмся к ISPmanager 4. Зайдите в панель управления со своим логином и паролем.

В разделе Инструменты , в левой панели, выберите Менеджер файлов и перейдите во временную папку Joomla. Путь к ней можно уточнить в административной панели управления Joomla в в строке «tmp_path».

В ISPmanager 4 при помощи кнопки Создать создайте папку с именем «shablon» (без кавычек). Имя может быть другим (рисунок ниже).

При помощи кнопки Закачать укажите файл шаблона на Вашем компьютере и загрузите его (рисунок ниже). Время зависит от скорости Вашего интернет соединения, размера файла шаблона и загрузки сервера, примерно, 1-3 минуты.

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

Если Вы знаете точный путь (URL-адрес) к файлу шаблона Joomla, например, на сервере его разработчика, можно указать его в поле URL установки на вкладке (рисунок ниже) и установить. Этот способ аналогичен способу , но не требует загрузки файла шаблона Вами на Ваш сервер и его распаковки (всё будет происходить автоматически).

Первая вкладка (рисунок ниже) позволяет произвести установку расширения на Ваш сайт из каталога расширений Joomla (JED – «каталог расширений Joomla», аббревиатура от английского «Joomla Extensions Directory»). На 05.09.2015 в каталоге не было шаблонов. Она нам не очень подходит.

Но если бы они были, найдя нужный шаблон, можно было нажать на его иконку и перейти к его непосредственной установке (рисунок ниже), как в примере с AcyMailing Starter .

Если расширение платное, как, например, RSForm Pro , можно перейти к его покупке (рисунок ниже).

Если Вы скопировали папку с файлами уже установленного шаблона Joomla , возможно, с другого Вашего сайта, в папку «templates», то можно попробовать установить его, перейдя в Расширения – Менеджер расширений – Поиск , нажав кнопку Найти (рисунок ниже).

Подождите около 2-х минут. После того, как нужный шаблон появился, отметьте его в таблице и нажмите кнопку Установить (рисунок ниже).

Обратите внимание, что в случае, когда для шаблона требуется установка дополнений (фреймворка, плагинов, модулей и так далее), их нужно устанавливать отдельно. Возможно, это то же получится при помощи «Поиск».

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

Что делать если не устанавливается шаблон

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

Пожалуйста, укажите каталог пакета. Может возникать при установке шаблона при помощи «Установить из каталога» и «Установить из URL».

Указан неверный адрес\путь к файлу\каталогу (папке\директории) шаблона – проверить правильность написания и существования всех папок.

Невозможно найти установочный пакет. Может возникать при установке шаблона любым из способов.