В этой статье я буду рассказывать только о том как натянуть обычную вёрстку на html на движок модэкса. Если вы знаете язык гипертекстовой разметки хоть немного, то у вас не будет никаких проблем с оформлением сайта на MODX, и сейчас мы разберем это детально.
Для начала нам понадобится сам шаблон с его изображениями, файлами стилей, скриптов, шрифтов и т.д.
Куда загружать шаблон
Тут возникает первая неопределенность, поскольку загружать файлы шаблона можно куда угодно, главное указать правильный путь к файлам изображений, css, js и т.д.
Из основных советов, которые я могу дать по этому поводу:
1) Не делайте слишком длинные пути к файлам. Нет нужды создавать 100 папок, вложенных друг в друга. Более того, иногда гугл может считать слишком длинный путь к файлам за ошибку. Вы столкнетесь с этим когда будете анализировать сайт через Page Speed. Да, это не критическая проблема, но все же. Бессмысленно плодить ошибки там, где можно их не делать. Я обычно кладу данные шаблона в папку /assets/ (привык так делать ради экономии времени при переносе сайта и чтобы делать однотипный robots.txt), но иногда могу и просто в корень сайта забросить. Несколько раз копировал структуру файлов других популярных cms систем и сайт успешно работал. Делал это больше из любопытства, однако оказалось, что это несколько помогает в защите сайта от не слишком опытных взломщиков.
2) Называйте вещи своими именами. Не нужно включать конспиролога и придумывать странные названия каждой отдельной папке. Если у вас захотят украсть дизайн, то его украдут с любыми названиями папок.
3) Не кидайте все в одну кучу. Постарайтесь рассортировать все по типу содержимого.
4) Не закидывайте шаблон в "технические" папки модэкса за исключением случаев, когда вы указали их при сохранении файлов шаблона в админке.
Внедрение верстки в шаблон
В этом уроке я буду использовать самописный шаблон на HTML. Файлы стилей, скриптов и изображений я загружу через программу FileZilla.
