Уроки modx evo: Настройка окружения для работы / Документация и уроки / MODX.im

Установка CMS MODx Evolution — пошаговый мануал

Здравствуйте дорогие читатели моего блога.  Поскольку мне часто приходиться работать с различными CMS, для реализации тех или иных задач, то я решил немного расширить список систем управления сайтом. Этой статье я запускаю новую ветку, которая будет посвящена – MODx Evolution.

В первую очередь – этот движок отлично подходит для создания сайтов визиток.

Из основных преимуществ можно выделить:

• небольшой объем файлов;
• быстродействие;
• гибкость разработки;
• бесплатность движка.

В каких случаях я бы не советовал использовать MODx Evolution:

• если вам нужно создать крупный бизнес сайт, с каталогом продукции, для этих целей лучше использовать Joomla + K2.
• если ваш проект будет насчитывать более 5 тысяч страниц. Эта система, мягко говоря, не рассчитана, на такие объемы информации.
• также, если вы полный новичок, лучше всего делать первые шаги с более простыми CMS – Joomla, WordPress.

Установка MODx Evolution

Давайте приступим к установке CMS MODx Evolution, на наш сервер. Принцип установки, как и у большинства подобных систем очень похож.

Пошаговое руководство:

1.) Создаем базу данных и пользователя базы данных в панели phpMyAdmin. Детальное описание этого этапа я описывал в статье — «Установка и первоначальная настройка CMS Joomla». Повторяться я не буду, вы сможете с легкостью повторить эти действия, и думаю проблем с этим возникать не должно.

2.) Теперь вам нужно скачать дистрибутив с файлами самого движка. Сделать это можно на официальном русскоязычном сайте CMS MODx по адресу — http://modx.com/download/evolution/. Я работаю именно с версией Evolution. Она более легкая в освоении, и идеально подходит для сайтов визиток.

3.) Закачиваем файлы на сервер в корневую папку нашего сайта. После чего, с помощью Total Commander, изменяем файл — ht.access, и придаем ему вид — .htaccess.

4.) В браузере набираем адрес и попадаем в первое окно установки этой системы. Хоть это окно и выглядит настораживающее, но все так и должно быть. Смело жмем «Install Now».

5.) Выбираем язык установки. В данном случая я выбрал «Русский», вы можете взять тот, который нужен именно вам. После выбора языка нажимаем кнопку «Next».

6.) На этом шаге вам будет предложенный список действий, которые вы можете предпринять. Например, установить систему MODx с нуля, или же произвести ее обновление. Мы ставим эту систему с нуля, поэтому выбираем первый пункт и жмем «Далее».

7.) Подключаем созданную ранее базу данных.

7.1) Для начала появиться только три поля:

• хост. Обращайте внимание на хост! На Денвере это значение будет  — localhost, а на любом из хостингов оно может быть своим. Для получения правильного значения хост можете обратиться в службу поддержки вашего хостинга.
• имя пользователя. То, которое вы создали в панели phpMyAdmin.
• пароль. При создании пользователя не забудьте его сохранить!

После ввода этих значений, нажимаем на ссылке – «Нажмите здесь для проверки соединения с вашим сервером базы данных и получения сопоставления кодировки».

Если вы ввели все верно, то перед вами должно появиться сообщение – «Подключение: успех — сопоставление базы данных доступно». Если нет, проверьте введенные значения на их корректность.

7.2) Второй подшаг – это подключение самой базы.

Тут 4 основных поля:

• Имя базы данных. Это то имя, которые вы вписывали при создании базы в  phpMyAdmin.
• Префикс таблиц. Это значение можно изменить. Должны присутствовать только англоязычные символы! Делается это с целью защиты БД от взлома. Я оставлю значение по умолчанию.
• Метод сопоставления. Вам нужно из выпадающего списка выбрать значение – «SETNAMES».
• Сопоставление, или же простыми словами кодировка. Должен быть выставлен параметр – «utf8_general_ci».

После заполнения полей нажимаем на ссылку – «Нажмите здесь для создания базы данных или для проверки, что такая база существует».

7.3) Если все сделано правильно вы попадете на следующий подшаг. При этом перед вами должно появиться сообщение – «Проверка базы данных: успех — база данных выбрана».

На этом шаге вы должны ввести настройки администратора. А именно: имя, Email, пароль и язык админ панели.

После выполнения этих настроек жмем кнопку «Далее».

8.) Этап настройки «Дополнительных элементов».

Я бы советовал оставить все отмеченные галочки, кроме пункта – «Установить/Переписать Пример веб-сайта». Это вам сейчас не к чему.

Жмем кнопку – «Установить».

9.) Проверка перед установкой. Тут будет проверяться наличие БД, а также папок, которые вы заливали вместе с дистрибутивом  MODx Evolution. Если некоторые папки будут выдавать ошибку, проверьте права на эти директории, у них должно быть значение 755 или же 777, в зависимости от хостинга.

В самом низу необходимо поставить галочку соглашения с условиями лицензии. Жмем кнопку – «Установить».

10.) Перед Вами появится полный отчет об установке. В самом низу будет надпись «Установка успешно завершена!».

Также, необходимо поставить галочку, для того чтобы удалить папку с запуском инсталляции MODx. Если этого не сделать – это чревато большими потерями данных и проведенной вами работы. Жмем кнопку – «Закрыть».

11.) Перед вами появится окно входа в административную панель MODx.

Поздравляю!  На этом установка системы завершена.

Подписывайтесь на обновления, а я буду стараться радовать вас новыми техническими моментами онлайн бизнеса.

Теги для материалов — Minyta

Теги в материале будут представлять собой набор ссылок, перейдя по которым мы будем попадать на страницу с выводом кратких анонсов. Вот созданием этой страницы сейчас и займёмся.

Создаем новый материал в дереве ресурсов, для этого у меня есть специальная папка «служебные».
Заполняем поля:
Заголовок:  Поиск по материалам
Псевдоним: tag
Поставить галочку – Не показывать в меню и Опубликован

Обратите внимание на ID создаваемого ресурса (у меня 27) – он в последующем потребуется.

Переходим во вкладку Настройки страницы и убираем галочки Использовать HTML-редактор, Доступен для поиска и Кэшируемый

Нажимаем кнопку сохранить, чтобы изменения вступили в силу и возвращаемся на вкладку Создание/редактирование документа.
Заполняем поле содержимое ресурса:

[[!getResources? 
  &parents=`1,4,10` 
  &tpl=`shablon_for_block_anons`
  &tplLast=`shablon_for_block_anons_last`      
  &includeTVs=`1` 
  &processTVs=`1` 
  &includeContent=`1`
  &limit=`100`   
  &hideContainers=`1`
  &tvFilters=`tags==%[[GET]]%`  
]]

Думаю стоит пояснить значение этих строк. По первых, getResources – это такой сниппет для работы с ресурсами сайта, аналог Ditto.  Он заключен в скобки [[!      ]] – восклицательный знак говорит о том, что его вызов кэшироваться не будет.

Параметры:
Parents – указываем id ресурсов-папок, материалы которых будут выводиться при поиске.
tpl – шаблон вывода ресурсов
tplLast – шаблон вывода последнего ресурса
includeTVs – включаем обработку TV параметров
processTVs – тоже надо включить, чтобы TV параметры работали
includeContent – указываем, что надо выводить содержимое ресурсов, в противном случае будет выведен массив данных ресурсов (иногда так же является полезным)
limit – число документов для отображения, пока поставим 100, чтобы вывести все, потом можно будет выставить необходимое.
hideContainers – скроем (не будем выводить) ресурсы являющиеся папками
tvFilters – фильтр на основе, которого будем решать выводить ресурс или нет.

Примерное содержание чанка shablon_for_block_anons:

div>
   h5>a href="[[~[[+id]]]]">[[+pagetitle]]/a>/h5> 
   p>[[+introtext]]/p>
/div>

tplLast=`shablon_for_block_anons_last` — следует использовать, если шаблон последнего документа отличается от остальных, к примеру, у последнего нижний край закругленный или любое другое отличие. В остальном это точно такой же шаблон вывода как и shablon_for_block_anons.

На параметре tvFilters думаю стоит остановиться более подробно.
Есть материалы где в TV под именем tags будут храниться теги (метки) в таком виде: «метка1,метка2,метка3». При нажатии на ссылка к примеру метка2 в строке запроса (методом GET) будет передано имя этой метки, его мы получим с помощью специального сниппета GET. Результатом его работы как раз и будет слово метка2 при нажатии на соответствующую ссылку.

Теперь надо выбрать только те ресурсы, в которых в TV tags встречается слово метка2, для этого используется кострукция &tvFilters=`tags==%метка2%`, где % обозначает, что перед словом и после него могут быть другие символы, без них будет вестись поиск по точному совпадению.

Вывод тегов в шаблоне

[[tags_snippet? &input=`[[*tags]]`]]

Вроде почти всё готово.
Теперь можно заходить в материал и пробовать заполнять TV параметр tags

 Для начала надо будет самому вписать нужные теги через запятую (без пробела), а вот потом в ресурсах появиться возможность выбора тегов из уже использованных.
К примеру, у меня на сайте уже есть ресурсы с тегами MODx Revo, MODx Evo и PHx, а для нового ресурса я хочу сделать теги MODx Revo и  TV.

Для это надо нажать на ссылку MODx Revo из уже имеющихся тегов и вписать новый тег TV в строку ввода. Конечно, можно было вписывать все теги вручную, но это не так удобно, да и могут возникнуть проблемы если в написании тегов будут допущены ошибки. 
Вот что получилось у меня:

Не забываем сохраниться и можно переходить на сайт смотреть результат трудов.

По всем замечаниям и пожеланиям всегда можете обращаться ко мне. Как это сделать смотрите на странице Контакты.

Web-разработка средствами MODx для начинающих

От автора: среди всех существующих систем для управления контентом на веб-сайте, одной из наиболее распространённых является MODx. Говорят, что эта платформа гораздо более профессиональна и подходит абсолютно для всех существующих форматов веб-приложений. Сегодня мы рассмотрим, насколько эффективной может быть web-разработка средствами MODx. В этой статье вы ближе познакомитесь с этой CMS и сможете сделать вывод о том, подходит ли она для ваших целей в веб-разработке. Тем более, что универсальность MODx способна удовлетворить пожелания большинства разработчиков.

MODx – больше, чем просто CMS

Никто бы не услышал о MODx, как о средстве для веб-разработки, если бы она была заурядной системой управления контентом. Это полноценная система управления контентом, которая выпущена на «свободной» лицензии GNU GPL и имеет открытый исходный код. Это значит, что каждый пользователь может не только скачивать MODx и строить свои приложения на платформе, но и заглянуть в программный код, чтобы увидеть, как все устроено. Таким образом, система гарантирует безопасность применения для создания приложений разного толка.

Как правило, MODx – это выбор любознательных. Обычный разработчик, особенно новичок, использует для первых шагов в веб-разработке: WordPress или Joomla! Но, прелесть MODx как раз в том, что он не так прост в использовании, зато имеет большой потенциал функций, некоторые из которых может создать сам пользователь.

Сам проект родился из форка. Другая CMS, под названием Etomite, нуждалась в дополнительном модуле, но, так как над его созданием трудились талантливые разработчики, сторонний модуль стал всемирно известным средством для веб-разработки. Благодаря хорошо оптимизированному коду и команде, проект продолжает развиваться и сейчас.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Ценность открытых исходников

Существует множество продуктов с открытым кодом, который можно читать, изменять и использовать для своей выгоды. Но, ни в одном продукте это не было реализовано так уместно. Дело в том, что подавляющее большинство программ, которые распространяются по свободной лицензии, не были предназначены для широкой аудитории. Поэтому, они используют малоадаптивные спецификации языков, сложный синтаксис, а сама программа не писалась для того, чтобы ее «читали».

Но, MODx переплюнул всех в этом отношении. Изначально, он задумывался как гибкая CMS, которую сможет подстроить под себя веб-разработчик. Ну, а если речь идет о вебе, то никакой язык тут не понимают лучше, чем PHP. Весь функционал MODx написан исключительно на этом PL. Благодаря такому точному попаданию в целевую аудиторию, CMS может быть полностью переделана для нужд отдельного программиста. К тому же, написание плагинов для системы не требует изучения высокоуровневых языков.

