Темы на MODX Revolution / Русскоязычное сообщество MODX
Не для кого не секрет что MODX Revolution является хорошим инструментом для определенных задач. Каждый человек в нем находит свой интерес.
С недавнего времени у меня появился интерес и вопрос:
Почему всякие популярные CMS имеют возможность ставить темы, а в MODX нет?
И вот очередной задор на создание нового пакета начался. Не вдаюсь пока в подробности, тк это отдельная статья (может быть будет), недавно допилил бетта-версию менеджера тем.
Пакет управления темами – это первый пакет который устанавливается и сама тема это еще один пакет.
Т.е. если у вас потенциально 2 темы похожи по функционалу, то поменяв одну настройку, вы можете получить новый дизайн моментально. И почти ничего не сломается.
Таким образом хочу предложить данный пакет со своим стандартом для создания темок для MODX.
Вообще темы и кастомная настройка нужны крайне малому кол-ву людей, (многие даже кардинально против тем, оглядываясь на WP и J) но может, я ошибаюсь и пакет и идея все же будет востребован более широко.
Сам менеджер тем будет бесплатным, но его еще нужно доделывать. Если кому не безразлична судьба пакета – учувствуйте в обсуждениях, думаю, будет интересно всем, и нюансы по пакету, которые я не учел или не досмотрел обсудим.
А вот сами темы могут быть и платными и бесплатными – тут как захочет создатель темы.
Потому что создать тему – нужно затратить времени больше чем обычно (если мы говорим о качественной теме с настройками, ведь в настройках основной смысл тем.). Ну и естественно настройки в адмике, а не в коде. Т.е. чтобы Простой человек – поставил тему, и начал создавать ресурсы, загружать фотки, а параллельно менял размеры блочков, скрывал, добавлял надписи и блоки где хочет.
Конечно вседозвола в теме недолжно быть, это не контент билдер типа WP, а конфигуратор темы. Сам разработчик в теме предусматривает блоки и определяет какие параметры сможет поменять менеджер. Чтобы вы поняли о чем речь — маленькие примеры:
2) Добавляем текст в свободное место сетки.
Логика:
Есть строки цикла, которые вызывают более мелкие строки – блоки (Штуки).
В них прописана логика что подключается и как. И строки и блоки зависят от шаблонов modx. Те например строка – шапка сайта, и она подключает блоки соц-сетей, контакты. И так каждая стока со своим набором.
Возможности Сток:
— регулировать кол-во, вложенность основного блока. Тут создается сетка-разметка, например для шапки сайта или контента с сайдбаром или без сайдбара и прочее…
— Указываются шаблоны в которых показывать или выключать показ конкретной линии.
Возможности Штуковин (блоков):
1. Возможность тонкой настройки Штуковины для вывода. Например Css переключения отображения блока (например включить/выключить заголовок).
2. Возможность добавить предусмотренный произвольный блок. Например Последние новости. И выбрать у него – вкл/выкл слайдер. И кол-во элементов к выводу и прочее.
3. Возможность привязки к какому либо шаблону на сайте. (вкл-выкл).
4. Конфигурирование блока под нужную задачу. Можно просто вывести текст или лексикон из словаря.
Можно считать это экспресс анонсом.
Если данная тема заинтересует и получит отклик вас, читатели, то расскажу и опишу все это дело подробнее.
Так же если вы хотите поддержать проект по темам – милости прошу донат у меня в профиле.
Алексей Смирнов
08 февраля 2022, 17:02
Алексей Смирнов /users/alexij modx.pro https://modx.pro1 284
+15
Поблагодарить автора Отправить деньги
10
Свежие шаблоны CMS MODX для разработчиков
0 ∞
CMS MODX является дружелюбной системой для разработчиков, так как она представляет собой заслуживающий доверия CMF (Content Management Framework). Примечательно, что MODX также подходит для дизайнеров:
- WanChai
- STYZO
- Booom
- Clib Cube
- Neat
- Colors
- MongKok
- Tredd Studio
- Da porto
- Duality
- Superawesome
- Flatdown
- Crostini
- Быстрая загрузка
- Полностью адаптивный дизайн
- Light
- Base
WanChai является MODX темой для адаптивного одностраничного портфолио, построенного на Bootstrap 3 с чистым и современным дизайном. Она имеет настраиваемую секцию портфолио с расширяющимся просмотром и CSS3 анимацией при пролистывании:
Основанный на сетках (Twitter Bootstrap Grid System) одностраничный адаптивный CMS MODX шаблон для цифрового агентства, фотостудии, малого бизнеса или фрилансеров. Возможности STYZO включают в себя корректный код HTML5 и CSS3, полную кастомизацию в системе MODX, собственные анимации, настраиваемое портфолио, плагин Cube Portfolio, AjaxForm, блог, прейскурант и плагин JQuery Cycle:
Глянцевый, красочный, радующий глаз одностраничный дизайн, обрабатывающий большую часть переменных шаблона MODX и параметры темы. Построенная на основе Bootstrap 3.0 и разработанная с помощью LESS, эта тема снабжена набором опций, который позволяет контролировать каждый аспект сайта со стороны сервера:
Шаблон ClubCube – это идеальный выбор для ночного клуба. Его современный, запоминающийся дизайн незамедлительно привлекает внимание.
В этом шаблоне для сайта на MODX CMS используются незаурядные, яркие цвета и элементы, которые идеальны для индустрии развлечений.
ClubCube является основанным на сетке (Twitter Bootstrap Grid System), адаптивным HTML5 шаблоном. Он позволяет реализовывать функционал, который будет:
- сообщать о событиях;
- публиковать фотоотчеты;
- выполнять бронирование;
- просматривать меню:
Neat является чистой, быстро загружающейся темой MODX, построенной с помощью модульных файлов Sass, для быстрой и легкой настройки пользовательского интерфейса. Тема использует мощную серверную часть MODX с большим количеством параметров и настраиваемых полей:
Тема имеет 3 шаблона, настраиваемые поля для изображений, файлы css/js/image и упакована в transport. zip. Поддерживает меню Wayfinder и Formlt для фрагментов формы обратной связи. В теме есть два меню: первое – это меню прокрутки для одностраничного сайта, а второе – для многостраничного (сниппет Formlt):
Является современной одностраничной анкетной/персональной темой для MODX CMS CMF, построенной на Bootstrap 3 с большим количеством опций для настройки. В ней есть раздел резюме с чистой разметкой и анимированными графиками, секция портфолио и раздел каталога. Вместе со сниппетами, которые поставляются с шаблоном, легко создавать собственный контент, который согласуется со стилем темы:
TREDD STUDIO представляет собой одностраничный адаптивный MODX шаблон на основе сетки (Twitter Bootstrap Grid System) для цифрового агентства, фотостудии, малого бизнеса или фрилансеров. Возможности TREDD STUDIO включают в себя: корректный код HTML5 и CSS3, полную настройку в системе MODX, настраиваемое портфолио, прейскурант, плагин JQuery Cycle:
Основанный на сетке (Twitter Bootstrap Grid System) одностраничный адаптивный CMS MODX evolution шаблон для музыки и музыкальных групп. Он включает в себя отличные функции и графику:
В теме есть настраиваемые поля для изображений и в разделе портфолио, и в разделе команды, контактная форма Formlt и поддержка меню Wayfinder. Эта тема отлично подходит для сайтов-портфолио, целевых страниц, веб-приложений и презентации творческих организаций. Уникальные функции и современный дизайн. Лучше всего подходит для стартапов:
Многофункциональная одностраничная MODX тема для целевой страницы приложения или демонстрации продукта.
Построена с помощью фреймворка Bootstrap 3, который включает в себя адаптивную, ориентированную на мобильные устройства, систему сеток. Соответствующим образом она масштабируется до 12 колонок по мере увеличения размера окна просмотра:
Является чистой, плоской, стильной CMS MODX темой «сайта в разработке» с работающей формой подписки на новости для формирования аудитории. С помощью панели настроек темы MODX можно настроить почти любой аспект новой страницы. Смотрите скриншот ниже:
Современная адаптивная одностраничная MODX тема для портфолио. Она подойдет для любого вида бизнеса, которому необходимо продемонстрировать свое портфолио.
Главные файлы и изображения загружаются первыми (экран загрузки), затем идут миниатюры (загружена страница) и после этого большие изображения портфолио (страница полностью загружена).
Полностью адаптивный макет, который прекрасно подстраивается под разрешения мобильных устройств, планшетов и ПК:
Состоит из одного шаблона, настраиваемых полей для большей части контента, css/js/image файлов и упакован в файл transport.zip. Поддерживает сниппеты Wayfinder и Formlt (меню и форма контактов):
Это полностью адаптивная CMS MODX тема с чистым и минималистичным дизайном, который подходит для любого вида творческого и коммерческого использования. Base оптимизирована под мобильные устройства и персональные компьютеры, построена на основе фреймворка Bootstrap 3:
МЛМария Логутенкоавтор-переводчик статьи «Latest CMS MODX Templates in 2016 for Developer»
Пожалуйста, опубликуйте свои отзывы по текущей теме статьи. За комментарии, дизлайки, отклики, лайки, подписки низкий вам поклон!
дизайнов Modx, тем, шаблонов и загружаемых графических элементов на Dribbble
Посмотреть веб-сайт Аркмен
Сайт Аркмен
Посмотреть сайт итрадукта
Веб-сайт itraducta
Посмотреть веб-сайт портфолио @happybana
Веб-сайт портфолио @happybana
Посмотреть конференцию ModX ’19
Конференция ModX ’19
Посмотреть дизайн домашней страницы CHR Solutions
Дизайн домашней страницы CHR Solutions
Просмотр креативной/корпоративной/портфолио одностраничной темы
Креативная/корпоративная/портфолио тема на одну страницу
Посмотреть Бум!
Бум!
Просмотр веб-сайта MODX в Германии
Веб-сайт MODX Германия
Просмотр улучшений контрастности
Улучшение контрастности
-
Посмотреть дизайн любого размера экрана
Экран любого размера
Посмотреть облако MODX
Облако MODX
Посмотреть ценовую сетку
Таблица цен
Посмотреть NGS — ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ, ПОТОМУ ЧТО НАМ УДОВОЛЬСТВУЕТ ПРОГРАММИРОВАНИЕ
NGS — ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ, ПОТОМУ ЧТО НАМ УДОВЛЕТВОРЯЕТ ПРОГРАММИРОВАНИЕ
Посмотреть планы
Просмотр менеджера MODX
Менеджер MODX
Посмотреть сайт-визитку / ModX / Художник А. Эйзенштадт
Сайт-визитка / ModX / Artist A. Eisenstadt
Посмотреть области практики юридической фирмы
Области практики юридической фирмы
Посмотреть логотип MODX Cloud
Логотип MODX Cloud
Зарегистрируйтесь, чтобы продолжить или войдите в систему
Идет загрузка еще…
Путеводители Боба | Шаблоны MODX
Шаблон MODX — это, по сути, план веб-страницы на вашем сайте. Обычно он не содержит ничего, кроме HTML-кода и тегов MODX. Некоторые шаблоны также содержат код JavaScript. Думайте об этом как о фирменном бланке, используемом в бизнесе. Бланк будет содержать информацию, которую компания хочет иметь в каждом письме. Как и веб-страница, она обычно имеет верхний и нижний колонтитулы (а в некоторых случаях и боковую панель).
Как MODX обрабатывает запрос страницы
Когда MODX получает запрос на веб-страницу, первым делом он находит ресурс, связанный с этим URL-адресом (обычно называемый «текущий ресурс»), и получает поле шаблона этого ресурс. Поле шаблона содержит идентификатор шаблона, который будет использоваться для веб-страницы. Используя этот идентификатор, MODX извлекает шаблон из базы данных
Код шаблона является отправной точкой для каждой веб-страницы. Основной процесс, который MODX использует для рендеринга страницы, описать относительно просто. MODX берет шаблон, заменяет все теги MODX в шаблоне и отправляет его в браузер. Перед отправкой в браузер содержимое шаблона может быть незначительно изменено любыми подключаемыми модулями, которые запускаются на различных этапах процесса. Плагины (если они есть) обычно вносят незначительные изменения, такие как изменение URL-адреса. Для многих веб-страниц не используются никакие плагины, и это просто вопрос замены тегов (технически это называется «анализом» шаблона) и отправки готовой страницы в браузер.
Этот простой процесс дает пользователям MODX огромную свободу самовыражения. Шаблоны не могут содержать необработанный PHP-код, но кроме этого, на самом деле нет никаких правил. Допустим любой допустимый HTML, все теги MODX являются необязательными, и теги могут быть размещены в любом месте шаблона.
Конечно, MODX также извлекает объект ресурса (обычно документ) из базы данных перед анализом шаблона. Объект Ресурс содержит основное содержимое Документа и информацию о том, кто его создал, опубликован он или нет, когда последний раз редактировался и т. д. MODX нужна эта информация, чтобы решить, можно ли отображать Документ (в зависимости от безопасности). настройки, опубликован ли документ и т. д.). Ему также требуется основное содержимое документа и часто другая информация (например, заголовок, длинное название или любые задействованные ТВ), чтобы заменить теги.
Как только MODX определяет, что документ может быть показан текущему пользователю (а многие документы не защищены и могут быть показаны любому, пока они опубликованы), он начинает замену тегов. См. эту страницу для сводки форматов тегов MODX для Evolution и Revolution. Процесс замены тегов выглядит следующим образом:
- Теги чанка заменяются содержимым именованного чанка
- Теги сниппета заменены возвращаемым значением из именованного сниппета
- Теги Template Variable заменяются значением TV для текущего ресурса
- Теги ссылки заменяются URL-адресом, указанным в теге
- Теги системных настроек заменяются значением именованных системных настроек .
- Теги-заполнители заменяются значением именованного заполнителя
- Языковые теги заменены соответствующей языковой строкой из MODX Lexicon
Все вышеперечисленное, кроме тегов Placeholder и Snippet, просто ищет значения в базе данных MODX и использует их для замены. Фрагменты, конечно же, представляют собой фрагменты PHP-кода, поэтому значение, используемое для замены, полностью зависит от кода сниппета — значением замены является то, что возвращается сниппетом. Заполнители — это временные значения, устанавливаемые сниппетом или плагином. MODX хранит их во временном месте и просматривает их всякий раз, когда обрабатывается тег-заполнитель.
Вложенные теги (то есть теги внутри других тегов) обрабатываются изнутри наружу. Внутренние теги заменяются перед обработкой окружающего тега. Вот пример тега System Setting, вложенного в тег Link:
[[~[[++site_start]]]]
Внутренний тег [[++site_start]] будет заменен значением системной настройки site_start, в результате чего тег будет выглядеть следующим образом (при условии, что идентификатор ресурса вашей домашней страницы равен 1): [[~1] ]. Затем MODX обработает этот тег Link для создания URL-адреса, который может выглядеть следующим образом: https://yoursite.com/home.html — ссылка на вашу домашнюю страницу. В шаблоне мы можем увидеть, что этот тег используется следующим образом:
Вот ссылка на Главную страницу
Если вы решите изменить домашнюю страницу своего сайта на другую страницу, все, что вам нужно сделать, это установить системную настройку site_start на идентификатор ресурса новой страницы, и все ваши ссылки будут автоматически указывать на эту страницу. Если вы используете теги ссылок для всех внутренних ссылок на вашем веб-сайте MODX, их будет намного проще поддерживать.
Создание и редактирование шаблона
Эти инструкции предназначены для MODX Revolution, но процесс аналогичен MODX Evolution. В Evolution вы должны были перейти к Elements | Управление элементами | Вкладку «Шаблоны» и нажмите ссылку «Новый шаблон» или имя шаблона, который вы хотите отредактировать.
В Revolution вы можете выбрать вкладку «Элементы» в левой части диспетчера, щелкнуть правой кнопкой мыши папку «Шаблоны» и выбрать «Новый шаблон» или щелкнуть шаблон, который вы хотите отредактировать (в папке «Шаблоны», которую вы возможно, придется расширить, нажав на нее). В Revolution вы также можете щелкнуть правой кнопкой мыши шаблон, который хотите отредактировать, и выбрать «Шаблон быстрого обновления». Откроется всплывающее окно, в котором вы сможете отредактировать шаблон и сохранить его, не теряя своего места в Менеджере.
Когда справа появится панель «Создать/редактировать шаблон», вы можете дать новому шаблону имя, ввести код HTML в поле «Код шаблона» (html) и сохранить шаблон. Вот и все.
Пример шаблона
Давайте посмотрим на минимальный шаблон и посмотрим, как он будет обрабатываться синтаксическим анализатором MODX.
dtd"> <голова>[[++site_name]] - [[*pagetitle]] <база href="[[++site_url]]" /> голова> <тело> [[$заголовок]] <дел> [[Навигатор? &startId=`[[*id]]` ]]