Как установить шаблон на uCoz. Пошаговая инструкция - uGuide.ru

Как установить шаблон на uCoz. Пошаговая инструкция

  • Обновлено:
    2016-12-05
  • Просмотров:
    246
  • Отзывов:
    19
  • Рейтинг: 4.9
Практически у любого вебмастера рано или поздно появляется желание поменять шаблон своему сайту. В этом нет ничего страшного, самое главное знать как это правильно сделать и найти действительно подходящий дизайн. Сейчас мы покажем как установить шаблон.

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

 Узнайте: Где можно купить премиум шаблоны для 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 детали] и задаем новый пароль:

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

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

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

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

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

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

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

Шаг-2.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Не забываем внизу нажать "Сохранить".

Шаг-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 можно заказать услугу по установке шаблона.

  • Автор: Дмитрий Луценко

no avatar

Комментариев:19

shapckinlekha2017
19 vk Alex Shapkin • 12:19, 2016-05-31
Раз только получилось установить в следующие раз как хотел установить делал все также тот же шаблон на другой сайт и не получалось...
Штурмовик
18 vk Штурмовик • 17:30, 2016-04-21
Здравствуйте, подскажите пожалуйста, если я хочу сделать свой собственный дизайн и сверстать его, смогу ли я его потом установить на систему ucoz?
нет аватара
17 uid tortexpo • 18:37, 2016-03-24
Здравствуйте! Скажите, пожалуйста, что делать, если я вставляю css style из премиум шаблона (куплен через ваш сайт), а он не помещается? Сверху написано "максимальная длина шаблона 50000 символов".
uguide.ru
Здравствуйте. Если файл со стилями превышает допустимое значение, то можно через "Файловый менеджер" загрузить в папку "css" файл со стилями (напр.: template.css), и затем во всех шаблонах (Страница архива материалов, Страница материала и комментариев к нему и т.д.) подгрузить эти стили следуюищм кодом http://screencast.com/t/n2k5r5zi
<head>
<link type="text/css" rel="StyleSheet" href="/css/template.css" />
</head>
ТОРНАДО
16 vk виталий савушкин • 07:32, 2016-02-06
Здравствуйте подскажите пожалуйста какой оператор отвечает за DEMO что бы ставить кнопку на сайте после материала!
нет аватара
15 uid Юлия Больт • 16:51, 2016-01-13
спасибо. Все доступно и понятно.
нет аватара
14 uid Merdan Durnayev • 15:09, 2015-12-21
(Устанавливаем Таблицу стилей. Для этого, находим в архиве файл "Таблица стилей.txt",) А в каком архиве находятся тхт файлы
SKulibin
13 tw Sergej Kulibin • 17:53, 2015-11-11
Большое спасибо! Вот это я понимаю, обзор для чайников вроде меня.  respect
animeiiinik2015
12 vk Дмитрий Юркин • 16:34, 2015-11-10
Я сегодня скачал шаблон,установил все как там написано,после этого решил зайти в конструктор ,и в итоге теперь ничего немогу там поменять,и добавить блок тоже немогу.Как это исправить?
нет аватара
11 uid Елена Андреева • 21:05, 2015-08-17
Что делать если есть все, кроме файлов txt? Можно без них как-то установить шаблон?
uguide.ru
Здравствуйте, Елена.

Без них скорее всего не получится. Обычно в txt файлах содержатся коды шаблонов, стилей, информеров. Смотрите инструкцию по установке своего шаблона.
vvvx1
10 vk Азат Новрузов • 11:58, 2015-07-30
Спасибо огромное, установил шаблон
uguide.ru
Не за что. Буду вопросы - не стесняйтесь спрашивать.
нет аватара
9 uid Антон Крыльцов • 22:23, 2015-07-09
Привет. Ситуация:
1. настроен дизайн, подключен шаблон.
2. изначально не был включен модуль тестов
3. сейчас подключил - дизайн естественно кривой
4. как с минимумом усилий настроить дизайн и для него?
uguide.ru
Здравствуйте, Антон.
Включите нужный модуль и заново установите шаблон. По другому не получится.
DEN1083
8 vk Денис Томчук • 17:58, 2015-04-11
Спасибо Огромное первый раз менял шаблон по вашим инструкциям и встало все с первого раза, Огромный респект Вам С уважением Денис
нет аватара
7 uid G'iyosbek Haydarov • 09:10, 2015-02-21
Очень полезная статья
Спасибо огромно автору!
naviik
6 gp vladm nosov • 22:40, 2014-12-18
Спасибо огромное
5 vk Миша Костерев • 07:54, 2014-10-30
картинки не грузит
КВВК
4 uid ОАО КВВК ОАО КВВК • 16:03, 2014-08-21
Отличный гайд, все подробно и ясно, поймет любой, много нового узнал. Спасибо автору! v
нет аватара
3 Антон Стяжкин • 19:27, 2013-09-16
Для новичков самое то. Все способы подробно описаны, да еще и со скринами.
•admin•
2 Дмитрий Одоевский • 00:42, 2013-08-15
После того как сохранили новый шаблон, справа есть очень полезная кнопочка, дополнительные опции, она раскрывает 3 опции, если нажать "добавить в набор дизайнов", то, необязательно активировать все модули, этот шаблон будет в Вашем наборе по номером #000, "Персональный дизайн". А чтобы все модули обновили дизайн, то заходите в общие настройки, выбираете свой Персональный под номером #000, ставите чек обновить во всех модулях и сохраняете, даже спустя какое-то время можно смело активировать любой модуль и не боятся что дизайн будет старым.
нет аватара
1 IDSwen • 22:14, 2013-07-29
Можно я возьму вашу статью на свой сайт, с указанием автора и источника конечно же?
Добавить комментарий