Адаптация шаблона

Адаптация html-шаблона

Адаптация html-шаблона

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

Таким образом всё, что вам нужно сделать - заказать у дизайнера макет, у верстальщика - шаблон и далее заняться внедрением шаблона на сайт. Также вы можете воспользоваться уже готовым html-шаблоном. В этом случае, при поиске, именно такой запрос вам нужно писать в поисковой системе ("html-шаблоны", "html-templates" и т.д.).

Наш шаблон выглядит следующим образом:

Шаблон по умолчанию mmoweb

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

У нас есть html шаблон теперь нужно создать директорию для нашего шаблона, заходим на FTP где расположена CMS MMOWEB и переходим в директорию template/site

В этой директории создаем папку с названием который хотим пример: multiworld

В итоге получаем, template/site/multiworld

Пример как выглядит новая папка в FileZilla

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

Наш загруженный шаблон.

Далее нам необходимо создать файлы, чтоб CMS MMOWEB увидела наш шаблон.

Этот пункт упрошен, вам необходимо просто скопировать файлы уже из имеющего дефолтного шаблона в папке /template/site/default

Копируем файлы и папки: в наш новый шаблон.

Вот что должно получится по итогу:

Далее отрываем файл Info.php и заполняем его.

<?php
return array(
'name' => 'Default',
'author' => 'Mex-Vision',
'html' => 'Get-Web',
'platform' => 'Lineage2',
'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

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

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