Главная » MODx- профессиональный инструмент для разработки сайтов » Установка шаблона для главной страницы MODx Evo
    РейтингРейтингРейтингРейтингРейтинг

Установка шаблона для главной страницы MODx Evo

На данный движок можно установить практически любой шаблон. 

Мы с вами будем разрабатывать сайт на основе шаблона Agency Template  — от производителя – templatemo. Скачать его можно по этой ссылке – ссылка на шаблон.

Добавляем шаблон в MODx

Разархивируем скачанный архив и помещаем папку с шаблоном в папку нашего сайта: C:/xampp/htdocs/site/www/assets/templates/.  В этой папке уже находятся три папки и файл index. Папки help и modxhost нам больше не нужны, удаляем их. В этой папке должно остаться следующее:

Заходим в папку нашего шаблона:

В папке images находятся изображения, используемые в дизайне сайта, css-файлы определяют внешний вид шаблона; 

index.html - является шаблоном для главной страницы сайта; 

servises.html, portfolio.html, contact.html, blog.html - шаблоны для внутренних страниц.

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

Все файлы шаблонов, используемых системой управления, хранятся в папке: /assets/templates. На локальном хостинге полный путь к этой папке будет выглядеть так: z:\home\ваш-сайт\www\assets\templates. Создаем папку для нашего шаблона, например - modxmoc, после чего распакуйте в нее содержимое скачанного архива с шаблоном.

После того, как файлы размещены в положенном им месте, мы можем приступить к созданию шаблона сайта, для этого авторизуемся в административной панели сайта (набираем в браузере http://«имя сайта»/manager), вводим логин и пароль.

В панели управления следуем по вкладкам: Элементы - Управление элементами - Шаблоны. Вот тут мы с вами и будем создавать новые и настраивать уже существующие шаблоны. Как вы заметили, один шаблон уже существуют. После интегрирования нашего шаблона, мы его удалим, а пока, не обращайте на него внимание.

Для создания своего шаблона, нажимаем "Новый шаблон". Теперь, в поле "Имя шаблона" впишите название вашего шаблона, в поле "Описание" - краткое описание, чтобы не возникало путаницы, если шаблонов будет много. В область "Код шаблона (HTML)" нужно вставить HTML разметку нашей страницы, если вы используете мой шаблон, то эта разметка находится в файле index.html, который мы совсем недавно положили в папку assets/templates/modxmoc. Просто берите и копируйте содержимое файла index.html в эту область. Ниже вы можете увидеть, как эти поля заполнил я, вы можете сделать точно так же. После заполнения нажмите на кнопку "Сохранить" вверху страницы.

 

Пришло время назначить новосозданный шаблон, нашей главной странице. Для этого в древе документов (левая часть страницы), нажмите правой кнопкой мыши на документе, и выберите пункт "Редактировать". Теперь, следует указать наш новосозданный шаблон, вирайте его из выпадающего списка и сохраняйте документ.

css template

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!