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