WebDesign Master
Курсы
MODX Revolution - Базовый урок

MODX Revolution - Базовый урок

Это базовый урок по CMF MODX Revolution, в котором мы познакомимся с системой MODX, выполним установку необходимых плагинов и выполним базовую настройку фреймворка.

MODX Revolution - Базовый урок - Видеоурок
Смотреть урок на YouTube
Все курсы канала WebDesign Master

Ресурсы базового урока MODX:

  • Скачать MODX (см. Advanced Installation): https://modx.com/download
  • pdoTools Documentation: https://docs.modx.pro/components/pdotools/

Установка и настройка MODx плагинов

Устанавливаем Advanced версию MODX, во время установки указываем, что папка админа будет называться super.

Маст-хэв плагины MODX

Самые популярные и наиболее часто используемые дополнения для MODX:

  1. Ace - редактор кода MODX
  2. Collections - отображение и управление коллекциями ресурсов
  3. pdoTools - набор базовых инструментов MODX
  4. FormIt - работа с формами в MODX
  5. phpThumbOf - работа с изображениями в MODX
  6. TinyMCE / CKEditor (на выбор) - текстовый WYSIWYG редактор для MODX
  7. translit - транслитерация URL в MODX
  8. MIGX - Добавляемые дополнительные поля в MODX
  9. AutoTemplate - "Умное" автоматическое назначение шаблонов ресурсам

Базовые настройки MODX Revolution

Переходим в "Системные настройки".

  1. Раздел: Дружественные URL

    • Транслитерация псевдонимов: russian
    • Использовать дружественные URL: Да
    • Строгий режим дружественных URL: Да
    • Проверять на дублирование URI во всех контекстах: Да
    • Использовать вложенные URL: Да
    • Не забудьте также переименовать ht.access в .htaccess в корне сайта.
  2. Раздел: Панель управления

    • Показывать описание в верхнем меню: Нет
  3. Раздел: Сайт

    • Страница ошибки 404 «Документ не найден»: ID ресурса 404
    • Публиковать по умолчанию: Да
    • Название сайта: Название вашего проекта
  4. Раздел: Система и сервер

    • Отправлять заголовок X-Powered-By: Нет
  5. Пространство имен: ace

    • Размер шрифта: 18px
    • Мягкая табуляция: Нет
    • Размер табуляции: 2
    • Тема редактора (на выбор): ambiance, chaos, chrome, clouds, clouds_midnight, cobalt, crimson_editor, dawn, dreamweaver, eclipse, github, idle_fingers, katzenmilch, kr, kuroir, merbivore, merbivore_soft, mono_industrial, monokai, pastel_on_dark, solarized_dark, solarized_light, terminal, textmate, tomorrow, tomorrow_night, tomorrow_night_blue, tomorrow_night_bright, tomorrow_night_eighties, twilight, vibrant_ink, xcode;
    • Ктоме того, вы можете сделать тему Material в редакторе Ace. Инструкция:

      MODX Ace Material Theme
      
      1. Системные настройки > Пространство имен "ace":
      
      Размер шрифта: 15px
      Высота области редактирования: 560
      Невидимые символы: Да
      Мягкая табуляция: Нет
      Размер табуляции: 2
      Тема редактора: tomorrow_night
      
      2. Файлы: Filesystem > super > templates > default > css > index.css:
      (Добавить в конце)
      .ace_editor{line-height: 1.4!important;font-family: 'Menlo','Ubuntu Mono','Consolas','source-code-pro',monospace!important}
      .ace_gutter{color:#666E79!important}
      .ace_active-line,.ace_gutter-active-line{background-color:#2A2F38!important}
      .ace_scroller,.ace_gutter {background-color: #272B33!important}
      .ace_meta.ace_tag{color:#A6B2C0!important}
      .ace_meta.ace_tag.ace_tag-name{color:#DF6A73!important}
      .ace_entity.ace_other.ace_attribute-name{color:#D2945D!important}
      .ace_string{color:#90C378!important}
      
      3. Очистить кеш через меню.
      

Создаваемые базовые ресурсы

  1. Страница 404 - страница для настройки «Документ не найден». Не показывать в меню
  2. sitemap - ресурс для вывода [[pdoSitemap]]. Пустой шаблон. Не показывать в меню. Тип содержимого: XML. Не доступен для поиска. Не использовать HTML-редактор
  3. robots - ресурс для вывода robots.txt. Пустой шаблон. Не показывать в меню. Тип содержимого: text. Не доступен для поиска. Не использовать HTML-редактор

Дополнительные материалы базового урока по MODX

Содержимое сниппета host:

<?php
echo $_SERVER['HTTP_HOST'];

Содержимое robots.txt для MODX с использованием сниппета host:

User-agent: *
Disallow: /super/
Disallow: /assets/components/
Disallow: /core/
Disallow: /connectors/
Disallow: /index.php
Disallow: /index.html
Disallow: /index
Disallow: *?
Host: [[host]]
Sitemap: https://[[host]]/sitemap.xml

Премиум уроки от WebDesign Master

Курс по созданию сайта от А до Я на Jekyll

Создание сайта от А до Я. Комплексный курс

Курс по созданию интернет-магазина на OpenCart

Создание современного интернет-магазина от А до Я

Фриланс для начинающих

Я - фрилансер! Базовый курс для начинающих

Другие уроки по теме «CMS»

  • Ajax фильтр на MODx Revolution
  • Посадка типовой секции Landing Page на MODx с использованием MIGX (добавляемые поля)
  • Настройка прав доступа для контент-менеджера в MODX Revolution
  • Как создать шаблон для WordPress. Грамотная посадка верстки на WordPress (Right Way)
  • Быстрое создание красивых сайтов на WordPress. Layers Style Kit на реальном примере

Разделы сайта:

  • Курсы
  • Инструменты
  • Веб-дизайн
  • Вёрстка
  • CMS

Полезные ресурсы:

  • Установка WSL и окружения
  • Настройка окружения без WSL
  • Работа с хостингом от А до Я
  • Настройка VS Code
  • Lazy Load Placeholder
  • Документация Gulp
2024 © WebDesign Master