Создай все сам

На самом деле, MODx скорее не CMS, а CMF, хоть на эту тему до сих пор идут споры. Дело в том, что кроме привычных режимов работы, где пользователю не нужно много потеть для создания приложения, у MODx существует и продвинутый уровень веб-разработки.

CMF, или content management framework – это не то же самое, что создание приложений на Joomla и WordPress. Это, будто среда разработки для создания CMS. Но, MODx – это усредненный вариант: можно начать веб-разработку с нуля, а можно воспользоваться готовыми решениями. Такой подход является неоднозначным. Некоторые разработчики считают, что системы, подобные MODx, не имеют всего потенциала веб-разработки, как полномасштабные фреймворки, но значительно уступают CMS в скорости создания готового продукта. Как показала практика, каждый софт находит себе применение.

Стоит ли переходить на MODx?

Если вы работаете с WordPress (или другой CMS) и испытываете определённые трудности при веб-разработке, то это вовсе не значит, что MODx сможет все их решить. Это ПО обладает определенным набором преимуществ. Из этого вытекает, что, как минимум, систему стоит испытать. Особенно, если вы давно в веб-разработке и постоянно хотите найти что-то более новое и удобное. Среди плюсов фреймворка:

полная доступность и бесплатность. Мало систем могут похвастаться таким соотношением цены и качества. Тем более, что цена равна нулю, а качество заставляет конкурентов завидовать. Для того, чтобы попробовать 1C-Битрикс, вам нужно заплатить. При этом, понравится она далеко не всем;

оптимизация SEO-сектора. Опыт работы с MODx покажет вам, что, возможно не существует системы, которая подходила бы для SEO лучше. Сложно объяснить, почему именно – эмпирический опыт веб-разработки подскажет вам;

скорость готовых приложений. Да, если все сделать «топорно», сайты могут быть даже медленней, чем простые поделки на WordPress. Но, при веб-разработке с умом и использованием различных лайфхаков для системы, приложения начинают «летать». То же самое касается и хостингов. Не жалейте на него денег – выберете среднюю ценовую категорию, и сайты на MODx не будут уступать таким продвинутым платформам, как Jekyll;

админка с комфортом. Обычно так говорят об админ-панели, которой оснащен MODx. Впервые, управлению контентом не нужно учится. Все настолько понятно и интуитивно, что многочисленные мануалы в YouTube кажутся лишними. Это огромный плюс для тех, кто создает сайты «под ключ» – конечному владельцу будет просто проводить менеджмент.

Но, самым основным достоинством, благодаря которому разработчики выбирают MODx – это универсальность. Вы уже привыкли к тому, что Magento – это интернет-магазины и прочие решения для электронной коммерции. То же самое можно сказать об OpenCart и PrestaShop. WP – это традиционное решение для создания и ведения блога. Ну, а MODx умеет все это одновременно.

Чтобы вы не задумали: одностраничник, динамическое веб-приложение или сайт-каталог товаров с подключением платежных API – все это можно реализовать на MODx. Ваши руки не связаны никакими шаблонами или готовыми решениями: лишь пустое поле, на котором вы ведете свою веб-разработку. При этом, можно подключить и различные плагины, и шаблоны для конкретных функций. Богатые библиотеки позволяют действовать обоими путями.

Revo vs. Evo

На самом деле, такое противостояние было бы, как минимум, нечестным. Ведь Revo однозначно бы победил! Но, сначала нужно детально объяснить, о чем идет речь.

У MODx есть две основные версии: Evolution и Revolution. Revo – младше, и имеет много разных «фишек», которые делают ее бесспорным фаворитом. Версия Evolution подходит для веб-разработки, если нужно построить простой сайт на дешевом хостинге, где он покажет наибольшую производительность. Во все остальных случаях Revo берет верх.

К примеру, у Revolution более продвинутая система безопасности. Технология xPDO защищает приложение от SQL-инъекций – наиболее распространённого способа взлома сайта. Ее реализация более удобна и качественна в Revo, но и без жертв не обойтись: сайт начинает работать медленней. К счастью, уже сейчас есть решения, позволяющие ускорить, как веб-разработку, так и саму работу xPDO. Еще слово о скорости: несмотря на то, что вся программа написана на PHP, парсер у MODx Evolution быстрее большинства существующих аналогов. Конечно, скорость не значит качество. В Revo-версии пришлось решать множество его проблем с совместимостью.

На этом у нас все! Пробуйте и судите сами об одной из самых мощных и спорных CMS/CMF в мире.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

MODX REVO и взрыв мозга — Сайтостроительство

3 часа назад, petroff сказал:

pdoTools — Это целый пакет дополнений для создания меню, выборки и вывода ресурсов, генерации хлебных крошек (breadcrumbs), организации постраничной навигации по сайту, вывода списка пользователей и xml-карты веб-сайта

Правильней так » pdoTools — это набор удобных сниппетов для повседневной работы + небольшая библиотека, которая делает их очень быстрыми.»

В этот пакет входят сниппеты:

• pdoResources — Очень быстрая замена для getResources, совместимая по параметрам.
• pdoMenu — Замена для Wayfinder, строит меню.
• pdoUsers — Выборка и вывод пользователей сайта, с фильтрацией по ролям и группам.
• pdoCrumbs — Хлебные крошки, замена BreadCrumb.
• pdoSitemap — Быстрая генерация карты сайта, замена GoogleSiteMap.
• pdoNeighbors — Вывод ссылок на соседние документы.
• pdoField — Вывод любого поля документа, замена getResourceField и UltimateParent.
• pdoPage — Постраничный вывод результатов, замена getPage.

Соответственно в том месте где должны быть хлебные крошки нужно прописать сниппет (просто скопировать код ниже и вставить на место хлебных крошек) если конечно данный сниппет у Вас установлен.

[[pdoCrumbs? &to=`[[+id]]` &showCurrent=`0`]]

параметры найдёте здесь https://docs.modx.pro/components/pdotools/snippets/pdocrumbs

Каждый из сниппетов выводит что то, аналогично вызываем нужные сниппеты в нужных местах с параметрами, которые есть в описаниях каждого сниппета.

Как вывести контент в ModX Revolution с помощью GetResources

Что такое getResources?

getResources это сниппет MODX Revolution, который извлекает содержимое полей из других ресурсов и выводит его в любом удобном для вас виде. Если вы знакомы MODX Evolution, getResources может считаться заменой Ditto.

Почему нужно использовать именно getResources?

getResources отлично подходит для случаев, где вам необходимо объединить и вывести информацию от различных ресурсов в одном месте и в необходимом формате. Наиболее очевидным применением сниппета getResources будет создание основной блоговой страницы сайта, другие возможные блоки использования — слайдеры, страница портфолио, новостная лента…

Как использовать сниппет getResources?

Ниже приведён список шагов описывающих процесс использования сниппета getResources. После того, как вы привыкните к его использованию, большинство описанных шагов будут происходить интуитивно, но так как вы только начинаете, то хорошо иметь под рукой некоторое подобие плана действий. Вот один описанный мною:

• Для начала установите сниппет getResources
• Далее необходимо решить как структурировать страницы, контент которых мы собираемся вывести и какой будет шаблон вывода страниц. Всё будет отличаться в зависимости от структуры вашего сайта и целей. Вы можете выводить отдельные страницы на вашем дереве сайтов либо размещать дочерние страницы в контейнере и использовать ИД контейнера, чтобы их вывести и др.
• Определиться какие поля будут показаны на выведенной странице. Вы можете, например, показать только список заголовков на вашем сайдбаре или показать только заголовок страницы и содержание, либо показать несколько полей и переменных шаблона, и т.д.
• Если у вас еще нет шаблона, то создайте шаблон для вашей странице вывода контента.
• Сделайте простой вызов getResources чтобы убедиться в том, что контент извлекается и выводится.
• Создайте чанк-шаблон для вывода полей, которые вы будете показывать на вашей странице.
• Добавьте нужные параметры в вызове сниппета getResources

Я детально и последовательно опишу каждый из описанных выше шагов. Если вы уже разбираетесь в построении шаблонов и разбираетесь в переменных шаблона и других вопросах шаблонизации, то можете смело переходить прямо к 5 шагу.

1. Установка getResources

Я уже установил getResources и мы будем его использовать для создания страницы статьи. Мы будем использовать для шаблона страницы блога шаблон 7 in 1 Business Success Site студии Themeforest. Страница блога (частично) будет выглядеть следующим образом:

Как видите, у нас есть страница с несколькими компонентами – заголовок, изображение, дата публикации, изображение и отрывок содержания со ссылкой “читать остальную часть записи” к целому посту. Этот шаблон мы будем использовать для объединённого вывода наших статей.

2.Подготовьте шаблон для вывода отдельной статьи:

После установки сниппета getResources, смотрим на оформить стуктуру страниц отдельного вывода статей. Для этого я буду использовать шаблон отдельного поста нашей темы, который я взял из файла single.html.  Я уже портировал данный шаблон в свой шаблон и назвал его “7in1 Single Article”.  Вот как мой “7in1 Single Article” шаблон будет выглядеть:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> [[$7in1-header]] </head> <body> [[$7in1-logo-nav-search-bar]] <div></div> <div> <div> <div> <div> <div> <div> <span>[[*publishedon:strtotime:date=`%d`]]</span> <span>[[*publishedon:strtotime:date=`%b`]]</span> <span>[[*publishedon:strtotime:date=`%Y`]]</span> </div> <h4><a href="[[~[[*id]]]]" rel="bookmark" title="Permanent Link to [[*pagetitle]]">[[*pagetitle]]</a></h4> </div> <div> <p><a href="[[*id]]"><img title="[[*article_image_title]]" src="[[*article_image]]" alt="" /></a> [[*content]] <div>Tags: <a href="#" rel="tag">tag3</a>, <a href="#" rel="tag">tag5</a>, <a href="#" rel="tag">tag7</a><br /> Posted in <a href="#" title="View all posts in Latest News" rel="category">Latest News</a> | <a href="#comments" title="Comment on Blog Post 5">6 Comments &#187;</a></div> </div> </div> [[$articleCommentStuff_temp]] </div> <!-- end post_content --> [[$7in1-articles-sidebar]] </div> <!-- end container_bkgnd_btm --> </div> <!-- end page_container --> <div></div> <div> </div> [[$7in1-bottomwidgets]] <div> </div> [[$7in1-footer]] </body> </html>

Вы узнаете чанки шапки и подвала, мы уже их использовали, я добавил всего лишь два дополнительных чанка, один для содержимого сайдбара (7in1-articles-sidebar) и одного временного чанка (articleCommentStuff_temp) для секции комментирования, чтобы не нагромождать все элементы. В данный момент эти два чанка содержат статический контент нашего шаблона, но в следующий уроках мы сделаем их динамичными. Так же я добавил две дополнительных переменных шаблона, одну для вывода текста в теге изображения (article_image_title) и другую для самого изображения (article_image – {тип ввода – изображение, тип вывода – текст}).  Также я добавил другие поля, такие как ИД поста, урлы и др., многое из этого должно быть вам понятно из предыдущих уроков.

Последним моментом, на который я хотел обратить ваше внимание —  вывод поля даты. Он производится через publishedon используя при этом функцию PHP strtotime для показа даты в необходимом виде (как в шаблоне нашей темы). Более детально про функцию strtotime и форматирование дат — в конце этого поста ссылки.

Как я уже говорил, содержимое сайдбаров, теги и секция комментариев – статичны и мы над этим вопросом поработаем в следующих уроках.

3. Добавьте статьи

Отлично, теперь у нас есть шаблон для отдельных страниц и можно двигаться дальше. Создадим несколько статей для нашего сайта, используя этот шаблон, таким образом мы сможем проверить наш вызов getResources.  В моём случае я создал контейнер Articles и установил шаблон для него Base Template, который я поменяю позже, когда буду готов выводить объединённый контент. Всередине я размещу парочку контейнеров для каждой категории или темы, которую покрывают мои статьи… например – новости, MODX уроки и др.

