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

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

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

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

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

![Шаблон по умолчанию mmoweb](https://1569636441-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBKZbS5Cb7cxz5sHYKf%2F-MgLBjEbJyRlzGNtFWBh%2F-MgLD4j0CuJRk4BupIGW%2Fimage.png?alt=media\&token=4c39d678-f1f5-4238-b334-69e531558ebe)

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

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

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

В итоге получаем, `template/site/multiworld`&#x20;

<figure><img src="https://1569636441-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBKZbS5Cb7cxz5sHYKf-1508421016%2Fuploads%2FfQ7SNRedEJGsQhZvnBFg%2Fimage.png?alt=media&#x26;token=881b664d-fb9b-4e55-b984-517ae34bec4d" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1569636441-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MBKZbS5Cb7cxz5sHYKf-1508421016%2Fuploads%2FURcArmIxtH95RqNjS7Sx%2Fimage.png?alt=media&#x26;token=23a96878-f0b1-4e0e-bc67-cd7aab3124b0" alt=""><figcaption></figcaption></figure>

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

{% hint style="info" %}
Этот пункт упрошен, вам необходимо просто скопировать файлы уже из имеющего дефолтного шаблона в папке `/template/site/default`

Копируем файлы и папки: <img src="https://1569636441-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBKZbS5Cb7cxz5sHYKf%2F-MChcNJs9MdBo8v4uYq5%2F-MChfTLKyCVMM_BCGRkH%2Fimage.png?alt=media&#x26;token=5afce252-42af-4cf9-950d-90d965362668" alt="" data-size="original"> в наш новый шаблон.

Вот что должно получится по итогу: <img src="https://1569636441-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBKZbS5Cb7cxz5sHYKf%2F-MChcNJs9MdBo8v4uYq5%2F-MChg1SUkPBK_VeZMbku%2Fimage.png?alt=media&#x26;token=f3026afd-5785-43be-9b50-c4cbea55b654" alt="" data-size="original">&#x20;
{% endhint %}

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

```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 где идет подключение какого то файла в нашем случаи иконка сайта

```markup
<link rel="shortcut icon" href="images/ico.png">
```

и добавляем к пути файла `{$.site.dir_site}/`  таким образом чтоб получилось&#x20;

```markup
<link rel="shortcut icon" href="{$.site.dir_site}/images/ico.png">
```

Исправляем пути у остальных файлов в шаблоне.

```markup
<!--... Фрагмент кода с измененым источник ....-->
<!-- 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`&#x20;

Остался последний пункт необходимо перейти в корень CMS MMOWEB и открыть файл `Config.php` и ищем настройку шаблона&#x20;

```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`

```php
define('TEMPLATE',       'multiworld'); //По умолчанию: default
```

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

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