MODX шаблоны – что это, где их достать (скачать, заказать, купить)

В предыдущих уроках мы произвели первичные настройки MODX, установили основные пакеты дополнений и настроили ЧПУ MODX. Теперь начинается самое интересное. Сегодня мы поговорим о том что такое MODX шаблоны и где их достать (скачать, заказать, купить).

Что такое MODX шаблон

MODx шаблон – это по сути обычный HTML/CSS/JS шаблон с прописанными внутри него тегами синтаксиса MODX для его лучшей динамичной функциональности. Так что если Вы не плохо разбираетесь в HTML/CSS, тогда интеграция обычного HTML/CSS шаблона в MODX не доставит проблем. Благодаря этой фишке MODX очень удобен для веб дизайнеров. Ну а теперь переходим к самому интересному.

Где брать шаблоны для modx

Здесь у нас три пути:

1. Скачать бесплатно готовый шаблон или сборку;
2. Купить готовый шаблон или сборку;
3. Нарисовать с нуля и сверстать;
4. Натянуть готовый html шаблон.

Разберем каждый вариант отдельно.

Готовые шаблоны или сборки MODX бесплатно.

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

Где купить готовые шаблоны или сборки MODX.

Здесь уже выбора побольше, есть из чего по выбирать (но правда все для MODX 2).

1. themeforest.net — на данный момент имеется 12 шаблонов стоимостью от 25 до 59$. Мне приходилось устанавливать парочку и честно говоря их качество меня не порадовало.
2. modstore.pro — здесь выбор тоже не велик.
3. dart.agency — на данный момент есть 9 готовых сайтов.
4. ultron.pro и galior-market.ru— биржи покупки продажи шаблонов, здесь уже есть что по выбирать. Качество многих (не всех) шаблонов и сборок  оставляет желать лучшего.
5. Мои сборки — отличаются максимальным упором на SEO.

Создание эксклюзивных шаблонов с нуля.

Это как обычно довольно дорого и долго, т.к. нужно:

• Нарисовать или заказать дизайн, например в figma или PSD (Adobe Photoshop);
• Заказать верстку или сверстать самостоятельно;
• Посадить верстку на MODX.

Либо сразу заказать сайт под ключ.

Из плюсов вы получите эксклюзивный дизайн.

Из минусов: качественный дизайн, верстка и натяжка стоят дорого. Можно сделать почти задарма — но и качество будет соответствующим.

Вот сайты на которых вы, наверняка, найдёте исполнителей www.fl.ru, work-zilla.com, www.weblancer.net, так же можете обратиться с этим вопросом ко мне.

Натяжка готового html шаблона.

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

В рамках уроков размещаемых на данном блоге, я буду делать шаблонный сайт — из готового HTML шаблона  на Bootstrap.

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

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

Хочу сразу заметить — не нужно думать, что шаблонные сайты – плохо. Нет!

Плохо – это когда на сайт вбухана куча «бабла» (уникальный авторский дизайн, самый дорогой выделенный сервер в Германии или Нидерландах, платный движок, типа «1С-Битрикс: Управление сайтом – Бизнес» за 60 000 р., нанят самый крутой «сеошник» с посекундной тарификацией, запущен Яндекс.Директ на 100 000 р. в лёгком режиме работы и т.д.), а результат нулевой! Вот это, действительно, плохо! Я бы сказал, из рук вон плохо!

Сайты в студию: www.themeforest.net (лучший сайт), www.wrapbootstrap.com, www.templatemonster.com, www.startbootstrap.com.

Требования к готовым шаблонам

Обращаю ваше внимание, что шаблон для будущего сайта необходимо выбирать с максимальным заделом на будущее. Что это значит? Сайт будет работать не год и не два с этим дизайном, а время не стоит на месте – меняются технологии. Поэтому глупо выбирать шаблоны младше 2014 года.

Табличная вёрстка – анахронизм!

Выбранный вами шаблон должен удовлетворять элементарным требованиям:

1. HTML5;
2. CSS3;
3. 100% адаптивный (responsive).

Для достижения последнего пункта обычно применяется самый распространенный, популярный и гибкий CSS фреймворк Twitter Bootstrap. Версии, желательно, выше 4.5. Сейчас уже 5 версия.

На сайтах представлены как чистые HTML шаблоны, так и шаблоны (темы) для различных CMS (WordPress, Joomla, Drupal). Причём, цена последних в разы дороже. Как вы уже догадались, для CMS MODX тематизированные шаблоны не имеют смысла. Если вы надумали купить один из шаблонов, то зачем переплачивать за специальный тематизированный шаблон, если можно купить на простом HTML совсем дёшево (допустим, за $15, т.е. около 550 руб.). К тому же, некоторые полностью одинаковые шаблоны продавец предлагает как CMS ориентированные, так и обычные HTML. Например, как отдельная тема для WordPress шаблон стоит $75, а в обычном HTML виде он же стоит $15.

Тематизированные шаблоны подходят только в том случае, если вы не нашли удовлетворяющего ваши потребности или потребности заказчика обычного HTML шаблона.

С этим думаю разберетесь.

Для написания уроков я выбрал бесплатный шаблон на 5м бутстрапе под названием FlexStart — это креативный и современный шаблон веб-сайта. FlexStart создан для частных лиц и компаний, которые хотят создавать веб-сайты для программного обеспечения, стартапов, мобильных приложений, цифровых агентств, SaaS, интернет-сервисов, финансовых технологий и связанных с ними веб-сайтов услуг и продуктов.

Данный шаблон можно бесплатно скачать:  с блога (эту версию использую я в уроках), с оф. сайта bootstrapmade.com (здесь возможно более свежая версия, есть демо, описание и т.д.)

В следующем уроке перенесем данный HTML шаблона в MODX Revo.