Сайт с нуля MODx revo: подготовка к работе

Modx revo славится своей скоростью работы движка и быстротой разработки сайтов. Однако, у новичков редко получается сделать хороший сайт с первого раза, как правило это довольно тормозные сайты перегруженные сниппетами и различными компонентами на обум, прискорбно и то, что система кэширования редко используется более чем на 20-30%. После чего многие дилетанты просто сдаются и бросают изучение движка. Чтобы не сдаваться на первых порах изучения системы я рекомендую к прочтению следующую статью, где даю некоторые рекомендации по установке компонентов и рассказываю о том, как быстро установить готовую верстку на движок и грамотно ее поддерживать в дальнейшем.

 

Рекомендуемые компоненты,
для стандартного сайта ( modx extras )

 

/ Эти рекомендации не панацея, новички могут пока просто пролистать дальше до раздела с установкой верстки и вернуться к этому разделу позже.


Ace

/ Совсем не обязательный компонент. Но визуально он способен улучшить восприятие кода в админ-панели сайта. Из настроек я рекомендую поменять параметр ace.word_wrap - на «Да», эта настройка будет переносить слишком длинные строки на визуально следующую строку, но это дело вкуса. Мне, например, не нравится в редакторе кода мотать страницу в правую сторону чтобы поменять часть кода.


AjaxForm

/ Отличный компонент для создания форм обратной связи, с использование технологии ajax. Так же этот компонент довольно хорошо справляется с ботами и позволяет не использовать каптчу для отправки форм.


FormIt

/ Используется для отправки электронной почты с сайта, рекомендую его использовать только для отправки, обертку лучше делать с помощью AjaxForm.


DateAgo

/ Сниппет для приятного форматирования дат. Логика работы повзаимствована с LiveStreet CMS. При вызове даты нужно не забывать отключать кэширование, чтобы дата обновлялась.


FastField

/ Шикарный компонент для манипулирования тегами modx, для разных документов. Например вытащить любое поле с документа 

 [[#1.pagetitle]]

 или TV поле, где 1 - id нужного документа.

 [[#1.tv.text]]

Так же этот компонент позволяет совсем по простому вытаскивать массивы данных $_GET, $_POST, $_REQUEST, $_SERVER, $_FILES, $_COOKIE, $_SESSION. Например: 

 [[!#POST.name]]

 и т.д.

 


clientConfig

/ Компонент, позволяющий прописывать какие-то общие настройки для сайта, типа контактных данных, ссылок на соц. сети, баннерные блоки и т.д. Скачать clientConfig для MODx Revo вы можете в официальном репозитории MODx.


MetaX

/ Удобный компонент для вывода всех необходимых seo свойств, типа title, meta descriptions, nofollow и т.д.


MIGX

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


MinifyX

/ Необходим для ускорения работы сайта и поднятия скорости загрузки, сжимает css/less/sass/js файлы.


PdoTools

/ Отличная замена стандартным getresource, wayfinder, breadcrumbs и др. Преимущество этого пакета в скорости работы и прокачанному русскому сообществу.Документация. Включает в себя синтаксис FastField и шаблонизатор Fenom.


PhpThumbOn

/ Для генерации картинок очень полезный инструмент. PhpThumbOn - лучше работа с кэшем картинок.


SEO Pro

/ Супер компонент для визуально приятного ввода мета-тегов на страницах сайта.


SEO Tab

/ Замечательный компонент для управления настройками SEO для страниц сайта и продвинутой генерации xml карты сайта. Комфортные автоматические 301 редиректы.


CKEditor

/ Визуальный редактор текста для более удобного добавления информации.


Tickets

/ Отличный модуль для создания блога и системы комментирования. Из минусов - жесткая привязка к bootstrap.


Translit

/ Нужен для генерации дружественных url (ЧПУ - Человеко понятные ссылки) из кириллицы в транслит.


Shopkeeper3

/ Компонент для разработки интернет-магазина. Сайт с документацией.


MiniShop2

/ Продвинутый интернет-магазин для MODX Revolution. Встроенная галерея товаров, быстрая работа через pdoTools и продуманный интерфейс управления.


Collections

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

 

/ Больше модулей с описание вы можете ознакомиться в магазине MODSTORE, там за разумные деньги можно приобрести очень полезные компоненты и сниппеты.

 

Рекомендации, описание разделов modx revo

 

/ Располагай стили css, javascript, картинки к верстке в папке assetsгруппируя тематические файлы в папки, например:

  • /assets/css/style.css
  • /assets/js/script.js
  • /assets/images/logo.png
  • /assets/fonts/fons.woff

Основные разделы Modx revo в админке...

/ Для начала стоит разобраться что к чему, в modx revolution есть раздел«Элементы», где программная часть сайта сгруппирована по основным разделам:

  1. Шаблоны - основные шаблоны для сайта,обрабатываются в первую очередь при загрузке страниц.
  2. Дополнительные поля - здесь создаются все необходимые дополнительные поля к страницам сайта.
  3. Чанки - сердце верстки, здесь находятся куски html кода.
  4. Сниппеты - здесь находятся куски кода php.
  5. Плагины - позволяют назначать на определенные «события» откатку нужного кода php.
  6. Категории - позволяет создавать новые категории, для удобства структурирования элементов в админ-панели, которые применяются ко всем вышеперечисленным разделам.

Про что говорим?

/ Предположим что сайт состоит из 5 основных страниц. Так же, допустим, что есть готовая верстка сайта на проект и остается только связать ее с системой управления. Разберем ситуацию, в которой эти страницы немного отличаются по дизайну контента, а шапка и футер сайта одинаковы, например:

  • Главная - на этой странице: слайдер, блок с преимуществами сайта + текст
  • О компании - простая текстовая страница
  • Галерея - текст + фотографии
  • Статьи - постраничный список со статьями сайта
  • Контакты - текст + карта проезда

Системные настройки.

/ Системные настройки → core → Панель управления.

  • resource_tree_node_name - меняй на menutitle, для того чтобы в древе страниц сами страницы назывались как «Пункт меню».
  • tvs_below_content - выбирай «Да», и редактирование дополнительных полей будет не на отдельной вкладке а сразу под редактированием контента сайта.

/ Системные настройки → core → Сайт.

  • ключ default_template - я обычно ставлю чтобы стандартный шаблон был«Статические страницы».
  • publish_default - публиковать страницы по умолчанию, по ситуации.
  • site_name - modx название сайта - указываешь название сайта
  • site_unavailable_message - меняй на «Сайт временно не доступен». Если переключить ключ site_status - на «нет», будет выводиться это сообщение.
  • site_unavailable_page - если есть страница о недоступности сайта можешь вписать ее id.

/ Системные настройки → core → Файловая система.

  • upload_files - иногда выдает ошибку: "modx загрузка файлов такого типа запрещена" - тут настраиваются расширения файлов, через запятую, которые можно загружать из файл-менеджера.

/ Системные настройки → core → Система и сервер.

  • feed_modx_news_enabled - иногда выдает ошибку: Отображение RSS-канала Новости - ставим НЕТ.
  • feed_modx_security_enabled - иногда выдает ошибку: Отображение RSS-канала Уведомление безопасности Modx - ставим НЕТ.
  • log_deprecated - функция уведомления устаревших функции в журнале ошибок (версия 2.7.0), ставим НЕТ.
  • date_timezone - временная зона Europe/Moscow

 

Комментарии ()
    Ваш email не будет опубликован. Обязательные поля отмечени символом *