Размышляя об этом, я понимаю, что не хочу, чтобы мои статьи выводились в меню, также я хочу, чтобы они все использовали шаблон 7in1 Single Article. В рассуждениях о том, как же лучше сделать легче мою работу или работу клиента, я решил, что так как большинство новых ресурсов будут статьями, то есть здравый смысл в том, чтобы сделать соответствующими настройки по умолчанию для типа содержимого. Другими словами, сделайте все новые ресурсы с этого момента по умолчанию использующими шаблон 7in1 Single Article, а также они должны быть скрытыми от меню. Конечно же, можно отредактировать один за одним все ресурсы и это не будет проблемой, так как остальные мои страницы уже созданы и большинство новых ресурсов буду статьями. Итак, чтобы сделать это, идём System->System Settings, далее фильтр « area» и выбираем “Site”.  Нужные настройки – Default Template, Hide from Menus Default.

После внесения изменений наблюдаем такую картину:

Теперь, при создании нового ресурса, он берёт шаблон отдельной статьи по умолчанию и уже поставлена галочка в Скрыть от меню (Hide From Menus).

Заметка: Обратите внимание, что такое поведение будет в случае, когда документ создаётся в корне. Если же вы зайдёте в любой контейнер и нажмёте «Создать документ здесь» (Create a Document Here), то он возмёт шаблон контейнера и скроет от меню. Поэтому будьте внимательны к настройкам каждого ресурса.

Давайте продолжим и создадим около 8 простых статей для нашего сайта, чтобы сниппет мог их объединить и вывести getResources. Я беру сгенерированный текст отсюда http://www.malevole.com/mv/misc/text/ и произовальные картинки из Гугла.  Позже при наличии времени я заменю этот текст другим необходимым, здесь же в целях обучения будет достаточно наличия любого текста и картинок. Вот как выглядит дерево моего сайта в данный момент:

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

4. Подготовка страницы агрегированного контента.

Если вы используете тот же шаблон, что и я, то посмотрите на код и вы увидите, что он почти не отличается от кода для обычного шаблона, но без секции комментирования и других аналогичных элементов, поэтому можно использовать те же чанки и код, что мы использовали ранее. Вот как будет выглядеть шаблон 7in1 Aggregated Articles:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> [[$7in1-header]] </head> <body> [[$7in1-logo-nav-search-bar]] <div></div> <div> <div> <div> [[*content]] </div> <!-- end post_content --> [[$7in1-articles-sidebar]] </div> <!-- end container_bkgnd_btm --> </div> <!-- end page_container --> <div></div> <div> </div> [[$7in1-bottomwidgets]] <div> </div> [[$7in1-footer]] </body> </html>

Теперь я использую данный шаблон для вывода содержимого ресурсов — дочерних элементов следующих контейнеров – контейнер Articles и каждого из контейнеров для категорий, в моём случае — MODX News, MODX Web Development, MODX Tips and Tricks и Other Stuff.  Теперь одна из категорий будет выглядить приблизительно так:

Давайте перейдём к выводу нашего контента.

5. Базовый вызов сниппета getResources

Перед тем, как мы начнём формировать вызов сниппета и работать с getResources, важно познакомится с несколькими вещами, которые могут легко ввести в заблуждение, если вы до этого не были знакомы с getResources и даже если вы знакомы. Я называю их мои getResources уловки!

• Вызов getResources по-умолчанию не содержит шаблона вывода. Вам необходим шаблон — tpl-чанк, чтобы определить вывод содержимого ресурса (ресурсов).
• getResources по-умолчанию не покажет ресурсы, которые скрыты от меню, поэтому вам необходимо задать &showHidden=`1`
• getResources по-умолчанию не включит поля содержимого ваших ресурсов, поэтому вам необходимо задать &includeContent=`1`
• В дополнение, если даже вы установите includeContent, сниппет getResources по-умолчанию не включит переменные шаблона, поэтому вам необходимо задать &includeTVs=`1` и &processTVs=`1`
• Если вы зададите includeTVs и processTVs, сниппет getResources будет ожидать, что в вашем шаблоне tpl,  вы будете обозначать ваши переменные шаблона префиксом “tv.”. Вы можете перезаписать это добавив &tvPrefix=` ` и далее использовать только лишь имя переменной шаблона как заполнитель.
• Если вы выводите необходимые ресурсы через параметр &resources=`1,2,3`, где 1,2,3 — выводимые ресурсы, то не забудьте обязательно указать параметр &parents=`-1`

Есть еще много моментов, но это основные, в которых легко допустить ошибку.

Как и у всех других сниппетов, вызов getResources выглядит так:

[[!getResources]]

Базовый вызов позволит вам убедиться в том, что сниппет работает на нашем сайте. Если я размещу данный вызов на странице Articles page я ничего не получу. Вы можете подумать, что происходит что-то неправильное, но этому есть простое объяснение. Помните наш список находок? По умолчанию getResources ожидает, что ваши ресурсы не будут скрыты от меню, поэтому если вы хотите показать скрытые ресурсы вам необходимо добавить параметр &showHidden и установить его значение в true. Поэтому отредактируйте ваш вызов:

[[!getResources? &showHidden=`1` ]]

Если я перегружу страницу, то вот что я получу:

Выглядит плохо, но это значит, что getResources работает и извлекает контент. Что нам сейчас нужно сделать, так это привести контент к нужному виду и определить какими должны быть наши параметры: например, какие контейнеры использовать для параметра parents, как глубоко в дереве ресурсов делать выборку самих ресурсов, какие поля каждого ресурса мы хотим извлекать на нашу страницу статей и т.д.

6. Создание шаблонирующего tpl чанка для getResources

Для вывода страницы в нужном нам виде, нам необходимо создать чанк для шаблонизации отдельных элементов, которые будет извлекать наш сниппет getResources.  Для этого, я возьму код из статического шаблона, который представляет каждый элемент поста и заменить статические элементы динамическим кодом.

При работе с tpl-чанком мы используем синтаксис заполнителя [[+field_name]] для динамических кусков.

Итак берём HTML код для вывода поста блога в статическом коде файла шаблона blog.html:

<div> <div> <div> <span>06</span> <span>Jan</span> <span>2010</span> </div> <h4><a href="single.html" rel="bookmark" title="Permanent Link to Blog Post 5">Blog Post 5</a></h4> </div> <div> <p><a href="single.html"><img title="slide_7_new" src="sample-data/slide_7_new.jpg" alt="" /></a>This is a test…Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p> . . . <a href="#">Read the rest of this entry &raquo;</a></p> </div> <div>Tags: <a href="#" rel="tag">tag3</a>, <a href="#" rel="tag">tag5</a>, <a href="#" rel="tag">tag7</a><br /> Posted in <a href="#" title="View all posts in Latest News" rel="category">Latest News</a> | <a href="single.html#comments" title="Comment on Blog Post 5">6 Comments &#187;</a></div> </div>

Мы можем использовать данный код как базу нашего tpl чанка. Я заменю статические куски заполнителями. Для короткого содержимого поста я не хочу извлекать содержимое поля Content ресурса, мне нужна лишь короткая выдержка. Поэтому я буду использовать поле аннотация (Introtext) ресурса и далее выводить его, используя конструкцию [[+introtext]] можно также использовать Переменную шаблона [[+tv.tvname]]. Для вывода также можно использовать содержимое ресурса — поле Content. Я могу взять, например, первые 350 символов каждой статьи и вывести. Чтобы это сделать прикрепляю фильтр вывода :ellipsis=350 к моему заполнителю контента.

<div> <div> <div> <span>[[+publishedon:strtotime:date=`%d`]]</span> <span>[[+publishedon:strtotime:date=`%b`]]</span> <span>[[+publishedon:strtotime:date=`%Y`]]</span> </div> <h3><a href="[[~[[+id]]]]" rel="bookmark" title="Permanent Link to [[+pagetitle]]">[[+pagetitle]]</a></h3> </div> <div> <p><a href="[[~[[+id]]]]"><img title="[[+tv.article_image_title]]" src="[[+tv.article_image]]" alt="" /></a> [[+content:ellipsis=`350`]]</p> <a href="[[~[[+id]]]]">Read the rest of this entry &raquo;</a></p> </div> <div>Tags: <a href="#" rel="tag">tag3</a>, <a href="#" rel="tag">tag5</a>, <a href="#" rel="tag">tag7</a><br /> Posted in <a href="#" title="View all posts in Latest News" rel="category">Latest News</a> | <a href="single.html#comments" title="Comment on Blog Post 5">6 Comments &#187;</a></div> </div>

Помните о том, что мы оставляем секцию тегов статической в данный момент, потом к этому мы ещё вернёмся.

Теперь я могу сохранить этот код в чанк, который я назову articleTpl. Далее я изменю мой вызов getResources, добавив туда мой tpl-чанк.

[[!getResources? &showHidden=`1` &tpl=`articleTpl` ]]

Если мы перегрузим нашу страницу Articles, то сразу увидим разницу:

Картинка постепенно оживает!  Мы видим, что выводимый контент отображается с использованием правильного шаблона и мы можем нажать на заголовки, которые ведут на отдельные посты. Но еще предстоит еще много поработать.

Обратите внимание, что если у вас более 5 статей, то только 5 появятся на странице. Так происходит потому что по умолчанию getResources ограничен количеством извлекаемых страниц, которое равно 5.

Вы можете перезаписать данный параметр добавив &limit и указав необходимое количество статей. Я установлю количество статей равным 10, чтобы убедится, что у меня работает всё так как нужно.

Вспоминая наши уловки описанные выше, мы знаем причину того, что аннотации контента не показываются и причину того, что наши заполнители картинок пусты, потому что нам необходимо использовать includeContent, includeTVs и processTVs. Давайте изменим наш вызов и добавим следующие элементы:

[[!getResources? &showHidden=`1` &tpl=`articleTpl` &limit=`10` &includeContent=`1` &includeTVs=`1` &processTVs=`1`]]

Если мы обновим нашу страницу теперь, то увидим изображения и короткие в 350 символов аннотации извлекаемого содержимого, как я указал в шаблонирующем tpl-чанке:

Теперь наш контент извлекается и выводится нужнім образом, можем продолжить далее и улучшить наш вызов getResources, добавив другие параметры, которые нам могут понадобиться.

7. Добавьте другие параметры к вызову getResources

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

Выбор параметров зависит от поведения сайта, которого нужно добится. В моём случае есть ещё парочка параметров, которые я хотел бы добавить.

Если вы взглянете на вывод, то заметите, что страница Articles извлекается на странице категории, то бишь MODX News, MODX Web Development, MODX Tips & Tricks и Other Stuff. Очевидно, что я этого не хочу. Вместо этого, я хочу обозначить, что эти субконтейнеры являются предками ресурсов, которые я хочу показать и я хочу проникать только на один уровень вниз до этих субконтейнеров. По умолчанию, getResources предполагает, что ресурс, в котором вы разместили вызов вашего сниппета – это родительский ресурс и он показывает все ресурсы под собой и их дочерние ресурсы на глубину равную 10.

Поэтому я изменю мой вызов и добавлю ID субконтейнеров тех ресурсов, которые я хочу включить и определю глубину отображения ресурсов:

[[!getResources? &showHidden=`1` &tpl=`articleTpl` &limit=`10` &includeContent=`1` &includeTVs=`1` &processTVs=`1` &parents=`13,14,15,16` &depth=`1`]]

Теперь данный вызов покажет только статьи сами по себе, а не их родительские контейнеры. Есть еще несколько спобов сделать так же. Например, если вы собираетесь добавить контейнеры других категорий в будущем и не хотите помнить о том, как возвращаться к вызову, чтобы добавить их ID к параметру &parents, то можете использовать &hideContainers=`1` и далее убрать или отредактировать параметр &depth, чтобы он отвечал структуре вашего сайта. В этом случае вы можете полностью убрать &parents, так как getResources будет считать, что вызов сниппета происходит в родительском ресурсе или для завершения редактирования задайте его значение равным [[*id]]:

