Меню Рубрики

Установка дизайнов на юкоз

База знаний uCoz

В системе uCoz имеется возможность устанавливать индивидуальный шаблон. Где взять такой шаблон читайте в инструкции Где взять дизайн (шаблон) для сайта?.

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

Установка шаблона состоит из нескольких шагов:

Загрузка файлов на сайт

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

Чтобы создать папку, воспользуйтесь файловым менеджером, кнопка «Добавить папку»:

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

Установка каркаса сайта

Каркас сайта позволяет сгенерировать однородную структуру для всех разделов сайта. Обычно он поставляется в .txt файлах и может иметь произвольное название («Каркас.txt», «Конструктор шаблонов.txt», «tmpl.txt» и т.д.).

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

Каркас сайта имеет свои уникальные переменные, которые помогут отличить его среди других файлов шаблона:

Попробуйте выполнить поиск строки [TITLE] или [BODY]. Если они найдены в тексте, то скорее всего это файл каркаса.

Чтобы установить каркас, перейдите в раздел «Дизайн», в меню слева выберите пункт «Каркас», вставьте код из текстового файла, нажмите на кнопку «Сохранить» и подтвердите действие:

Вы увидите сообщение об успешном выполнении операции. Значит можно переходить к следующему шагу.

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

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

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

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

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

Настройка модулей и расширений

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

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

Дополнительно может потребоваться использование следующих модулей и инструментов:

  • Почтовые формы. Должен поставляться шаблон формы и ее настройки
  • Информеры. Должен поставляться шаблон информера и его настройки
  • Конструктор меню

источник

Установка дизайнов на юкоз

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

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

Рекомендую почитать:
Как поменять адрес сайта на ucoz Всего за 200р.

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

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

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

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

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

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

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

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

Идём немного дальше, тематика которую выбрал я очень огромная, то-есть в интернете очень много флеш игр на разные темы, стрелялки, бродилки, для девочек, для мальчиков, ну и так далее.

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

Читайте также:  Установка газ евро 2 регулировка

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

Идём в интернет:
И так, с тематикой сайта я определился, теперь открываю яндекс и ввожу слово скачать бесплатно шаблоны для ucoz. В первой-же выдачи, мне попадается сайт который я хорошо знаю, на этом сайте я не однократно покупал шаблоны для своих сайтов — utemplate.pro

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

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

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

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

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

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

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

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

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

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

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

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

Каркас сайта

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

  1. Загрузка файлов и папок
  2. Создание каркаса у сайта
  3. Подключение стилей
  4. Установка кодов в модули сайта
  5. Мелочная настройка если шаблон сложный

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также:  Установка потолочной гардины на гипсокартон

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также:  Установка 16 клапанной головки на 21083

источник

Как установить шаблон на 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Далее, согласно инструкции к моему шаблону, устанавливаем информер «Последние новости». Заходим на главную страницу «ПУ» — «Информеры» — «Создать информер»:

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

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

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

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

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

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

источник