Коротенький гайд по натяжке вёрстки на ModX?

Question

[Никита Кит]

Всем привет, уважаемые коллеги.
У кого был опыт с ModX - поделитесь пожалуйста. Меня позвали на работу в одну неплохую студию и я подписался. По скиллам прошёл везде, кроме одного - натяжка вёрстки на ModX CMS. Они сказали дадут мне во вторник тест - сделать небольшой одностраничник со стандартным набором элементов и *агррркхм* прикрутить к ModX.

Смотрел гайды в гугле. В основном отличие от других "домашних" ЦМС понятно. Но гайды все длинные нудные и рассказывают больше как-то об испоьзовании API для вёрстки, которые есть в CMS - то есть сначала ставишь - потом пишешь front-end уже в редакторах CMS. Я как-бы уже к своим фишкам привык типа gulp и прочее православие, и мне бы только текстовую обучалочку - пошаговое руководство - берём страницу, и это сюда - это туда - а это вот ещё туда-то. И, по возможности, на русишен лангвадж.

Накидайте инфы, всем заранее спасибо.

Answer 1

[Михаил Горячкин]

Да бога ради, я вообще не встречал более удобной системы для натяжки своего диза на движок, чем есть в modx-се. Так что делайте все как обычно, хоть с gulp, хоть с webpack-ком (тут пишу про то с чем сам работаю). Весь процесс выглядит примерно так:
1) Кидаете финальный билд фронта на ftp (обычно это папка assets/templates/тут название вашего шаблона);
2) Далее в админке создаете шаблон, или открываете стандартный, копируете туда свою разметку.
3) Правите пути к js-сам, картинкам и css-сам.
4) У тут просто открываете страницу с этим шаблоном и радуетесь тому на сколько вы красава).

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

Comments

[Никита Кит]

класс блин, вот нет чтоб все так писали обучалки, надо путать и пугать. Я как начал скроллить длинные статьи с хауту чанки сниппеты х*иппеты - думаю ну ёёёёёлки.
Короче всё равно что вордпресс, только код моей вёрстки копипастится в админку (со стандартными правками урлов) и цмска генерирует уже сама статическую php для фронт-энда. Я правильно всё понял?

[D']

Самая ужасная шаблнизация, какую я только видел. В том же WP и то лучше.
Что нужно было курить чтобы сделать такой бред? Это выше моего понимания...

[Никита Кит]

D' Normalization: я вот тоже больше к wordpress привык. там всё как-то проще. А тут напридумывали велосипедов, template part тут chunk какой-то... с чего вдруг чанк. я угараю) типа как beacon.js - в макрософте тоже курят веселье перед тем как создать какой-то фреймворк)

[Михаил Горячкин]

На вкус и цвет как говориться. Для меня например на wp шаблон натягивать полный кошмар.

[Realetive]

Никита Кит, а я предупреждал меньше года назад тебя: не беги вперёд паровоза — не будут смущать такие банальные слова, как чанки или сниппеты. MODX (не ModX, не MoDx, не MODx и даже не modX), в отличие от WP, Joomla или Drupal подразумевает минимальные знания веб-разработки (HTML, CSS, JS, спецификации, протоколы). Единственное, что привносит нового — это, пожалуй, xPDO, который, исходя из названия, лишь расширяет классический ORM.

[Никита Кит]

Realetive: Рома, привет) Внезапно - неждан))) ну нужно же когда-то начинать, а то так и останусь на HTML CSS кнопочки делать. А минимальные знания я за год получил, так что готов или нет, а надо - хотят взять верстальщиком в веб-студию. Правда с js у меня до сих пор тяжко. Вроде уже и код понимаю, а писать если пишу, то простенький jQuery. Меня их фронтендер оценил, я покодил при нём, он сказал "годен, со скриптом помогу если что, а MODX подтяни". Вот и решил - надо больше справочек по этой CMS-ке)

[Realetive]

Никита Кит: MODX — хороший путь, а учиться — у нас практически каждый месяц (а то и не по одному разу) встречи по MODX в Питере. В этом месяце как раз планировал большую тему по разработке интернет магазина «от и до» разобрать по полочкам на примере реального проекта.
P. S. Неждан, что я занимаюсь MODX? Ну-ну =)

[Никита Кит]

Да, блин, вообще не ожидал. Ветку развития back-end skills начну с MODX))) Путь ниндзя)))
Группа крутая, я вступил уже. Man, please, можно попросить тебя отписать мне на почту когда с датой местом станет всё известно)
[e-mail] ну или в конт, я с веб-стандартов вообще конфы не посещал - такая печаль.

Answer 2

[zooks]

efimov.ws/main/develop/modx.html
modx.ws/blog/uroki-modx-revolution
https://habrahabr.ru/post/122289/

Comments

[Никита Кит]

первые две я читал - отстой. долго нудно и вообще не рассказывает о прикрутке. Там о создании сайта без наличия готовой вёрстки. А вот статья на хабре... Да хабр вообще решает

[Никита Кит]

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

[zooks]

Никита Кит: Прочитайте несколько раз до полного понимания. Для того, чтобы начать, нужно понимать как установить плагин, что такое шаблоны, что такое чанки, что есть сниппеты. Также есть официальная справка: https://rtfm.modx.com/ Кроме чтения нужно попробовать сделать тестовый проект уже сейчас - а то потом будет худо. Эти ссылки проверенные - гайды хорошие.

[Никита Кит]

zooks: ну вот в офф доке написано что чанки - это статические блоки, мы создаём чанк - кидаем разметку блока - в thisPage.php вместо этой разметки блока вызываем чанк (типа ссылки на этот блок). Ну а такие штуки как меню, например, или цельный хедер или футер или сайдбар - они могут быть чанками? и можно ли в чанке вызвать чанк?
Проще говоря - в документации ПУСТО!

[zooks]

Никита Кит: чанки - это HTML и код MODX. Хедер и футер обычно запихиваются в одноименные чанки, чтобы не указывать дублирующийся код в каждом шаблоне. Сниппеты - это уже PHP.

[zooks]

"и можно ли в чанке вызвать чанк?" - можно, но не желательно. Зато хорошо писать всякие вызовы pdoMenu.

[Никита Кит]

zooks: несильно от wordpress отличается. Просто интерфейс испугал. С непривычки