Подробное руководство по MODX
Статьи и уроки по созданию сайтов с нуля на системе управления контентом MODX Revolution. Включает как изучение базовых понятий, так практических реальных примеров.
MODX Revolution (сокр. MODX Revo) — эта одна из лучших CMS с открытым исходным кодом для создания сайтов. Написана на PHP.
Она позволяет создавать легкие, быстро загружающиеся веб-проекты, оптимизированные для SEO.
К числу достоинств можно отнести гибкость, полный контроль над выводом HTML (отсутствие системы тем как в других CMS), лёгкая расширяемость за счёт дополнений, возможность писать свой php код в сниппетах и плагинах, наличие системы кэширования и многое другое.
1. Основы MODX
- Установка
- Ввод названия сайта и настройка ЧПУ
- Представление страниц в MODX
- Ресурсы
- Типы содержимого
- Шаблоны
- Переменные шаблона TV
- Чанки
- Сниппеты
2. Разработка с MODX
- xPDO
- xPDO — Получение объектов
- xPDO — метод getCollectionGraph
- Создание регистрации
3. MODX дополнения
- FormIt — сниппет для обработки форм
- Создание формы для сайта с использованием FormIt
- Прикрепление файлов к форме с помощью FormIt
- Простая капча для FormIt
- reCaptcha для FormIt и Login
- Регистрация пользователей
- Авторизация пользователей
- Личный кабинет пользователя
- Загрузка фото в профиль пользователя
- Создание слайдера с помощью MIGX
- Галерея работ в портфолио с помощью MIGX
4. Создание блога
- Установка необходимых расширений (MODX Revo — Установка расширений)
- Создание структуры сайта
- Создание главной страницы сайта
- Создание шаблона для статей сайта и комментариев
- Микроразметка статей сайта с помощью Schema.org
- Создание футера для сайта (с социальными кнопками)
- Устанавливаем и настраиваем поиск по сайту
- Создание sitemap для Google и Yandex
- Вывод последних комментариев сайта
- Вывод популярных статей сайта
- Вывод случайного ресурса с помощью AJAX
- Вывод всех статей сайта в виде списка
Популярное
- 1. Слайдер для сайта на чистом CSS и JavaScript 375K
- 2. Модальное окно Bootstrap для сайта 370K
- 3. Bootstrap 3 — Navbar (горизонтальное меню) 368K
- 4. Маска ввода для HTML элемента input 357K
- 5. CSS медиа-запросы (media queries) 349K
- 6. Форма обратной связи для сайта с отправкой на почту 330K
- 7. Bootstrap — Carousel (карусель) 299K
Урок 1. Вступление
Не знаю кто сказал: «Самый лучший способ разобраться в чем-либо – это написать об этом книгу». Руководствуясь этим принципом и некоторыми другими соображениями решил создать небольшой курс для начинающих изучать MODX Revolution. Это первый урок из запланированной серии обучающих уроков по MODX Revolution для новичков. За основу взял курс http://codingpad.maryspad.com/category/modx/ на английском языке, так что если где-то увидите внутри кода ссылки на этот сайт, не удивляйтесь. Я пока что отрабатываю локально все эти элементы и чтобы не тратить время на создание скриншотов, решил брать изображения из блога Мэри и сделать его перевод в силу своих возможностей. Предупреждаю сразу, что гуглопереводчиком не пользуюсь, если есть ошибки, то они лично мои… Буду благодарен за любые советы, замечания и пожелания по данному курсу.
Итак, о чем пойдёт речь: MODX Revolution это новая ветка в MODX CMS, которая построена на асболютно другой кодовой базе, чем MODX Evolution. Исходя из слов основателя Райена Треша (Ryan Thrash):
«MODX Revolution — это полностью новый MODX. Он содержит в себе душу того, что делает MODX великой платформой для построения пользовательских вебсайтов и больших приложений и в то же время позволяет делать большее для их улучшения. MODX Revolution 2.0 является более сильной CMS или CMF и может справляться с сайтами с бОльшим количеством вложенных категорий и предлагает большие возможности для работы с множеством сайтов и субдоменнов из одной инсталяции — так называемая «мультисайтовость» MODX Райен Треш (Ryan Thrash)
Уроки MODX Revolution
Мы начнем с самого начала, с установки MODX Revolution и перейдем к построению простого сайта.
Для тех, кто хочет сразу попробовать MODX Revolution в работе, есть отличный сайт modx-test.com, где это можно сделать, жмём на кнопку Хочу тестовый сайт MODX Revolution. После ввода своей почты и конфигурирования сайта, необходимо немного подождать, пока сайт создастся. Он будет активен 24 часа и в следующих 24 вы можете скачать транспортный пакет сделанного вами сайта со всеми изменениями.
Будем исследовать разные фичи, чуть не сказал «компоненты» по аналогии с Joomla, адонны и все необходимые вещи для создание сайта с помощью MODX Revolution.
Держите в голове, что самым лучшим источником для изучения MODX Revolution остается отличная и постояннорастущая официальная документация и я основательно рекомендую, чтобы вы внесли в закладки и знакомились с мануалами на тему MODX.
Целевая аудитория MODX уроков
Целевая аудитория для этих уроков — это в основном люди, которые до этих уроков были полностью не знакомы с MODX Revolution. Вам совсем не нужно знать MODX Evolution для прохождения данных уроков.
Если вы знакомы с MODX Evolution, вы можете найти начальные уроки несколько скучными, так как уже все это знаете и основы там и здесь будут повторятся, но я надеюсь, что вы все же чему-то научитесь из данных уроков.
Если вы уже знакомы с MODX Revolution, тогда эти уроки скорее всего вам будут малополезны, так как большинство материала отсюда вам должно быть известно, так что можете просто «потусить» здесь, может найдете какие-либо ошибки и укажете мне на них.
ВАЖНОЕ ЗАМЕЧАНИЕ:
Необходимо осознать одну очень важную вещь самого начала — в MODX CMS почти всегда есть несколько способов сделать что-либо. MODX не ограничивает вас в выполнении чего-либо в определенном порядке или определённым образом. Мои объяснения будут лишь показывать как те или иные вещи делаю я. Это не значит, что это единственно верный способ или наилучший способ, это просто один способ. Таким образом, эти уроки — доступное руководство к действию, точка вашего старта в разработке сайтов. Обязательно пользуйтесь официальной документацей, посещайте другие блоги, форумы и сообщества MODX для поиска новых идей и нового обучения. У меня лишь одна надежда, что вы возьмете к себе на вооружение вещи, изложенные здесь и будете развивать свои способности как у вас получится.
Что нужно для обучения MODX:
- Среда разработки, локальная (Denwer, Wampserver, XAMPP, MAMP, другие) или удаленный хост. Я рекомендую, чтобы вы почитали требования к установкеMODX Revolution и убедились в том, что ваша установка отвечает им.
Я рекомендую использовать Open Server
Для тех, кто хорошо знает английский, отлично подойдёт курс по HTML5 от tutsplusПо ходу занятий я буду давать некоторые пояснения, которые будут выделятся следующим образом:
Информационные сообщения
Правильные действия
Обратить вниманиеТакже уроки могут содержать демо примеры, переход на которые и скачивание исходников могут быть обозначены кнопками:
Уроки MODX Revolution
Урок 5. Перенос сайта под управлением MODX на другой сервер
Задача перенести разработанный сайт с локального сервера на хостинг либо с сервера на сервер при смене хостинг-провайдера возникает нередко. Процесс переноса несложен.
Урок 4. Обновление MODX Revolution
Обновить MODX Revolution до последней версии не сложно. Однако многие владельцы сайтов пренебрегают необходимостью поддержания CMS в актуальном состоянии.
Урок 3. Дополнения для MODX Revolution
Без дополнительных модулей в MODX практически никак, особенно на начальном этапе. В помощь нам репозитории, где размещены самые нужные пакеты расширений.
Урок 2. Первоначальная настройка MODX Revolution
Базовые настройки сайта под управлением CMS MODX Revolution. Что необходимо выполнить в первую очередь: сменить названия сайта, настроить ЧПУ и другие моменты.
Урок 1. Установка MODX Revolution
Начинаем создание сайта с использованием CMS MODX Revolution. Урок по процессу установки системы управления на боевой виртуальный хостинг.
Разделы блога
- Новости разработок
- MODX-блог
- Решения
- Дополнения
- Полезности для MODX
Новое на сайте
MODX 3: Site temporarily unavailable; missing dependencies
Третий MODX: Error 503. Site temporarily unavailable; missing dependencies. На самом деле, ничего серьезного, теперь каталог ядра core больше нельзя перемещать или переименовывать. (Читать)
SEO-оптимизация сайта на MODX Revolution
MODX достаточно популярна среди веб-разработчиков. Поэтому и специалистам в области SEO приходится работать с ней. Сложностей в продвижении сайтов на MODX не будет, если. (Читать)
C днем Веб-мастера
4 апреля мы, разработчики интернет-проектов, отмечаем день Веб-мастера, символом которого стала несуществующая страница 404 – четвертый день четвертого месяца. (Читать)
MODX Revolution для новичков
На данном занятии вы научитесь устанавливать MODx Revolution на сервер, ознакомитесь с шагами установки MODx на виртуальный хостинг и таким образом мы начнем строить сайт.
Читать дальше 09 марта 2016 Теги: уроки MODx Revolution Комментариев: 110
Научимся выводить галерею с отзывчивыми изображениями разного размера в MODX с помощью baguetteBox, FileDir и phpthumbon. Стилизируем всё с помощью bootstrap классов.
Читать дальше 25 ноября 2015 Теги: Frontend Twitter Bootstrap Комментариев: 0
Здесь я предлагаю самый простой и доступный всем способ как экспортировать ресурсы Modx Revo включая значения TV в csv файл.
Читать дальше 20 апреля 2015 Теги: CSV Комментариев: 0
На сайте часто нужно выводить пользовательские данные в виде таблицы (каталоги, параметры товара или продукции и т.д.). Делать это вставляя и копируя таблицы из текстового редактора редко выдаёт нужное отображение — таблицы выходят кривыми, вёрстка теряет задуманный вид. Чтобы этого избежать можно использовать экспорт пользовательских данных в csv файл
Читать дальше 29 мая 2014 Теги: CSV Комментариев: 3
в котором я объясняю как создать rss-ленту используя сниппет getResources.
Пара советов для начинающих веб-разработчиков или характерные ошибки тех, кто начал делать сайты на MODX Revolution
Читать дальше 08 ноября 2013 Теги: уроки MODx Revolution Комментариев: 0
Разберёмся как можно динамически подгружать статьи при нажатии на кнопку, всего по немногу — php, MODX API, getResources и jQuery и в конце получится AJAX-загрузка статей
Читать дальше 09 августа 2013 Теги: AJAX getResources Комментариев: 49
Дополнение для MODX — создание карты сайта для поисковиков Google, Yandex и др. с помощью сниппета GoogleSiteMap
Читать дальше 08 августа 2013 Теги: sitemap getResources Комментариев: 32