[[!getResources? &showHidden=`1` &tpl=`articleTpl` &limit=`10` &includeContent=`1` &includeTVs=`1` &processTVs=`1` &parents=`[[*id]]` &hideContainers=`1`]]

Ну вот мы и закончили работу над нашим сниппетом getResources.  Надеюсь, вы нашли что-то для себя полезное и можете разобраться с расскрытым здесь вопросом и использовать это в построении ваших сайтов.

Домашнее задание:

Вот маленькое домашнее задание для вас, чтобы протестировать знания, приобретённые в ходе урока.

• Поработайте над первой секцией сайдбара страницы articles, чтобы построить список и ссылки на категории статей. Можете использовать для этого Wayfinder или getResources, оставляю выбор за вами
• После этого, необходимо, чтобы страницы, на которые вели ссылки данных категорий содержали агрегацию контента только этой категории. Это просто сделать.

Закончился первый курс обучения MODX / Личный блог / Блоги / bezumkin.ru

И вот, он закончился. Не всё прошло как мы себе представляли, но все участники довольны. Конечно, мы попросили оставить честные отзывы, и среди прочего в ответ пришло письмо, которое я хочу процитировать полностью:

Отзыв о курсе … «курс повышения квалификации (или даже просто — обучения) по MODX Revolution в частности, и по веб-программированию, в целом»

Курс начался 17 ноября и официально был продлён до 24 декабря. А ведь планировался только месяц! Т.е. всего 30 дней. Хорошо это или плохо? Для новичка это огромный ПЛЮС. Потому что долго перевариваю информацию. По ходу дела оказалось, что продление очень даже было необходимо и не только мне.

Хотя программа курса имела только 12 пунктов, которые именовались заметками, это оказались полноценные уроки, главы из учебника практически. А вы видели в продаже учебник по MODX на русском? Я нет и видимо не скоро увижу. В интернете полно статей, полно видео-уроков по мод-экс. Но нет до сих пор хоть какого-нибудь учебничка по движку.

Все статьи таких же новичков делящихся радостью что смогли освоить такой универсальный движок. Да это здорово что пошагово расписано как собирается сайт-визитка и даже простенький блог. Но многие статьи уже устарели т.к. рассчитаны на версию MODX evo. А на данный момент мы уже имеем версию MODX revo v.2.2.6. Основное различие в версиях это синтаксис и увеличение функций движка. Но для новичков очень трудно запомнить где какие скобки надо ставить! Поэтому имеет смысл учится сразу на новой версии. Курс был рассчитан как раз на последнюю, на тот момент, версию MODX revo v.2.2.5.

Да и редкие первопроходцы по осваиванию движка продолжают делиться своими наработками на доступном языке. Большинством любителей движок осваивается для заработка и люди успешно освоившись в нём уходят с головой в хорошо оплачиваемую работу. И в свете этих наблюдений я с радостью увидела что мне хотят преподать основательные уроки. Я не могла это упустить. Да это не бесплатно, но если сравнить с теми объёмами информации что нам дали и тем что дают на похожих курсах, то это копейки. Хотя из меня не вышел полноценный программист после курса и я не уверена что смогу заработать вот прям сейчас, я ни чуть не жалею денег. Все люди разные, разный опыт, разные цели. Меня не покидает надежда что смогу в будущем на этом зарабатывать.

На курсе даны не просто базовые понятия работы с движком, но сама сущность движка раскрыта. Первый раз читая урок я далеко не сразу его понимала и за месяц я не раз перечитывала уроки и перечитываю. И теперь когда копаюсь в инете, в поисках каких то деталей по движку, я вдруг обнаруживаю, что всё то что дано НАМ было в сжатом понятном виде раскидано по всему инету. Т.е. захоти я сама осваивать движок то это пришлось бы десятки и сотни статей отыскивать в инете и вчитываясь что имел ввиду автор, в то время как нам это было дано в читабельном виде. В общем для меня этот курс теперь как библия. Читаю, перечитываю и нахожу что-то новое каждый раз.

Из минусов могу сказать о двух. В программе к курсу было написано «3. Как выкручивались программисты без CMS. Изучаем основы php.» и определить какие будут основы я не смогла. Для этого курса желательно было всё таки иметь знания по PHP не нулевого уровня. А у меня они именно такого. И второй минус, мне показалось что наши сенсеи слишком заняты. Т.е., на мой взгляд, зря было набрано больше 20 человек в группу. Чем больше людей, тем больше различие в уровнях знаний. И на фоне продвинутых становится не удобно лезть со своими вопросами. А продвинутым становится грустно что их наставники тратят время на новичков, а новички время затягивают. Я имею опыт обучения веб-программирования на рельных курсах. 2 месяца, 3 раза в неделю по 4 часа урок. Было около 15 чел. учащихся. Так вот даже в реале трудно всем уделить внимание и 15 раз повторить одно и тоже разными словами. Поэтому, мне кажется, имеет смысл более чётко формулировать для КОГО курс и ограничить количество людей. Тогда и растягивать на 2 месяца месячный курс наверно не придётся.

Но тем не менее я не жалею о времени потраченном на курсе. Это побудило меня дальше читать, изучать. И более того, мне хочется ещё учится у этих людей. Редкие люди умеют доступно рассказать и вообще хотят делиться знаниями.

О себе вкратце могу рассказать следующее. Как принято нынче говорить, я человек с ограниченными физическими возможностями. Передвигаться в пространстве мне тяжело. Большая часть моего обучения проходит заочно или редкими набежками. Но тем не менее я много общаюсь с людьми как в реале, так и в инете. Решение заняться программированием принято было не мной. Но меня приучили доводить дело до конца. Вот и учусь и углубляю знания. На данный момент стоит проблема по созданию сайта для общества инвалидов. Т.е. он есть, но я стремлюсь к совершенству, а это безгранично. А на MODX меня подсадили друзья. Т.е. я всё равно не умела ни с одним движком работать, с чего-то надо было начинать. Пока он справляется с моими задачами, а мне надо справиться с ним. Вот мой сайт invaikar.ru/ простенький и с ошибками. Но надеюсь его вырастить в полноценный сайт, гордость города.

Прикладываю своё фото с посещения филармонии в октябре. С удовольствием была на рок-опере «Иисус супер-звезда».

С ув. Юлия

В общем, наш первый опыт оказался вполне удачным, дальше будет только лучше!

Очень уважаемая Юлия, не стесняйтесь задавать ваши вопросы — мне будет приятно рассказать вам что-то еще.

Инструкция к CMS Evolution (modx)

Изначально мы написали эту статью в помощь клиентам нашей студии. Но спустя время эту страницу стали посещать тысячи пользователей со всей России, которые искали информацию по этой замечательной CMS. Мы разрабатываем сайты на этой системе управления уже много лет, поэтому, если вас интересует поддержка или доработка вашего сайта, вы можете смело обращаться по электронной почте [email protected]!

Для входа в систему управления сайтом необходимо к адресу вашего сайта добавить /manager. Итоговый адрес будет site.ru/manager

Далее необходимо ввести логин и пароль, который мы вам предоставляем, после этого вы попадаете на главный экран системы управления.

Чтобы общаться с вами «на одном языке», приведём несколько понятий, которые пригодятся:

«Система управления сайтом», она же «CMS (Content Management System)», она же «админка».
Это та «оболочка», через которую вы осуществляете всю работу с сайтом – наполнение, управление и так далее. На скриншоте ниже вы можете увидеть её внешний вид

Бэкенд («бэк»), фронтенд («фронт»)
Как понятно из названия, это «задник» и «передник» сайта. Бэком называется то, что вы видите в админке. Фронтом – то, что на реально действующем сайте.

Дерево ресурсов
Структура страниц сайта в виде раскрывающегося дерева. Её вы можете увидеть в левой части окна CMS. Она позволяет визуально понять, какие разделы, подразделы и страницы есть на сайте. На скриншоте выше дерево ресурсов находится слева, тёмная область.

Ресурс
Любая из страниц сайта. Это может быть главная, страница, статья, услуга, товар, страница контактов — что угодно. Всё, что вы видите на сайте — это ресурсы.

Дочерний ресурс
Ресурс второго уровня (подресурс). Например, у нас может быть раздел «Услуги» (в таком случае он называется ресурсом) и его подразделы — вот они будут называться дочерними ресурсами («дочерний» — понятие относительное, поэтому при любом раскладе они всё же называются «ресурсами»)

ID (айди) ресурса
Цифра, написанная справа от ресурса в дереве. Нужна, в основном, чтобы избежать путаницы при общении по какому-то вопросу. Например, может быть одновременно два ресурса с одинаковым названием (например, два врача-однофамильца). Чтобы проще объяснить кому-тО, какой ресурс смотреть, можно назвать его порядковый номер, то есть, айди.

Шаблон
Визуальная структура ресурса. От шаблона зависит, как будет отображаться та или иная страница. Любой ресурс можно сделать любым шаблоном. Например, любой услуге можно присвоить шаблон «Контакты» и на ней ожидаемо появится карта. Именно этот фактор является огромным преимуществом этой CMS. Любой ресурс может выступать в роли любой страницы при условии смены всего лишь его шаблона.

Публикация
Статус ресурса. Ресурс может быть опубликован (тогда его увидят все пользователи), либо не опубликован (тогда его увидят только администраторы сайта и никто более)

«TV-параметр» (ТВ-параметр)
Поле с неким параметром сайта. Это может быть ввод картинки, какого-то названия, текста, заголовка – по-русски это называлось бы просто «параметром», но в рамках работы с этой CMS, чтобы не было путаницы, ввели понятие «TV-параметр». Самый простой пример – это ввод номера телефона, который отображается в шапке сайта. Поле ввода и будет называться TV-параметром. Пример ТВ-Параметров ниже на скриншоте.

«Мульти-TV»
Аналогично предыдущему термину, это просто параметр ресурса. Однако, название явно показывает, что у него есть возможность ввода множества данных, объединённых одним TV-параметром. Например, если у компании несколько телефонов, то плодить множество TV-параметров неудобно (т.к. телефоны могут появляться хоть по 5 штук в день). В таком случае используется Мульти-ТВ. Пример внешнего вида мульти-ТВ находится ниже на скриншоте. Зелёным плюсом и красным минусом мы можем регулировать количество ТВ-параметров внутри одного мульти-ТВ

DocPicker (ДокПикер)
Используется нечасто и не факт, что у вас он будет, но инструкция общая для всех, поэтому нужно его упомянуть. Используется для логической связи ресурсов между собой. Например, одна из частых задач – конкретному филиалу компании присвоить нужных сотрудников. Для этого в строке пишутся номера ID ресурсов. На скриншоте ниже показано, что сотрудник относится именно к филиалу на Московской, д. 123.

Табы
«Закладки» внутри админки, на которых расположены ТВ-параметры. Расположены в самом верху окна редактирования ресурса.

Файловый менеджер
Используется для загрузки файлов и изображений на сайт. Вызывается кликом по кнопке «Вставить» в ТВ-параметре.

Представляет собой стандартный проводник с обычными файлами и папками. То, что вы видите в нём – это файлы, расположенные на хостинге (а не на вашем ПК). Для того, чтобы загрузить файл, необходимо нажать зелёную кнопку «Загрузить» и выбрать необходимый файл на вашем ПК. Рекомендуем создавать папки в левом дереве файлов, а не грузить всё в одну, чтобы потом вам самим было проще найти нужный файл.

PageBuilder (ПейджБилдер)
Один из самых сложных, но при этом, самых часто встречающихся модулей нашей админки. Представляет собой «сборщик-конструктор» страницы. В основном, используется на каких-то больших внутренних страницах (например, конкретной услуги, продукта, статьи и так далее).

Для начала вернёмся к объяснению, которое мы 100% рассказывали вам на встрече, просто вы забыли. Любая страница состоит из неких визуальных блоков. Если бы статья содержала в себе только текст, то было бы прекрасно, и никакой ПейджБилдер нам не потребовался бы. Однако, зачастую, статья может содержать в себе: текст, галерею, слайдер, отзывы, преимущества, что угодно. Все эти блоки имеют свой html-код, свою вёрстку. И без знаний этого кода вы просто-напросто не сможете скомпоновать порядок блоков на странице так, как вам нужно.

