создание сайтов

Создание сайта на основе шаблона для UMI.CMS

Шаблона corporation можно использовать с линейкой продуктов UMI.CMS Professional, в которую входят редакции:

  • UMI.CMS PRO Corporate
  • UMI.CMS PRO Business
  • UMI.CMS PRO Commerce

У Вас должен быть уже установленный на хостинге дистрибутив одной из редакций линейки PRO.

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

В этом разделе мы рассмотрим создание сайта на основе шаблона, который называется Шаблон corporation.

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

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

Инструкция

Скачайте Шаблон corporation на свой компьютер в любую папку. Распакуйте ZIP-архив с файлами шаблона (файлы шаблона находятся в папках).

Загрузка файлов шаблона на сервер хостинг-провайдера

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

Файлы сайта выгружаются на web-сервер хостинга по FTP протоколу.
Протокол FTP – это протокол передачи файлов в компьютерных сетях.
Выгрузить файлы сайта в рекомендуемую папку на хостинге можно с помощью различных, в том числе и бесплатных программ (FTP-клиент).

Алгоритм действий

  • Добавьте файл стиля (corporation_style.css) из папки Шаблона corporation /css/cms/ в папку UMI.CMS /css/cms/ на Вашем хостинге.
  • Разместите графические файлы из папки Шаблона corporation /images/ в папку /images/ на хостинге.
  • Файлы шаблонов дизайна web-страницы (corporation_footer.tpl, corporation_header.tpl и corporation_middle.tpl) из папки Шаблона corporation /tpls/content/ в папку /tpls/content/ на хостинг.
  • Файлы шаблонов горизонтального и вертикального меню (corporation_horisontal.tpl и corporation_right_nav.tpl) из папки Шаблона corporation /tpls/content/menu/ в такую же папку на хостинге.
  • Файл шаблона модуля Новости (corporation_news.tpl) из папки /tpls/news/ в папку Вашего хостинга /tpls/news/.
  • Файл шаблона модуля Поиск (corporation_search.tpl) из папки /tpls/search/ в папку хостинга /tpls/search/.
  • И файл шаблона модуля Опросы (corporation_vote.tpl) из папки /tpls/vote/ в папку /tpls/vote/.
  • Все очень просто, у Шаблона corporation точно такие же папки, с такими же названиями, как и папки UMI.CMS на сервере Вашего хостинг-провайдера.
  • От Вас требуется выгрузить (по FTP протоколу) файлы, которые находятся в папках Шаблона corporation в папки с такими же названиями, находящиеся на хостинге в каталоге UMI.CMS.

Создайте тексты для размещения на страницах сайта в текстовом редакторе, например в Word, потом Вы будете просто копировать фрагменты текста и вставлять его на страницы сайта в визуальном редакторе UMI.CMS.

Добавление шаблона в UMI.CMS

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

  • Для входа в административную панель Вашего сайта наберите в адресной строке Вашего браузера ссылку http://www.ваш_сайт.ru/admin/.
  • Введите Логин и Пароль супервайзера (для входа в административную панель), которые Вы выбрали при установке UMI.CMS на хостинг.
  • Кликните ссылку Модули(в левом верхнем углу экрана).
  • Выберите и кликните модуль Структура.
  • Кликните Настройки модуля (в правом верхнем углу экрана).
  • Перейдите на вкладку Управление Шаблонами. Здесь можно увидеть список уже установленных шаблонов, которые существуют в выбранной Вами версии.
  • Заполните в самой нижней свободной строке поле Название шаблона, например: Шаблон corporation.
  • Вставьте в поле Имя файла следующий текст: corporation_middle.tpl.
  • Нажмите кнопку Сохранить.

Обратите внимание!
В окне Имя файла нужно вносить название tpl-файла, в котором будет размещаться контент сайта, в нашем случае – это corporation_middle.tpl.

Создание страницы в UMI.CMS

  • Опять переходим в модуль Структура.
  • Необходимо создать новую страницу, например в корневом каталоге сайта.
  • Для этого наведите курсор на строку корневого каталога (самая верхняя строка с названием домена в дереве страниц сайта) и кликните на появившуюся иконку Добавить подстраницу (синий круг с белым крестиком).
  • В открывшемся редакторе содержимого страницы в поле Название напишите название страницы, например: Шаблон UMI.
  • В поле Контент вставьте свой текст, который должен быть на Вашем сайте.
  • Показывать подменю – поставьте флажок.
  • В поле Шаблон дизайна нужно выбрать - Шаблон corporation.
  • Нажать кнопку Добавить и выйти.

Теперь мы видим, что в модуле Структура в самом низу древовидной структуры иерархии страниц сайта появилась новая страница: Шаблон UMI.

Настройка горизонтального меню

Шаг №1

