Урок 20. Madrass CSS3 паттерн в MODX стиле
[[!insertCSS?input=uroki/20/madrass.css]] Вернуться к Уроку 20. Урок 19 Создание удобной формы поиска MODX (Демо) Вот так выглядит код демо станицы: [[$googleAdsence]]
[[!insertCSS?input=uroki/20/madrass.css]] Вернуться к Уроку 20. Урок 19 Создание удобной формы поиска MODX (Демо) Вот так выглядит код демо станицы: [[$googleAdsence]]
Своё первое впечатление о сайте пользователь получает при его загрузке. Никто не хочет терпеть тормозящий сайт. Все хотят мгновенной реакции на клики мышкой и быстрого взаимодействия с сайтом. Если ваш сайт использует JavaScript и jQuery, что обычное дело для многих сайтов, и возникает соблазн инициализировать всю логику (плагины, виджеты, модули, обработчики событий и др.) с целью их быстрой реакции на запросы. К сожалению, инициализация ВСЕГО ПОДРЯД во время загрузки страницы работает против быстрой загрузки страницы. Вместо инициализации всего, когда страница готова, можно подождать и инициализировать части вашего приложения по необходимости их использования. ...
Выпущена очередная 2.2.5 версия MODX Revolution. Спешите видеть, закачивать и обновляться…Страница загрузки MODX Revolution 2.2.5 Сделано множестро улучшений от версии 2.2.4 - более 150 коммитов. Исправления и улучшения включают улучшения работы Медиа ресурсов, Кеширования и предотвращения появления белых страниц на некоторых устаревших хостингах. И, наконец-то обновлено лого в менеджере. Вот основные особенности 2.2.5 релиза: исправления Медиа ресурсов с Элементами и Статическими элементами исправлены ошибки Медиаресурсов с modParser->getElement() исправлены ошибки Медиаресурсов с путями статических элементов оптимизированы запросы обновления кеша, большое ускорение сайтов с большими Контекстами, на MySQL 5.1 или более ранних версих в дополнение к исправлениям кеша. добавлена поддержка окружений, в которых возникал белый экран в следствие повреждённых файлов кеша исправлены многочисленные баги Ресурсов связанные со сменой шаблона ограничены ТВ Группы ресурсов от потери значений при редактировании пользователями без доступа Настройка форм теперь применяется при смене Шаблона изменение Шаблона теперь не будет отменять Очистку кеша для Ресурса Для более подробных деталей см. Полный лог изменений и исправлений ...
Формат тегов в MODX Revolution Теги-комментарии Структура тега Свойства Кеширование Порядок парсинга Дополнительная помощь Для упрощения логики парсинга, ускорения и избежания путаницы, все таги в MODX Revolution сделаны в едином формате, отличаются лишь токеном или набором токенов перед строкой, которая идентифицирует Элемент контента или Контент тег для его обработки; например [[tokenIdenticator]]. Формат тегов в MODX Revolution Элементы контента Evolution (Старый) Revolution (Новый) Примеры для Revolution Шаблоны нет представления тегом нет представления тегом ...
В этом уроке рассмотрим как можно быстро создать удобную форму поиска. Для этого нам понадобиться: Дополнение SimpleSearch берём из репозитория и/или устанавливаем как обычно через Управление дополениями менеджера. Проделываем то же самое с Bootstrap темой, в комплект с которой входит скрипт typehead-bootstrap.js. Его мы и будем использовать для создания удобного поиска. Либо прописываем в шапке сайта пути к необходимым скриптам и стилям. В моём случае: Далее делаем вызов сниппета SimpleSearch: [[!SimpleSearchForm? &tpl=simpleSearchFormDemo.tpl]] Создаём чанк simpleSearchFormDemo.tpl ...
Всем привет. Сегодня в этом уроке я расскажу как создать галерею в MODX Revolution с помощью Twitter Bootstrap Image Gallery и дополнений FileDir (для вывода изображений) и PhpThumbOf (для создания миниатюр изображений). Bootstrap Image Gallery это расширение диалога Modal набора Twitter Bootstrap для облегчения навигации между изображениями галереи. Она поддерживает навигацию мышью и клавиатурой, присутствуют эффекты при смене изображения, полноэкранный режим и слайдшоу. Загрузка и установка необходимых ресурсов Скачайте в репозитории MODX и установите дополнения PhpThumbOf и FileDir через Управление дополнениями менеджера. Далее скачайте Bootstrap Image Gallery файлы, распакуйте их и залейте на ваш сервер с сайтом в соответствующие папки, например: assets/css, assets/js, assets/img. ...
Проблема У вас есть ресурс, в который вы хотите добавить некоторый скрипт или CSS стили. Допустим вам нравится, чтобы скрипты находились внизу страницы, перед закрывающим тегом BODY и CSS должны попадать в HEAD. В то же время эти скрипты (стили) нужны только для данной страницы (ресурса). И вы не хотите создавать новые шаблонирующие элементы (несмотря на простоту их создания в MODX) только для этой одной страницы. Это ценное решение пришло от всем известного Марка Хамстры и находится в руководстве: modX.regClientHTMLBlock. Это часть MODX API, которая делает как раз, что нам нужно - посылает часть кода прямо перед закрывающим тегом BODY. Например, вот так: modX.regClientCSS вы можете отправить CSS в head элемент. Также есть следующие методы: ...
Дополнение CustomUrls Требования Загрузка Поддержка, комментарии, разработка и заявки на исправление ошибок Использование Правила использования Примеры использования Второй способ создания пользовательских URL с помощью плагина Дополнение CustomUrls Это дополнение для определения пользовательских псевдонимов или URI паттернов для ваших ресурсов. Он поддерживает дополнения translit и Redirector. Вы можете построить ваши паттерны из полей ресурса, ТВ, сниппетов и фильтров вывода и установить некоторые условия так же, как и с пользовательскими формами. Например, с CustomURLs вы можете добавлять ID ресурса или месяц публикации в алиасы всех ресурсов или просто для одного, чей родитель = 1 или шаблон = 1. ...
Сегодня речь пойдёт о том как получить информацию о пользователе или как программно работать с modUser используя MODX API. Нашёл следующий сниппет от Шона Вилкерсона (Shawn Wilkerson): Можно использовать данный сниппет напрямую: Создайте в менеджере сниппет thisUser, например. Далее вызовите его на странице, где необходимо получить некоторые значения полей для пользователя. Получите эти значения через заполнители (плейсхолдеры). Выглядит всё будет приблизительно так: Далее приведены вызовы методов и результаты их работы (или примеры использования). ...