Рассмотрим на примере. Ниже будет скриншот страницы услуги Стоматологии.

Явно видно, что на картинке шесть разных визуальных блоков. Но ведь очевидно, что прайс-лист на какой-то услуге может быть, а на какой-то – нет. На какой-то услуге может быть блок с круглыми картинками, а какая-то услуга – это всего лишь один абзац текста, т.к. про неё больше нечего писать. Именно для этого и нужен ПейджБилдер. Он позволяет без знания кода формировать порядок блоков на странице. Фактически, ПейджБилдер – это всего лишь чуть более навороченный МультиТВ.

Теперь посмотрим, как выглядит этот же сайт в разрезе ПейджБилдера в админке.

По принципу МультиТВ мы можем добавить в любом порядке блок с определённой визуальной структурой и наполнением. Эти блоки можно менять местами, можно добавлять несколько одинаковых блоков и так далее.

Вот именно понять, как выбрать наиболее привлекательный блок для какого-то наполнения – это и есть основная проблема (даже не проблема, а сложность) в наполнении сайта.

Рассмотрим на примере. Один и тот же текст можно вверстать в сайт по разному, ниже три примера:

«Правильного» решения тут нет, это – абсолютный субъективизим, который влияет только на визуальную подачу, не более. Но именно этот момент вызывает у всех большинство вопросов.

Работа с окном редактирования ресурса довольно простая. Давайте по порядку, сверху-внизу. Ниже – скриншот-пример:

Всегда обращаем внимание на табы. Есть три стандартных таба, которые есть у каждого ресурса: Общие, Настройки страницы, SEO. А есть у некоторых ресурсов дополнительные. Как правило, это различные галереи, пейджбилдеры и другие ТВ-параметры.

У каждого ресурса есть стандартные поля:

• Заголовок. Это – название страницы. Как правило, используется на фронте в качестве заголовка.
• Псевдоним. Это адрес страницы на фронте. Например, site.ru/adres-stranicy. В данном случае, adres-stranicy является псевдонимом. Его трогать не нужно, он формируется автоматически на основе заголовка по правилам транслитерации.
• Шаблон. Как правило, шаблон выбирается автоматически при создании ресурса (на основе «соседних» ресурсов). Но если вы видите, что вы наполнили всё верно, а на фронте какая-то ерунда, то в первую очередь проверьте шаблон и сверьтесь с ресурсом, который работает корректно.
• Позиция в меню. Порядковый номер вывода ресурса на фронте.

Табы SEO и «Настройка страницы», как правило, заказчиками не используется. Если же вам это нужно, то, скорее всего, вам эта инструкция уже бесполезна 🙂

пользовательских классов ресурсов — ресурсы

Пользовательские классы ресурсов доступны только в MODX 2.2 и новее.

Что такое специальный класс ресурсов? ¶

Настраиваемый класс ресурсов (CRC) — это класс PHP, который расширяет класс modResource, позволяя настраивать типы ресурсов, которые могут представлять различные типы данных или приложений. Ядро MODX использует четыре различных типа классов ресурсов: документы, WebLinks, SymLinks и статические ресурсы.Другими типами CRC могут быть тип блога, тип форума, тип альбома галереи, тип RSS-канала и т. Д. — в основном любой тип контента, для которого вам нужен URL-адрес (помните, что «R» в URL-адресе означает Resource ).

CRC создаются путем расширения класса modResource в PHP и загрузки нового класса в систему MODX через пакеты расширения. Они хранят свои данные в той же таблице, что и обычные ресурсы (в modx_site_content , но они будут использовать настраиваемое значение для столбца class_key), но они могут вести себя по-другому и иметь настраиваемый интерфейс управления.

Когда использовать¶

CRC полезны для создания «встроенных приложений» в MODX, таких как тип сообщения в блоге (например, modBlog), который позволяет вам разместить блог на вашем уже существующем сайте MODX. Вы можете использовать их, когда у вас достаточно опыта разработчика, вы хорошо знакомы с объектно-ориентированным кодом и понимаете, как ваше приложение может вписаться в таблицу содержимого MODX вместе с другими ресурсами.

Когда не использовать¶

CRC

не рекомендуется использовать, если вы просто хотите добавить несколько дополнительных полей к ресурсу или изменить представление ресурса во внешнем интерфейсе.В таких ситуациях лучше всего справляться с помощью шаблонов и переменных шаблона. Не используйте CRC, если вы не являетесь сильным разработчиком или если ваши дополнения не нужно обрабатывать и отображать через встроенные списки ресурсов MODX.

Также помните, что CRC не могут быть переопределены сами по себе: вы не можете расширить CRC.

«Практическое правило»
Если это легче сделать с помощью фрагментов кода или переменных шаблона, то, вероятно, лучше сделать это таким образом: CRC разработать намного сложнее.

Использование¶

CRC выглядят как обычные ресурсы в дереве. Класс CRC также может подключаться к контекстным меню в дереве ресурсов, чтобы добавить параметры для создания типа CRC, такие как «Создать блог здесь» и т. Д. Они могут использовать панели редактирования ресурсов по умолчанию или могут предоставить полностью отдельного пользователя. интерфейс для управления их контентом. Некоторые CRC могут даже иметь другие подклассы (например, modBlogPost при использовании CRC modBlog), которые полностью скрыты от основного дерева ресурсов.Это полезно при работе с большим количеством ресурсов, которые плохо масштабируются в пользовательском интерфейсе дерева.

Контроллеры, процессоры и основные функции рендеринга

CRC могут быть расширены и переопределены. Вы можете, например, автоматически добавлять текст к выводу любого содержимого CRC, переопределив метод process () или getContent () CRC в классе PHP. Любой метод в классе modResource доступен для переопределения при использовании CRC.

Создание CRC¶

Следуйте инструкциям по созданию класса ресурсов.

MODX Evolution

Реквизиты компании

* поля обязательны для заполнения
* Название компании
* Веб-сайт
http: //

Страна штаб-квартиры
Выберите страну … United StatesAfghanistanAland IslandsAlbaniaAlgeriaAmerican SamoaAndorraAngolaAnguillaAntarcticaAntigua И BarbudaArgentinaArmeniaArubaAustraliaAustriaAzerbaijanBahamasBahrainBangladeshBarbadosBelarusBelgiumBelizeBeninBermudaBhutanBolivia, многонациональное государство OfBonaire, Синт-Эстатиус и SabaBosnia И HerzegovinaBotswanaBouvet IslandBrazilBritish Индийский океан TerritoryBrunei DarussalamBulgariaBurkina FasoBurundiCambodiaCameroonCanadaCape VerdeCayman IslandsCentral африканских RepublicChadChileChinaChristmas IslandCocos (Килинг) IslandsColombiaComorosCongoCongo, Демократическая Республика TheCook IslandsCosta RicaCote D’ivoireCroatiaCubaCuracaoCyprusCzech RepublicDenmarkDjiboutiDominicaDominican РеспубликаЭквадорЭгипетЭль-СальвадорЭкваториальная ГвинеяЭритреяЭстонияЭфиопияФолклендские (Мальвинские) острова Фарерские островаФинляндияФранцияФранцияФранцузская ГвианаФранцузская ПолинезияФранцузские Южные территорииГабонГамбияГрузияГерманияГанаГибралтарГрецияГренландияГренадаГуань ineaGuinea-BissauGuyanaHaitiHeard остров и МакДональда IslandsHoly Престол (Ватикан) HondurasHong KongHungaryIcelandIndiaIndonesiaIran, Исламская Республика OfIraqIrelandIsle Из ManIsraelItalyJamaicaJapanJerseyJordanKazakhstanKenyaKiribatiKorea, Корейская Народно-Демократическая Республика OfKorea, Республика OfKuwaitKyrgyzstanLao Народная Демократическая RepublicLatviaLebanonLesothoLiberiaLibyaLiechtensteinLithuaniaLuxembourgMacaoMacedonia, бывшая югославская Республика OfMadagascarMalawiMalaysiaMaldivesMaliMaltaMarshall IslandsMartiniqueMauritaniaMauritiusMayotteMexicoMicronesia, Федеративные Штаты OfMoldova, Республика OfMonacoMongoliaMontenegroMontserratMoroccoMozambiqueMyanmarNamibiaNauruNepalNetherlandsNew CaledoniaNew ZealandNicaraguaNigerNigeriaNiueNorfolk IslandNorthern Mariana ОстроваНорвегияОманДругойПакистанПалауПалестинская территория, оккупированнаяПанамаПапуа-Новая ГвинеяПарагвайПеруФилиппиныПиткэрнПольшаПортугалияПуэрто-РикоКатарВоссоединениеРумынияРоссийская ФедерацияРуандаСент-БартелемиСвятая Елена, Вознесение d Тристан да CunhaSaint Киттс И NevisSaint LuciaSaint Мартин (французская часть) Сен-Пьер и MiquelonSaint Винсент и GrenadinesSamoaSan MarinoSao Фолиант И PrincipeSaudi ArabiaSenegalSerbiaSeychellesSierra LeoneSingaporeSint Маартен (Голландская часть) SlovakiaSloveniaSolomon IslandsSomaliaSouth AfricaSouth Джорджия и Южные Сандвичевы IslandsSouth SudanSpainSri LankaSudanSurinameSvalbard и Ян MayenSwazilandSwedenSwitzerlandSwitzerlandSyrian Арабские RepublicTaiwan, провинция КитаяТаджикистанТанзания, Объединенная РеспубликаТаиландТимор-ЛештиТогоТокелауТонгаТринидад и ТобагоТунисТурцияТуркменистанТуркс и КайкосТувалуУгандаУкраинаОбъединенные Арабские ЭмиратыВеликобританияСредние Острова Соединенных Штатов, Униргинии, Британские Острова, Уругвай, ВайнджинияС.Уоллис и Футуна, Западная Сахара, Йемен, Замбия, Зимбабве,

Почтовый индекс штаб-квартиры

Год основания
202120202019201820172016201520142013201220112010200920082007200620052004200320022001200019991998199719961995199419931992199119

919881987198619851984198319831982198119801979197819771976198319721981198019791978197719761983197219811980197919781977197619831972197

Сотрудники
Выберите диапазон 1-910-4950-99100-299300-499500-9991000-19992000 + Другой

Другой номер

Как перенести Evolution CMS на WordPress за 6 простых шагов

Для качественного онлайн-проекта важно продумать концепцию, структуру и дизайн в соответствии с требованиями.В связи с этим решение о выборе правильной платформы становится еще более важным. В этой статье мы собираемся выделить платформы Evolution CMS и WordPress, а также быстрый способ переноса контента.

Говоря о Evolution CMS…

Сейчас существует огромный выбор систем управления контентом, одна из них — Evolution CMS. За этим стоит интересная история — продукт появился благодаря MODX CMS и на данный момент существует как отдельной независимой CMS .Сообщество впервые выпустило MODX Evo 1.0.9 еще в 2013 году.

-Evolution CMS Хронология

Ключевые особенности Evolution CMS:

• Бесплатная лицензия. Программное обеспечение можно скачать с официального сайта и без проблем готово к установке.
• Открытый исходный код позволяет вносить любые изменения.
• Регулярные обновления предотвращают уязвимости программного обеспечения, поэтому вам не нужно беспокоиться о «дырах в безопасности».
• выбор из модулей доступен в административной панели для установки и загрузки.

Несмотря на достоинства, данная CMS для сайта имеет недостатки, которые могут привести к затруднениям при разработке и администрировании:

• Сложный интерфейс . Изучение того, как работает система, может занять много времени, если у вас нет опыта. Также довольно сложно найти подробные, пошаговые уроки и инструкции.
• Поскольку Evo CMS является бесплатной платформой, не поддерживает поддержку готова помочь в любое время дня. Тем не менее, Сообщество (в основном русскоязычное) может ответить на ваши вопросы.
• В отличие от конкурентов (в частности WordPress), выбор готовых шаблонов очень ограничен . Заказ индивидуального шаблона потребует дополнительных финансовых затрат.

