Адаптация шаблона
Адаптация html-шаблона
Адаптация html-шаблона
Рассмотрим, как самостоятельно можно внедрить html-вёрстку на сайт под управлением CMS MMOWEB. Вам подойдёт любой чистый html-шаблон, который вы можете найти! (разумеется, в том случае, если вы используете шаблон, уже адаптированный для других CMS, вам придётся сначала очистить его от специальных функций, переменных и т. д.)
Таким образом всё, что вам нужно сделать - заказать у дизайнера макет, у верстальщика - шаблон и далее заняться внедрением шаблона на сайт. Также вы можете воспользоваться уже готовым html-шаблоном. В этом случае, при поиске, именно такой запрос вам нужно писать в поисковой системе ("html-шаблоны", "html-templates" и т.д.).
Наш шаблон выглядит следующим образом:

Данный шаблон легко может быть использован для небольшого проекта.
У нас есть html шаблон теперь нужно создать директорию для нашего шаблона, заходим на FTP где расположена CMS MMOWEB и переходим в директорию template/site
В этой директории создаем папку с названием который хотим пример: multiworld
В итоге получаем, template/site/multiworld

Заходим вновь созданную папку multiworld
и загружаем туда наш скаченный html-шаблон.

Далее нам необходимо создать файлы, чтоб CMS MMOWEB увидела наш шаблон.
Далее отрываем файл Info.php
и заполняем его.
<?php
return array(
'name' => 'Default',
'author' => 'Mex-Vision',
'html' => 'Get-Web',
'platform' => 'CMS',
'poster' => '/images/poster.jpg',
);
Примечание, в поле poster нужно указать путь к скриншоту шаблона, чтоб он корректно отображался в админ панели. Пример можно посмотреть в дефолтном шаблоне.
После заходим в папку с нашим шаблоном template/site/multiworld
и переименовываем index.html
в index.tpl
и открываем его в редакторе.
Первое, что необходимо сделать, это поправить путь к картинкам, css и js файлам.
Находим первый попавшийся html-teg где идет подключение какого то файла в нашем случаи иконка сайта
<link rel="shortcut icon" href="images/ico.png">
и добавляем к пути файла {$.site.dir_site}/
таким образом чтоб получилось
<link rel="shortcut icon" href="{$.site.dir_site}/images/ico.png">
Исправляем пути у остальных файлов в шаблоне.
<!--... Фрагмент кода с измененым источник ....-->
<!-- swiper -->
<script src="{$.site.dir_site}/libs/swiper/js/swiper.min.js"></script>
<link rel="stylesheet" href="{$.site.dir_site}/libs/swiper/css/swiper.min.css">
<!-- insertmedia -->
<script src="{$.site.dir_site}/libs/insertmedia/src/insertmedia.js?ver=0.0.1"></script>
<!-- Main style -->
<link rel="stylesheet" href="{$.site.dir_site}/css/style.css?ver=0.0.1">
<!-- Adaptation style -->
<link rel="stylesheet" href="{$.site.dir_site}/css/adaptation.css?ver=0.0.1">
<!-- Main app -->
<script src="{$.site.dir_site}/js/app.js?ver=0.0.1"></script>
<!--... Фрагмент кода с измененым источник ....-->
После чего сохраняем наш index.tpl и загружаем в template/site/multiworld
Остался последний пункт необходимо перейти в корень CMS MMOWEB и открыть файл Config.php
и ищем настройку шаблона
/**
* Готовые шаблоны можно купить в админ панели ммовеб
* Шаблон сайта. Находится: /template/site
* Ready-made templates can be bought in the admin panel of mmoweb
* Site template. Location: /template/site
*/
define('TEMPLATE', 'default'); //По умолчанию: default
И устанавливаем наш шаблон multiworld
define('TEMPLATE', 'multiworld'); //По умолчанию: default
Сохраняем конфиг, теперь можно зайти на сайт и увидеть шаблон.
Первый этап завершен, если вам нужно вывести обычный лендинг без переключения языков статусов сервера и прочего то вам этого будет достаточно, если же нет то продолжим дальше и ознакомимся со структурой.
Last updated
Was this helpful?