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

В данное время создано огромное количество различных шаблонов для CMS Joomla, которые доступны как в платном, так и бесплатном вариантах, соответственно, перед тем как мы начнем изучение темы установка шаблона joomla 3. Вам необходимо скачать либо же купить необходимый для Вас шаблон, который будет установлен в систему. Так же Вы сможете создать шаблон самостоятельно, изучив курс Создание шаблона на Joomla.

Для данного урока я буду использовать бесплатный шаблон Master2 от компании Yootheme.

Шаблон представляет собой определенный набор файлов и каталогов, среди которых содержится файл с расширением.xml – это манифест файл, который содержит инструкции по установке шаблона. Соответственно если данного файла нет, значит, установка не будет выполнена. Для корректной установки, файловая структура должна быть упакована в архив формата.zip (архивы.rar не поддерживаются).

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

И нажимаем кнопку “Загрузить и установить”.

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

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

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

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

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

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

Хотите узнать, что необходимо для создания сайта?

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

Приветствую, вот мы и добрались до того момента когда пора устанавливать шаблон на свой сайт. В этом уроке мы разберёмся как установить свой шаблон на ucoz через специальную программу. Эта программа абсолютно бесплатна и очень проста в использовании.

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

Я уже коротко упоминал об этой программе в на сайт ucoz, даже есть видео в котором показываю как работать с это программой. Программа называется filezilla, и её можно скачать на сайте http://filezilla.ru/ .

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

Поиск шаблонов

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

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

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

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

Устанавливаем

Раскрыв скаченный архив, передо мной в папке появились тринадцать элементов, из них я нахожу файл с инструкцией, обычно это текстовый файл создан из блокнота. Такая инструкция в разных шаблонах может называться по разному, в моём случае это ReadMe_RUS.

Открываю начинаю изучать, первым делом там сказано что мне нужно загрузить папки на сайт через программу. В моём случаи это две папки img и js. Запускаю программу filezilla, теперь что-бы соединится с моим сайтом мне нужно в вести следующие данные, хост, имя пользователя, пароль.

Где взять эти данные? Для этого я , "Как это сделать можно посмотреть по ссылке" для того чтобы нажму на кнопку FTP - детали, которая находится на главной странице в панели.

После откроется помощник с данными для нашей программы. Скопируйте эти данные и вставьте в программу и не забудьте установить пароль.

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

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

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

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

Каркас сайта

Первый этап прошли! На следующим шаге открываю вновь инструкцию по установке шаблона, в которой говорится что нужно установить каркас сайта. В принципе все шаблоны на ucoz устанавливаются в такой последовательности -

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

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

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

Установка css стилей

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

Возвращаюсь в панель управления, и в верхнем меню нажимаю нам уже знакомую кнопку дизайн, из выпадающего списка выбираю кнопку "Управление дизайном (CSS)"

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

Активация модуля онлайн игры

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

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

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

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

К делу:
Для того что-бы активировать модуль, нужно отправится в панель управления и слева где расположены модули, нажать на кнопку неактивные.

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

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

Решение проблемы:

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

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

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

Осталось загрузить последний код:

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

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

Модуль если мы помним это раздел на сайте.

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

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

Этим мы займёмся в следующим уроке, а сейчас проследуйте в панель управления и нажмите кнопку дизайн. Опять-же выпадет окно в котором в самом верху найдите кнопку "Управление дизайном (Шаблоны)"

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

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

Структура:

Главная страница модуля - Здесь мы настраиваем вид для главной страницы раздела/модуля.

Страница со списком материалов и разделов, а так-же страница со списком материалов категории - здесь мы настраиваем страницу с разделами или категориями. То-есть мы наш контент в моём случае "это флеш игры" можем разделять по разделам и категориям.

То-есть игры для мальчиков, игры для девочек - это разделы, когда мы переходим в раздел для мальчиков у нас появляются категории, Драки, Стрелялки, Танчики и т.д.

Когда человек нажимает на кнопку игры для мальчиков, он попадёт на страницу раздела, у этой страницы может быть свой дизайн, который мы настраиваем по кнопке "Страница со списком материалов раздела".

Когда-же он в разделе нажмёт на категорию к примеру танчики, он попадёт на страницу с категориями которую мы можем так-же настроить отдельно по кнопке "Страница со списком материалов категории". Но обычно эти страницы выглядят одинаково.

Страница материала и комментария к нему - Эта та страница на которой находится в моём случае флеш игра на пример про танчик - эту страницу можно так-же настраивать отдельно.

Вид материалов - Когда мы заходим в раздел или категорию или на главную страницу модуля, перед нами открываются списки материалов, в моём случае это игры. Выглядеть это может так, ссылка на страницу под ней текст а возле текста картинка.

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

Установим последний код:

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

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

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

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

Всё шаблон установлен!

Теперь можно походить по сайту, посмотреть что у нас получилось. В принципе у меня шаблон установился нормаль, но над ним ещё придётся по работать и настроить под себя.

Работы ещё много но первые шаги уже сделаны а дальше только движение по инерции.

Продолжим изучать CMS Joomlа 2.5 . Как уже увидели, шаблоны по умолчанию в Joomla 2.5 как говорится «не очень». Вот чем и нравится этот движок, что на него есть огромное количество бесплатных тем оформления (шаблонов). Найти и скачать понравившийся шаблон Joomla 2.5 в интернете абсолютно не проблема.

Давайте рассмотрим, как установить выбранную вами красоту на сайт. Все эксперименты предлагаю проводить на локальном сервере Денвер (D enwer) . Когда все отработаем, приведем его в надлежащий вид, настроим и устраним все огрехи вот тогда и перенесем наш сайт на Joomla 2.5 на хостинг.

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

Но для установки нам потребуется именно архив. И так, заходим в админку Джумла. Как и все расширения установка шаблона Joomla 2.5 производится через пункт меню «Расширения – Менеджер расширения».

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

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

Уверен, что ваш шаблон точно будет выглядеть не так как на demo версии. Так же уверен, что вас постигнет разочарование. Все дело в том, что необходимо установить дополнительно кучу расширений (компонентов, модулей, плагинов), чтобы шаблон выглядел как на demo. И не факт, что они все встанут корректно. И тут вечный вопрос «Что делать»?

А выход есть. Установить шаблон из «быстрого старта» (quickstart) . Об этом мы поговорим в следующей статье.

Как удалить ненужные шаблоны из Joomla 2.5

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

Удалить их прямо из менеджера шаблонов у вас не получиться. Для удаления шаблонов вам нужно будет пройти в меню «Расширения - Менеджер расширений» и перейти в раздел «Управление».

Отфильтровать модули по типу расширения, а для это в фильтре в пункте «Выбор типа» из раскрывающегося списка выбрать тип расширения «Шаблон».

Установить чекбокс напротив тех, которые бы вы хотели удалить и нажмите на кнопку «Деинсталлировать».