Особенности WordPress

Хотя WordPress начал свой путь в качестве платформы для ведения блогов еще в 2003 году, теперь он превратился в полноценную систему управления контентом — все благодаря обширному набору тем, плагинов и других встроенных инструментов .Фреймворк работает на PHP, JavaScript, CSS и Ajax , чтобы люди могли создавать что угодно на лету.

Фактически, эта платформа прямо сейчас качает чарты. WordPress — отличная идея, чтобы стать окончательным решением для вашего проекта.

Evolution CMS для WordPress: переход к миграции

Теперь самое время подробно изучить процесс миграции Evolution CMS на WordPress. CMS2CMS, автоматизированная служба миграции форумов и веб-сайтов, предлагает вам сверхбыстрый и безопасный способ полностью автоматизированного переноса.С его помощью весь ваш контент Evolution CMS будет перенесен в WordPress в течение 15 минут полностью автоматически.

Шаг 1

Прежде всего, вам нужна ваша учетная запись CMS2CMS. Вы можете использовать свою учетную запись Facebook или Google для регистрации в CMS2CMS.

Шаг 2

Укажите, с какой CMS вы собираетесь перейти. В нашем случае это Evolution CMS. Выберите его из списка предлагаемых платформ и укажите URL-адрес.

Пожалуйста, установите соединение с вашим существующим сайтом Evolution CMS. Прочтите это подробное руководство или заранее просмотрите видео о том, как использовать Connection Bridge. Когда вы закончите установку, нажмите кнопку «Проверить соединение» .

Шаг 3

Вы на полпути! Пришло время указать вашу целевую CMS. Выберите WordPress в качестве новой платформы и введите ее URL-адрес. Если у вас еще не установлен WordPress, вы можете попробовать перейти на тестовый сайт CMS2CMS.Вместо этого выберите соответствующую кнопку.

Подключитесь к своему сайту WordPress, установив подключаемый модуль Connector. Прочтите это подробное руководство по использованию подключаемого модуля Connector или посмотрите видео.

Шаг 4

Когда соединение между вашими веб-сайтами установлено, выберите, какие данные вы хотите перенести на новый веб-сайт WordPress. Выберите объекты, которые вы хотите перенести, и дополнительные параметры, если это необходимо. После этого вы можете запустить бесплатную демо-миграцию, чтобы сначала оценить результаты.

Шаг 5

Осталось только завершить миграцию. Выберите необходимые дополнительные параметры, выберите страховку миграции, проверьте, сколько она будет стоить, и приступите к миграции, нажав кнопку «Завершить миграцию» .

Если у вас есть купон на скидку, вам будет предложено ввести код для получения скидки — просто используйте для этого «У меня есть купон» .

Шаг 6

Вот и все! Теперь вы счастливый владелец веб-сайта на базе WordPress, на котором размещен весь ваш контент Evolution CMS.Проверьте результаты!

Завершение

Похоже, вы нашли полезный инструмент для передачи контента, не так ли? Обратите внимание на большое количество объектов, которые можно перенести во время этой смены.

Итак, похоже, вы наконец нашли инструмент для миграции с Evolution CMS на WordPress, не так ли? Таким образом, вы можете легко опробовать его в действии абсолютно бесплатно. Просто установите бесплатную демо-миграцию прямо сейчас, и вы увидите, насколько быстрой и простой может быть миграция, если ее доверить профессиональному инструменту.

Пытались ли вы перенести веб-сайт с Evolution CMS на WordPress раньше, и если да, то сталкивались ли вы с какими-либо проблемами, с которыми вам помогла эта статья?

Поделитесь своим мнением — мы любим ваши комментарии! И не забывайте подписываться на нас в социальных сетях! 😉 Facebook Twitter LinkedIn YouTube

Следующие две вкладки изменяют содержимое ниже.

Юлия Цвихун — интернет-маркетолог в CMS2CMS, автоматизированной службе миграции веб-сайтов и форумов. Ей нравится находить решения для улучшения веб-сайтов и направления путешествий.

Modx обучение. MODX Revolution — Базовый урок

В предыдущих руководствах мы установили и настроили modx, а также установили пакеты, которые потребуются для создания сайта. Сегодняшний урок посвящен переносу обычного дизайна HTML / CSS / JS в MODX Revo. Где взять дизайн, который я написал в статье: Шаблоны MODX — что это такое, где их взять (скачать, заказать, купить). Для своего сайта я выбрал готовый платный адаптивный шаблон начальной загрузки на themeforest за 17 долларов под названием brightbox (нажмите на название, чтобы увидеть его демонстрацию и описание).Можно использовать абсолютно любые, они полные и бесплатные — так что, скорее всего, вы лучше поймете весь принцип растяжки.

Структура тем HTML

Почти в каждой теме есть html, css, js и файлы изображений + у многих все еще есть файлы php — обработчики форм.

В моем случае папка assets содержит файлы css и js (в соответствующих директориях), в папке images — изображения и красные файлы (красных может и не быть — все зависит от установленного по умолчанию браузера) — эти являются html-файлами.

Перенос шаблона в Modx

Самый простой способ — просто загрузить все файлы с папками (кроме html) в корень сайта. Но я пойду более сложным путем. Поскольку modx усилен и у меня нет каталога ресурсов, я загружу контент из ресурсов (подпапки css и js) в корень сайта, а изображения — в корень.

Ранее я создал каталог шаблонов и поместил в него все файлы — вы можете сделать то же самое.

Редактирование базового шаблона

В дереве слева перейдите на вкладку «Элементы» и откройте исходный шаблон (вы можете просто щелкнуть ЛКМ или ПКМ и выбрать редактировать).

Убираем и заменяем на код из index.html (который мы не добавляли в корень сайта).

HTML-файл можно открыть обычным блокнотом, но лучше использовать, например, специальный редактор.

Сохраните и перейдите на главную страницу сайта.

Главная страница сейчас выглядит криво.

Это произошло из-за того, что пути к скриптам и css изменились.

Редактирование путей

Теперь пути выглядят следующим образом.

Кстати, это немного странная тема, обычно путь идет через косую черту /, и \\, давайте исправим.

Если вы уже установили пакет ace, то вы можете легко и легко выполнить поиск и замену, для этого щелкните код, а затем нажмите комбинацию клавиш Ctrl + H (работает в Linux и Windows), введите \ \ в верхнем поле, а в нижнем / и нажмите все.

В предыдущих руководствах мы установили и настроили modx, а также установили пакеты, которые потребуются для создания сайта.Сегодняшний урок посвящен переносу обычного дизайна HTML / CSS / JS в MODX Revo. Где взять дизайн, который я написал в статье: Шаблоны MODX — что это такое, где их взять (скачать, заказать, купить). Для своего сайта я выбрал готовый платный адаптивный шаблон начальной загрузки на themeforest за 17 долларов под названием brightbox (нажмите на название, чтобы увидеть его демонстрацию и описание). Можно использовать абсолютно любые, они полные и бесплатные — так что, скорее всего, вы лучше поймете весь принцип растяжки.

Структура тем HTML

Почти в каждой теме есть html, css, js и файлы изображений + у многих все еще есть файлы php — обработчики форм.

В моем случае папка assets содержит файлы css и js (в соответствующих директориях), в папке images — изображения и красные файлы (красных может и не быть — все зависит от установленного по умолчанию браузера) — эти являются html-файлами.

Перенос шаблона в Modx

Самый простой способ — просто загрузить все файлы с папками (кроме html) в корень сайта. Но я пойду более сложным путем. Поскольку modx усилен и у меня нет каталога ресурсов, я загружу контент из ресурсов (подпапки css и js) в корень сайта, а изображения — в корень.

Ранее я создал каталог шаблонов и поместил в него все файлы — вы можете сделать то же самое.

Редактирование базового шаблона

В дереве слева перейдите на вкладку «Элементы» и откройте исходный шаблон (вы можете просто щелкнуть ЛКМ или ПКМ и выбрать редактировать).

Убираем и заменяем на код из index.html (который мы не добавляли в корень сайта).

HTML-файл можно открыть обычным блокнотом, но лучше использовать, например, специальный редактор.

Сохраните и перейдите на главную страницу сайта.

Главная страница сейчас выглядит криво.

Это произошло из-за того, что пути к скриптам и css изменились.

Редактирование путей

Теперь пути выглядят следующим образом.

Кстати, это немного странная тема, обычно путь идет через косую черту /, и \\, давайте исправим.

Если вы уже установили пакет ace, то вы можете легко и легко выполнить поиск и замену, для этого щелкните код, а затем нажмите комбинацию клавиш Ctrl + H (работает в Linux и Windows), введите \ \ в верхнем поле, а в нижнем / и нажмите все.

Почему именно MODx и как я дошел до этого, я не пишу. Кому интересно — добро пожаловать в мою. Также предположим, что если вы пришли на этот урок, то вас интересует не просто создание сайтов, а создание сайтов на MODx. Предположим, у вас уже есть значение по умолчанию:

.

• компьютер (или ноутбук) с установленной операционной системой (не важно)
• мышь тыкать или нажимать
• клавиатура для нажатия или сжатия
• монитор
• Доступ в Интернет
• большое желание сделать сайты

Кстати, в таком устройстве, как ноутбук, все это вполне умещается.А если вы планируете часто работать на даче, лучше купите. Устраивайтесь поудобнее и повторяйте то, о чем я напишу дальше, и у вас все получится!

Для начала ставим все точки и запятые — план урока. Так как сразу взять и сделать сайт невозможно, будем учиться этому постепенно. Поэтому, возможно, первые уроки покажутся вам немного скучными или простыми — по мере приобретения навыков задания будут усложняться.

Изучение MODx лучше всего начать с создания веб-сайта-визитки.Это поможет вам не только понять основные принципы работы системы, но и узнать отличительные особенности, необходимые для постановки более сложных и интересных задач. Кстати, это один из трех китов заработка веб-студии, и именно на них можно не только заполучить, но и неплохо заработать (если сделать это быстро и найти много клиентов).

Что такое сайт-визитка?

Сайт-визитка — это небольшой сайт, состоящий из нескольких веб-страниц и содержащий основную информацию об организации, товарах или услугах, прайс-листы и контактную информацию.(C) Википедия

На самом деле сайт-визитка из 4 страниц можно сделать на голом html, но поддерживать такой сайт намного сложнее — если вы добавите хотя бы одну страницу, вам придется все переделывать. Так что системы управления контентом значительно облегчают жизнь рядовому контент-менеджеру или владельцу веб-сайта.

Как сделать сайт на modex

Перед тем, как приступить к разработке сайта, необходимо подготовить рабочее место. Поэтому заходим на официальный сайт с последней версией системы MODx CMS / CMF, и скачиваем.Официальный сайт плохо говорит по-русски, но это не помешает нам взять и скачать последнюю версию MODx Evolution. На момент написания последней версии MODx была 1.0.8. (Буквально на следующий день после выхода этого урока была анонсирована новая версия MODx Evolution 1.0.9. Подробности на habrahabr.ru/post/173667/)

Будьте осторожны: MODx 1.0.8 тоже последняя версия, но другая ветка системы управления, поэтому, если вы только начинаете знакомство с MODx, не спешите устанавливать Revolution 2.Уроки этого курса будут написаны специально для Evolution.

Тогда вам нужно либо установить веб-сервер на свой компьютер, либо сразу приступить к разработке сайта на хостинге. Я предпочитаю второй вариант, поскольку иногда при переносе сайта с локального хоста могут возникать непредвиденные ошибки. Так всегда бывает.

MODx официальный сайт

http://modx.com/

Учебники по созданию сайтов на MODx

Параметры сниппета

http: // wiki.modxcms.com/index.php/Category:Snippets

Последнюю версию дистрибутива можно скачать с http://modx.com/download/evolution/

Последовательность создания сайта на MODx эволюция

