MmoWeb
Search…
Адаптация шаблона
Адаптация 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 и заполняем его.
1
<?php
2
return array(
3
'name' => 'Default',
4
'author' => 'Mex-Vision',
5
'html' => 'Get-Web',
6
'platform' => 'CMS',
7
'poster' => '/images/poster.jpg',
8
);
Copied!
Примечание, в поле poster нужно указать путь к скриншоту шаблона, чтоб он корректно отображался в админ панели. Пример можно посмотреть в дефолтном шаблоне.
После заходим в папку с нашим шаблоном template/site/multiworld и переименовываем index.html в index.tpl и открываем его в редакторе.
Первое, что необходимо сделать, это поправить путь к картинкам, css и js файлам.
Находим первый попавшийся html-teg где идет подключение какого то файла в нашем случаи иконка сайта
1
<link rel="shortcut icon" href="images/ico.png">
Copied!
и добавляем к пути файла {$.site.dir_site}/ таким образом чтоб получилось
1
<link rel="shortcut icon" href="{$.site.dir_site}/images/ico.png">
Copied!
Исправляем пути у остальных файлов в шаблоне.
1
<!--... Фрагмент кода с измененым источник ....-->
2
<!-- swiper -->
3
<script src="{$.site.dir_site}/libs/swiper/js/swiper.min.js"></script>
4
<link rel="stylesheet" href="{$.site.dir_site}/libs/swiper/css/swiper.min.css">
5
6
<!-- insertmedia -->
7
<script src="{$.site.dir_site}/libs/insertmedia/src/insertmedia.js?ver=0.0.1"></script>
8
9
<!-- Main style -->
10
<link rel="stylesheet" href="{$.site.dir_site}/css/style.css?ver=0.0.1">
11
12
<!-- Adaptation style -->
13
<link rel="stylesheet" href="{$.site.dir_site}/css/adaptation.css?ver=0.0.1">
14
15
<!-- Main app -->
16
<script src="{$.site.dir_site}/js/app.js?ver=0.0.1"></script>
17
<!--... Фрагмент кода с измененым источник ....-->
Copied!
После чего сохраняем наш index.tpl и загружаем в template/site/multiworld
Остался последний пункт необходимо перейти в корень CMS MMOWEB и открыть файл Config.php и ищем настройку шаблона
1
/**
2
* Готовые шаблоны можно купить в админ панели ммовеб
3
* Шаблон сайта. Находится: /template/site
4
* Ready-made templates can be bought in the admin panel of mmoweb
5
* Site template. Location: /template/site
6
*/
7
define('TEMPLATE', 'default'); //По умолчанию: default
Copied!
И устанавливаем наш шаблон multiworld
1
define('TEMPLATE', 'multiworld'); //По умолчанию: default
Copied!
Сохраняем конфиг, теперь можно зайти на сайт и увидеть шаблон.
Первый этап завершен, если вам нужно вывести обычный лендинг без переключения языков статусов сервера и прочего то вам этого будет достаточно, если же нет то продолжим дальше и ознакомимся со структурой.
Last modified 5mo ago
Copy link