В модуле Структура наведите курсор на строку с вновь созданной страницей Шаблон UMI и кликните иконку Редактировать страницу (карандаш).
Мы опять попадем в редактор содержимого этой страницы.
Если мы посмотрим в адресную строку браузера, в котором отображается сайт, то увидим примерно такой адрес:
http://www.имя_вашего_сайта.ru/admin/content/edit/0/
В этом примере в Url есть указатель на идентификатор страницы – в самом конце ссылки между двумя слешами есть цифра ноль /0/.
В Вашем случае – цифра будет другая.
Шаг №1 мы проделали только для того, чтобы узнать эту цифру.
Эта цифра является id только что созданной страницы, и мы этот параметр сделаем корневым для нашего горизонтального меню.
Нам понадобится этот id для того, чтобы вставить его в макрос горизонтального меню.

Шаг №2

Среди файлов шаблона, который Вы скачали, есть файл corporation_header.tpl, он находиться в папке tpls/content/.
Откройте файл corporation_header.tpl, например, в блокноте.
Найдите в тексте макрос, который выводит горизонтальное меню:
%content menu('corporation_horisontal', '2', '0')%
Измените в этом макросе последний параметр, который обозначен цифрой ноль '0' на цифру id созданной страницы, которую мы узнали в предыдущем Шаге №1.
Кроме того в самом низу этого файла Вы можете заменить название и слоган шаблона.
Сохраните изменения в файле corporation_header.tpl.
Теперь замените (по FTP протоколу) измененный файл corporation_header.tpl на сервере хостинга.

Создание страниц для горизонтального меню

  • В модуле Структура наведите курсор на строку с вновь созданной страницей Шаблон UMI и кликните иконку Добавить подстраницу (синий круг с белым крестиком).
  • В открывшемся редакторе содержимого страницы в поле Название написать название страницы, например: ссылка#1.
  • В поле Контент вставьте свой текст для этой страницы.
  • В окошке Отображать в менюпоставить флажок.
  • В поле Шаблон дизайна выбрать: Шаблон corporation.
  • Нажать кнопку Добавить и выйти.

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

Создание корневой страницы для вертикального меню

Повторим процесс создания страницы в UMI.CMS.
В очередной раз переходим в модуль Структура, для того чтобы создать страницу, в корневом каталоге сайта.
Наводим курсор на строку корневого каталога (самая верхняя строка с названием домена в дереве страниц сайта) и кликнем на появившуюся иконку Добавить подстраницу (синий круг с белым крестиком).
В открывшемся редакторе содержимого страницы в поле Название пишем название страницы, например: Пункт Меню#1.
В поле Контент вставляем текст, который должен быть на этой веб-странице.
Меню всегда развернуто – поставьте флажок.
В поле Шаблон дизайна нужно выбрать - Шаблон corporation.
Нажать кнопку Добавить и выйти.
Теперь мы видим, что в модуле Структура в самом низу древовидной структуры иерархии страниц сайта появилась новая страница: Пункт Меню#1.

Настройка вертикального меню

Шаг №1

Определим идентификатор корневой страницы вертикального меню.
В модуле Структура наведите курсор на строку с вновь созданной страницей Пункт Меню#1 и кликните иконку Редактировать страницу (карандаш).
Откроется редактор содержимого этой страницы и в адресной строке браузера, в самом конце ссылки между двумя слешами мы увидим цифру, которая и будет id только что созданной страницы Пункт Меню#1.
Мы вставим эту цифру в соответствующее место в макросе вертикального меню.

Шаг №2

Среди файлов шаблона, который Вы скачали, есть файл corporation_middle.tpl, он находиться в папке tpls/content/.
Откройте в блокноте файл corporation_middle.tpl.
Найдите в тексте макрос, который выводит вертикальное меню:
%content menu('corporation_right_nav', '2', '0')% Измените в этом макросе последний параметр, который обозначен цифрой ноль '0' на цифру id страницы Пункт Меню#1, которую мы узнали в предыдущем Шаге №1.
Теперь замените (по FTP протоколу) измененный файл corporation_middle.tpl на сервере хостинга.

Создание страниц для вертикального меню

  • В модуле Структура наведите курсор на строку с вновь созданной страницей Пункт Меню#1 и кликните иконку Добавить подстраницу (синий круг с белым крестиком).
  • В открывшемся редакторе содержимого страницы в поле Название написать название страницы, например: Пункт Меню#2.
  • В поле Контент вставьте текст для этой страницы.
  • В окошке Отображать в меню поставить флажок.
  • В поле Шаблон дизайна выбрать: Шаблон corporation.
  • Нажать кнопку Добавить и выйти.

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

Изменение информации в нижнем колонтитуле страницы шаблона

  • Откройте в блокноте файл corporation_footer.tpl и измените название шаблона на название Вашего сайта.
  • Сохраните изменения в файле corporation_footer.tpl.
  • После чего замените по FTP измененный файл corporation_footer.tpl на сервере хостинга.

Вот и все – шаблон установлен и может быть использован на страницах Вашего сайта.

Дальнейшие действия

Войдите в административную панель Вашего сайта:

  • Создайте дочерние страницы для горизонтального и вертикального меню и наполните их контентом.
  • Настройте и подключите необходимые Вам модули UMI.CMS.

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


     карта сайтаКарта сайта