1. Создайте базу данных и пользователя с префиксом, определяемым хостером, чтобы потом не редактировать файл config.inc.php.
2. Установите MODx. Сделайте настройки.
3. Скопируйте шаблон сайта в папку с ресурсами / шаблонами.
4. Скопируйте код шаблона index.html в шаблон Minimal Templates.
5. Внутри регистра путь

   .

6. Зарегистрируйте пути к скриптам, изображениям, стилям (img, link, scrypts). Например,
7. Определите, сколько шаблонов будет на сайте.
8. Выберите части, общие для всех страниц, они будут фрагментами. Чанки отображаются в двойных фигурных скобках. Например, ((HEAD))
9. Главное меню сайта можно вынести в отдельный чанк….
10. Меню на сайте и карта сайта отображаются с помощью фрагмента Wayfinder. Описание фрагмента Wayfinder.
11. Список ресурсов, включая описания, изображения, ссылки … отображается сниппетом Ditto. То же описание фрагмента и примеры.
12. Навигация по хлебным крошкам отображается сниппетом хлебных крошек. Описание фрагмента Breadcrumbs.
13. Поиск по сайту осуществляется сниппетом AjaxSearch. Описание сниппета AjaxSearch.
14. Контактная форма — фрагмент электронной формы. Пример создания формы обратной связи с использованием фрагмента eForm.

Плагин

15. Phx предназначен для проверки отсутствия изображения в параметре ТВ, определения родительских свойств и т. Д.
16. Необходимо дополнительно зарегистрировать несколько стилей.
17. После перевода сайта на хостинг:

5 вещей, которые нужно спросить при найме разработчика MODX

За эти годы нас много раз наняли компании, которые наняли «разработчика» MODX (и я использую слово MODX «разработчики» слегка, потому что было очевидно, что они вообще не знали MODX при кодировании) для создания их сайт.Мы получаем телефонный звонок от потенциального клиента, который обычно выглядит так:

«Мы наняли компанию X для создания нашего веб-сайта на MODX. Но когда мы входим в систему, это беспорядок, и никто из нашей команды не понимает, как его использовать ».

Или мы получаем телефонный звонок от потенциального клиента MODX, который выглядит примерно так:

«Никто в нашем офисе никогда не создавал веб-сайтов и не знал HTML. Будет ли нам легко использовать MODX? »

Как команда, мы развернули сотни веб-сайтов MODX и извлекли очень ценные уроки.Цель создания сайта с использованием MODX — сделать ваш опыт работы с MODX чрезвычайно простым и сделать менеджер MODX интуитивно понятным даже для тех, кто никогда не поддерживал веб-сайт. (Вы можете узнать больше о нашей любви к MODX здесь).

Вот некоторые из уроков, которые мы извлекли и применили при создании веб-сайтов, которые вы должны спросить у своего потенциального разработчика MODX:

Получу ли я специальную документацию?

Когда вы впервые войдете в свой менеджер MODX, будете ли вы знать, как перемещаться по бэкэнду? Вы будете знать, как делать обновления? Тогда что произойдет через 6 месяцев, когда вы назначите другому члену команды задачу по обновлению вашего веб-сайта? Вы все запомните или сможете научить нового человека?

Это распространенный сценарий, который встречается у многих наших клиентов.В результате мы разрабатываем индивидуальную видеодокументацию для наших клиентов. Под «обычаем» мы подразумеваем именно это. У вашего веб-сайта, вероятно, будет собственная уникальная настройка. Понимание того, как ориентироваться в собственном менеджере MODX, может вызвать трудности, если вы не помните, как получить доступ к определенному разделу. Кроме того, если вы впервые управляете веб-сайтом через CMS, вам будет очень полезно посмотреть видео, объясняющее, как сделать обновление.

Таким образом, мы всегда выделяем время перед запуском для создания специальной видеодокументации для наших клиентов, чтобы они знали, как делать обновления.Это важно не только при запуске, но и позже, когда время пройдет и вы, возможно, забыли, как обновить биографию или портфолио. И не только это важно для вас, но и что происходит, когда вам нужен кто-то другой в вашей компании для внесения обновлений? Возможность указать члену вашей команды на документацию, чтобы ускорить их освоение, очень важна и экономит ваше время.

Чтобы увидеть несколько примеров документации, которую мы создали для веб-сайта MODX, вы можете посетить эту страницу: http://learningmodx.com/help.html

Будет ли иерархия сайтов интуитивно понятной?

«Дерево» MODX в менеджере MODX — это то место, где вы обычно выполняете 95% своей работы в MODX. Здесь находятся создаваемые вами страницы. Вы хотите пополнить свой портфель новинкой? Вам нужно отредактировать блог или добавить изображения на главную страницу? Вы сделаете это здесь. Как это сконфигурировано и настроено, очень важно.

На протяжении многих лет у нас были клиенты, у которых «разработчик» MODX создавал веб-сайт на MODX только для того, чтобы настроить его настолько плохо, что невозможно было перемещаться по сайту в бэкэнд-менеджере.Клиент часто разочаровывается и не желает использовать менеджер для внесения обновлений. Я все время вижу это на форумах или в комментариях: клиенты высказывают мнение о том, насколько сложно использовать MODX. Не то чтобы MODX сложно использовать, но это зависит от того, как разработчик настроил MODX. Если они были дезорганизованы или не думали о конечном пользователе (вас), это часто отражается в менеджере MODX. Но когда менеджер настроен правильно, вы можете легко обновлять сайт.

Создав сотни сайтов MODX, мы получили множество отзывов от наших клиентов, которые многому нас научили, как сделать иерархию сайтов чрезвычайно простой в использовании и обслуживании.

Будет ли использоваться настройка формы / разрешения / настройка панели инструментов?

Это одна из самых важных и иногда недостаточно используемых функций в MODX. MODX имеет так много расширенных функций и возможностей, но пользователь может быть сбит с толку в диспетчере из-за объема информации, первоначально предложенной ему, когда он впервые входит в MODX. Таким образом, ограничение и исключение определенных разделов и полей у конечного пользователя помогает предотвратить перегрузку информации / решений с их стороны.

В MODX Revo были значительно расширены права доступа, что позволило значительно расширить возможности настройки. Теперь с настройкой формы настройка диспетчера MODX для конечного пользователя делает обновления и навигацию по диспетчеру в 10 раз проще. Мы видели, что эта функция игнорируется на большинстве сайтов MODX, которые мы унаследовали от других клиентов. При настройке менеджера, чтобы он выглядел и вел себя по-разному в зависимости от разрешений, вход в него больше не является чрезмерным.

Также с настройкой приборной панели делать обновления в менеджере стало еще проще.Не хотите перемещаться по дереву MODX? Нет проблем, просто нажмите кнопку на панели инструментов, чтобы быстро добавить новое портфолио или новую запись в блоге.

Можете ли вы объяснить отношения родитель / ребенок и передовые методы программирования в MODX?

Понимание того, как настроить иерархию сайта логическим способом, который отражает сайт в естественной структуре, очень важно. Еще более важно использовать правильные дополнения MODX (например, getResources) для заполнения содержимого сайта и места размещения этого кода в MODX.Что мы имеем в виду под этим? Когда вы входите в свой менеджер MODX, вы не захотите видеть необработанный HTML и код, лежащие в вашем менеджере MODX. Что произойдет, если вы случайно удалите что-то, что не имело смысла или что нужно было обойти код? Это сбивает с толку.

Мы видели это снова и снова. У клиента был создан сайт MODX, на котором «разработчики» MODX размещали код в областях, изначально предназначенных для ввода текста, не являющихся разработчиками HTML. Это вызывает путаницу и создает очень неприятную установку MODX.

Часто мы обнаруживали, что клиент делает такие вещи, как необходимость передать кодовые списки блогов на странице блога, когда первоначальный разработчик пренебрег простыми отношениями родитель / потомок, используя дополнительные функции MODX, такие как «getResources». Почему это важно? Для нас становится до боли очевидным, что кто-то, занимающийся разработкой сайта, не знал, как использовать базовую структуру кодирования MODX. Сайт в основном собирают с помощью жевательной резинки и скотча. Обычно он держится в течение нескольких месяцев (когда разработчик часто исчезает) или возникает конфликт, поскольку клиент понимает, что у него есть сайт, который был очень плохо скомпонован и не был продуман.

Эффективность сайта… Будет ли этот сайт работать хорошо?

S-P-E-E-D. Вам это нужно, и вы этого хотите… по многим причинам. Ничто так не расстраивает посетителя сайта, как переход на сайт, который не загружается быстро. Они будут подпрыгивать. Понимание того, как настроить MODX для работы, не случайно, а скорее продумано в том, как он закодирован.

Так же, как возможность оптимизировать ваш HTML для более быстрой и быстрой загрузки, при программировании сайта в MODX мы думаем о разветвлениях того, какие дополнения MODX мы используем, и думаем о том, как настраиваются шаблоны.Важно не только то, какие дополнения MODX используются, но и то, как они настроены.

— Кэшируются или не кэшируются дополнительные данные на странице?

— Как вы захватываете компоненты сайта на сайте, например информацию, которая заполняет сайт и которую можно редактировать в диспетчере MODX (например, номера телефонов или ссылки в социальных сетях, которые можно редактировать в диспетчере)? Используете ли вы getResources или инструменты, разработанные для ускорения работы в подобных случаях (например, setPlaceholder). Создав сотни сайтов MODX за годы, мы сосредоточились на оптимизации и скорости, чтобы сайты наших клиентов работали все быстрее и быстрее.Даже базовые условные операторы, если они написаны неправильно, могут снизить скорость вашей веб-страницы.

— Хостинг. Часто клиенты хотят экономить доллар каждый месяц и выбирают варианты общего хостинга, которые стоят всего 5 долларов в месяц. Что в итоге происходит? Утром сервер перегружается, и ваш сайт загружается примерно за 15 секунд. Выглядит профессионально, правда? Мы предоставляем хостинг для наших клиентов на нашем VPS, что гарантирует, что ваш сайт будет работать быстро и постоянно.

— Наследование шаблона.Использует ли разработчик «Если» или другие условные дополнения в самом шаблоне для определения родительско-дочерних отношений и определения того, какой шаблон выводится? Печально признавать, но да, мы сделали это много лет назад. Мы использовали чертовски PHx еще в MODX Evo (о старые добрые времена). Но затем MODX Revo представил настройку форм, мы выяснили, как настроить наследование шаблонов MODX в Менеджере, а не в шаблонах, что значительно ускорило работу сайтов.

Что еще мне следует учитывать при найме потенциального разработчика MODX?

Хотя приведенные выше 5 пунктов не являются исчерпывающими, это отправная точка.Мы сосредоточились на том, чтобы убедиться, что клиентский сайт MODX, который мы передаем, представляет собой экономичную среднюю машину, простую в использовании. Это не происходит случайно, и важно убедиться, что ваш разработчик MODX понимает некоторые из основных функций для достижения этих целей.

Иногда мы получаем клиентов, у которых сайты MODX были настолько плохо построены, что на их исправление уходит больше времени, чем просто начинать заново. Убедитесь, что ваш разработчик понял все правильно с первого раза. Свяжитесь с нами сегодня, чтобы узнать, чем мы можем помочь.

Обзор клавиатур Yamaha серии MODX

ЛУЧШИЕ СДЕЛКИ СЕГОДНЯ

Как и Korg с его Kross и Krome, флагманский двигатель Montage Yamaha (в котором реализованы технологии AWM2 и FM-X) теперь перешел на новую линейку MODX, заменив в процессе линейку MOX.

В модельном ряду MODX три модели, включая 61- и 76-нотные модели синтезатора и 88-нотную взвешенную модель. В этом обзоре мы рассмотрим MODX7 и 8 (76-нотные синтезаторные и 88-нотные взвешенные модели).

Во-первых, давайте кратко рассмотрим форм-факторы. 88-нотный взвешенный звук GHS (Graded Hammer Standard) MODX8 весит 13,8 кг (отметка более 30 фунтов) и предназначен для тех, кто хочет получить максимальную отдачу от звуков фортепиано и электрического пианино или использовать его в качестве взвешенного контроллера.Yamaha описывает это действие как «отличное для начинающего пианиста, потому что оно может помочь вам выработать правильную технику игры на пальцах».

Это описание является точным, так как оно проверяет ваши пальцы, руки и запястья (даже для кого-то вроде меня, имеющего 35-летнюю фортепианную технику), а также довольно вялый возврат для быстрых повторов нот. Нам бы хотелось более аутентичного и более сбалансированного взвешенного действия, особенно потому, что медленный отклик влияет на воспроизведение быстрых фортепианных партий и синтезаторных вещей.Напротив, 76-нотное действие кажется легким и очень быстрым для игры, хотя некоторые сочтут его слишком легким для точной игры на пианино (по иронии судьбы, мы предпочли играть на пианино через это действие, а не на клавиатуре GHS). Еще один недостаток всех действий MODX — это отсутствие послекасания — как мы много раз говорили производителям, мы не думаем, что послекасание когда-либо должно быть потеряно, особенно для платы, столь глубоко разбирающейся в синтезе, как MODX!

Конструкция и внешний вид — это безупречное наследие Montage, а MODX7 — это до смешного легкая, динамичная машина мечты музыкантов, всего за 7 фунтов.4кг. Важно отметить, что распределительное устройство и ручки кажутся прочными, а корпус (хотя и легкий текстурированный пластик) кажется, что он может выдержать довольно тяжелое использование. Общий вид чистый и утилитарный, но с исчезновением многих кнопок, регуляторов и ползунков Montage (для достижения низкой цены) на передней панели гораздо больше неиспользуемого пространства для размещения ноутбука, драм-машины, маленькой клавиатуры или iPad, что удобно!

Говоря о потерянных элементах управления, MODX потерял восемь прорезиненных ручек Montage со светодиодными кольцевыми дисками и теперь имеет четыре многофункциональных ручки, две назначаемые кнопки и четыре многофункциональных фейдера с пластиковым колпачком вместо восьми (на этот раз без светодиодов). метры), которые могут быть назначены для различных задач, включая (среди прочего) уровни громкости партии / элемента, органы управления и сцены (которые являются снимками данных управления исполнением для быстрого изменения ваших звуков).Мягкие на ощупь колеса высоты тона / модуляции от Montage также уступили место более твердому пластику, используемому на платах MOX и более старых Yamaha; для компактности они теперь расположены над клавиатурой, а не сбоку.

Как и Montage, ядром системы программирования MODX является тот же полноцветный 7-дюймовый сенсорный экран и колесо данных / курсоры, хотя вы по-прежнему не можете использовать элементы управления в реальном времени во время процесса редактирования, что ускорило бы процесс редактирования. дела обстоят значительно лучше. Кроме того, поскольку MODX лишился многих кнопок прямого доступа к параметрам Montage, для более глубокого программирования больше полагается на экран.Тем не менее, экран чувствует себя в значительной степени отзывчивым, а ОС почти идентична гораздо более дорогому Montage, показывая, сколько энергии было упаковано.

Кроме того (по сравнению с Montage), ПЗУ пепла немного меньше для образцов (и частота дискретизации снизилась с 192 кГц до 44,1 кГц), полифония FM-X уменьшена вдвое (со 128 до 64 нот), полностью аналоговая схема (схема после ЦАП) исчезла (и мы бы сказали, что немного ясности / эфира и богатство было потеряно в результате), выходы несимметричны по сравнению с балансными, и нет ленточного контроллера.На самом деле замечательно, что Yamaha удалось сохранить так много по цене.

Арпеджиатор, секвенсор движений, эффекты, сцены и сайдчейн…

Как и Montage, серия MODX оснащена мощным арпеджиатором с более чем 10 000 предустановками. Его можно использовать в качестве вспомогательного инструмента или для оживления звуков, добавления артикуляции в патчи акустической гитары, создания акцентных арп с вариациями, доступными с помощью регуляторов в реальном времени, или для создания битов, фраз и риффов. Кроме того, секвенсор движения создает несколько одновременных пошаговых или плавных модовых последовательностей на основе переходов, которые вы можете использовать для развития звуков с течением времени.Есть также несколько дорожек (дорожек) движения, которые можно отправить в бесчисленное множество мест, чтобы превратить простой звук в нечто потустороннее! Это сложная система (и вам понадобится руководство), но как только вы с ней разберетесь, она действительно оживит звуки. Кроме того, на борту есть множество универсальных эффектов, включая эффекты вариаций, два блока вставок, а также мастер-эффекты и аналого-цифровые эффекты, включая фазовращатели и эффекты модуляции, реверберацию, задержки, моделирование усилителя, функцию внешней боковой цепи звука, мощные фильтры и многое другое. настенные эффекты тоже.Маршрутизация очень гибкая, а качество во всем превосходное. Наконец, вы можете сохранить восемь сцен (снимки настроек панели), чтобы запечатлеть и развить свои выступления в реальном времени.

«Суперкнобка» Montage также включена сюда и служит центральной ручкой «макроса», которую можно назначить для управления огромным массивом одновременных параметров вручную или с помощью функции «управления движением», которая позволяет автоматизировать ручку с помощью последовательности движений (или через MIDI). Сама ручка светится разными определяемыми пользователем цветами, мигая с общим темпом (необязательно).Им также можно управлять с помощью ножной педали для одновременного автоматического управления многими параметрами; вы можете трансформировать один звук в другой, плавно переходить из слоя FM-X в слой AWM2, управлять громкостью или фильтрами нескольких слоев или уровнями / параметрами эффектов, и, как и в случае с Montage, возможности управления / звукового дизайна в MODX невероятны глубокий — он действительно очень похож на Montage!

Кстати говоря, эта почти безграничная возможность и глубина программирования все же время от времени неизбежно ломают голову, и иногда это кажется ошеломляющим даже для опытных программистов! Мы также хотим, чтобы система назначения контроллеров была более быстрой и интуитивно понятной, и даже несмотря на то, что функция быстрого назначения элементов управления Montage (добавленная в OS v2.0), странно, что вы не можете просто нажать кнопку назначения управления (в любое время), повернуть любой контроллер, а затем выбрать параметр — вот как это должно работать! Также обратите внимание, что назначения контроллеров выполняются на общем / общем уровне и на уровне частей, где элементы управления в реальном времени доступны для каждой из 16 частей и более; По сути, это сверхсложная цифровая модульная система, и поэтому вам нужно будет потратить время на изучение ОС и настройку патчей и назначений контроллеров перед выступлением.Еще раз обязательно внимательно прочтите хорошо написанные инструкции!

Опять же, как и в Montage, есть три основных уровня звуков; Производительность, часть и элемент. Исполнение содержит до 16 MIDI-партий, которые можно микшировать / панорамировать / накладывать / разделять (и многое другое). Деталь содержит до восьми элементов (то есть сигналов / осцилляторов) в режиме AWM2 (или восемь операторов в режиме FM-X), и оба типа движка могут быть смешаны / наслоены / разделены (хотя, в отличие от моего SY77, здесь нет синтеза RCM, так что нет возможности использовать AWM2 или созданные пользователем формы волны в качестве модуляторов в звуках FM).

К счастью, создание исполнений — это просто, а добавление слоя (ов) к исполнению на y так же просто, как нажатие кнопки ‘+’ на пустой полосе (ах) канала, поиск категории звука на экране и использование партии фейдеры для выравнивания. Вы также можете импортировать свои собственные сэмплы WAV 44/48 кГц с USB-накопителя во встроенную флэш-память (сохраняется при отключении питания) и использовать их, как и любой другой элемент (примечание: MODX обратно совместим с голосами Motif XF AWM2 и DX. / TX тоже патчи).Вы также можете объединить выступления в «живые сеты» для легкого / прямого выбора, а функция «поиска по категориям» позволяет быстро объединить выступления и концертные сеты.

После того, как вы настроили свои живые сеты / настроили свои выступления, как работает MODX? Что ж, он впечатляет звуком (и это огромный шаг вперед по сравнению с MOX), но есть предостережения. Во-первых, до сих пор нет специального движка «clonewheel».

Несмотря на то, что на плате есть настраиваемый вращающийся эффект и несколько хороших эмуляций B3, если вы хотите, чтобы фейдеры работали как панели управления, вы должны настроить их вручную.Во-вторых, хотя AWM2 все еще работает, аналоговые звуки могут быть более аутентичными, и до сих пор нет специального виртуального аналогового движка (как в Reface CS). В-третьих, нам по-прежнему нравятся звуки / движок «спектрального моделирования» из Reface CP и CP4 / 5, поскольку у них на борту есть несколько убийственных EP, клавов и Wurlis, которые часто превосходят те, что есть на борту. И, наконец, нет прямого сэмплирования или подробного многодорожечного секвенсора, есть только «голый» 16-трековый «рекордер» с базовым редактированием.

Тем не менее, трудно не использовать газ для MODX, учитывая его цену, характеристики и звук. Общий звук чистый и яркий, с приличной четкостью. Акустические звуки Yamaha великолепны, а модели CFX / Bösendorfer Grands — великолепны; охват звуковой территории огромен. «Галерея» выступления / сцены EP являются аутентичными, в то время как акустические гитары, струнные, медные и деревянные духовые инструменты тоже качественные. Механизм FM-X (с восемью операторами, 88 алгоритмами, обратной связью, «спектральной границей» и доступом к 18 типам фильтров на борту) является пугающе всеобъемлющим и универсальным.Добавьте Motion Control для развития звуков, превосходные механизмы эффектов, A / D вход и повторитель огибающей (с сайдчейном), 5 стерео выходов / 2 стерео аудио / MIDI USB интерфейс, портативность и низкую цену, и действительно, MODX очень привлекательная покупка для многих музыкантов.

Дайджест интересных материалов из мира MODX # 2 / Sudo Null IT News

Новости из мира MODX. Новые дополнения к MODX, интересные публикации и видеоуроки.

Дополнения для MODX Evolution

• WP Import — Модуль для импорта сообщений из WordPress.
• FormLister — сниппет для работы с формами и пользователями.
• Jevix — сниппет для фильтрации и типографики.
• evoAutoFolder — Плагин для создания дерева папок по идентификатору ресурса.

Дополнения для MODX Revolution

• MinifyX 1.4.4-pl — Оптимизация JS и CSS. Обновление библиотеки Munee и т.д.
• Foundation 6 1.0.0-beta2 — Шаблон для Foundation.
• virtuNewsletter 2.1.1-pl — Система публикации новостей.
• JsonFormBuilder 1.0.28-pl — Создание форм, описанных в массиве JSON или отдельном фрагменте PHP.
• CustomRequest 1.2.5-pl — Плагин для создания собственных URL-адресов ресурсов и удобного получения параметров запроса.
• Videobox 5.0.0-pl — сниппет для вывода видео и аудио на сайт. Поддерживаемые источники: YouTube, Vimeo, SoundCloud и др.
• pdoTools 2.5.0 — Новая версия с улучшенной поддержкой загрузки элементов из файлов.
• MiniShop 2.4.0 beta2 — Создание интернет-магазина.Огромное количество изменений.
• Shopkeeper 3.2.4 — Обновление компонента для создания интернет-магазина.

Интересные публикации

• Добавить всех пользователей в группу
• Создавать пользователей программно
• Система краудфандинга MiniShop2
• Обзвон miniShop2 для всех
• Установка демонстрационного сайта Shopkeeper 3
• Права доступа к источникам мультимедиа для менеджеров контента ( ENG)

Видеоуроки

• Обзор компонента Коллекции для MODX Revo.часть 1
• Фильтр Ajax на MODx Revolution
• Shopkeeper 3 — Каталог продукции
• Уроки MODX. Обзор BackupMODX
• Уроки MODX. Обзор MarkerGoogleMaps
• Посадка типичного раздела Landing Page на MODX с использованием MIGX (дополнительные поля)
• Настройка разрешений для контент-менеджера в MODX Revolution
• Как сделать сайт на MODX за час?
• MIGX DB CMP и XPDO в MODX Revolution (ENG)

Ссылки на материалы для последующих выпусков дайджеста можно присылать мне в личку или на почту modx-дайджест яндекс.