Modx revolution уроки: MODX MODX Revolution для новичков

MODX Revolution уроки для начинающих -обучение, документайция

MODX Revo

Автор Алексей На чтение 3 мин Просмотров 3.5к. Опубликовано 23.07.2020 Обновлено 29.07.2020

Приветствую на бесплатном курсе по разработке и продвижению сайтов на CMS MODX Revolution. Курс в первую очередь ориентирование для начинающих, но думаю и продвинутые разработчики могут найти что то новое для себя.

Чему Вы научитесь (содержание курса)

Основы (без видео)

Практика (с видео)

• Установка MODX Revolution
• MODX админка — обзор, как зайти
• Настройка MODX после установки
• Дополнения (плагины, пакеты) для MODX Revolution
• MODX безопасность: убираем ошибку modx каталог ядра в открытом доступе
• MODX шаблоны – что это, где их достать (скачать, заказать, купить)
• Перенос HTML шаблона в MODX Revo
• Основной синтаксис MODX Revo (без видео)
• MODX fenom — документация и примеры (без видео)
• Создание дополнительного источника файлов в MODX Revo
• MODX чанки (chunks)
• MODX сниппеты (snippet)
• Modx TV (дополнительные поля)
• MODX настройка ЧПУ
• MODX htaccess
• robots.txt для MODX Revo
• PdoSitemap документация | создание sitemap.xml в MODX Revo
• Modx ClientConfig — пользовательские системные настройки
• MODX TinyMCE RTE настройка визуального редактора
• SEO оптимизация MODX
• MODX SEO Pro — документация
• MODX https настройка
• Создание дополнительных MODX шаблонов
• Создание страниц ошибок 404, 401, 503 в MODX
• MODX pdoCrumbs — создание хлебных крошек
• MODX FormIt — документация по созданию форм обратной связи
• MODX ajaxform — документация
• Добавление страниц и разделов
• Создание слайдеров при помощи MIGX, BanerY и pdoResources
• Создание HTML карты сайта в MODX — для людей
• Как в MODX Revo избавиться от спама с FormIt, AjaxForm
• pdoMenu — документация и примеры создания меню в MODX
• phpThumb — документация
• pdoResources — документация и примеры вывода ресурсов
• MODX — продвинутое портфолио с фильтром по категориям
• Создание блога в MODX при помощи Tickets
• Вывод ресурсов при помощи pdoPage с разбивкой на страницы
• SimpleSearch — поиск по сайту
• Реализация поиска по сайту при PdoTools
• Раздел управления виджетами
• Вывод соседних документов в MODX Revo
• MODX теги — тегирование для ресурсов, при помощи MIGX.
• MODX — вывод списка похожих записей (автоматическая перелинковка)
• MODX pdoField — получение и вывод полей родителя (ей)
• MODX MinifyX — ускоряем сайт и уменьшаем нагрузки на сервер
• Создание RSS ленты на MODX Revo
• Настройка прав доступа
• Обновление до актуальной версии

Скоро

Создание интернет магазина при помощи Minishop2

Дополнительная документация по дополнениям

Дополнительно (без видео)

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

Понравилась статья? Можно поблагодарить автора: отправив ему донат на

YooMoney

или

Qiwi

. Либо поделившись статьей ☟

Настройка MODX

Установка MODX Revolution >

Поделиться с друзьями

Как сделать форму обратной связи в ModX Revolution с помощью FormIt

Итак сегодня мы начинаем наш 9 урок MODX Revolution для новичков. Сегодня мы рассмотрим как создать простую контакт форму на нашем вебсайте используя сниппет FormIt. В предыдущем уроке мы ознакомились с работой Wayfinder. Научились делать вывод динамического меню с этим сниппетом. Сегодня опираясь на некоторые ваши знания о сниппетах попытаемся разобраться со сниппетом FormIt, урок будет довольно-таки длинным, поэтому сразу настраиваемся на интересную и плодотворную работу.

Что такое FormIt?

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

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

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

Загрузка и установка FormIt

Знакомый нам по предыдущим урокам процесс, здесь я не буду останавливатся. Думаю у вас прекрасно пройдет установка и без объяснений.

Подготовка шаблона

Я надеюсь, что сейчас вы уже прошли предыдущие уроки и портировали шаблоны внутренних страниц в вашем MODX сайте. Если вы используете тот же шаблон что и я, то вы увидите, что страница контактов является php страницой с PHP скриптами. Если вы использовали этот шаблон для построения статического сайта, то это будет как раз кстати, так как вы будете использовать для построения вашей формы существующий PHP код. В то же время, так как мы портируем наш шаблон в MODX, то нам не нужен этот код PHP, так как сам MODX разберется с построением всех наших форм. Всё, что нам нужно, – это HTML код формы и затем мы используем FormIt, который сделает всю остальную работу.

Посмотрите на статическую страницу контактов, которая идет вместе с нашим шаблоном:

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

Первое, что необходимо сделать – это убрать HTML/CSS код и портировать его в MODX, если вы это уже не сделали. Так как моя контакт страница – это на самом деле PHP скрипт, то я просто открыл эту страницу в браузере и посмотрел исходный код. Это позволило мне увидеть простой выводимый HTML без кода PHP. Далее я скопировал данный код и вставил его в MODX для формирования шаблона моей страницы контактов. Дальше я по обычной схеме использовал несколько чанков для упрощения работы, то как мы уже делали на предыдущих уроках. И вот что у меня получилось:

<!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> <h3>[[*pagetitle]]</h3> <div> <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enijusto, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pedemollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.Aenean vulputate eleifend tellus.</p> </div> </div> <br /> <div></div> <div> <div>Address:</div> <div>123 Street Name, Suite #</div> <div></div> <div></div> <div>City, State 12345, Country</div> <div></div> <div>Phone:</div> <div>(123) 123-4567</div> <div></div> <div>Fax:</div> <div>(123) 123-4567</div> <div></div> <div>Toll Free:</div> <div>(800) 123-4567</div> <div></div> </div> <div></div> <div> [[*content]] </div><!-- end contact-wrapper --> </div> <!-- end page_content --> <div> [[$7in1-contact-sidebar]] <!-- end sidebar --> </div> <!-- end container_bkgnd_btm --> </div> <!-- end page_container --> <div></div> <div> </div> [[$7in1-bottomwidgets]] <div> </div> [[$7in1-footer]] </body> </html>

Я сохранил этот шаблон под названием 7in1-contact и назначил его шаблоном страницы контактов.

Вы узнаете некоторые из чанков (шапка и подвал) из наших предыдущих уроков, а также появилось несколько новых чанков. Я укажу вам их для просмотра, они будут полезны тем, кто использует этот же шаблон, что и я.

Важной особенностью здесь является та, что я заменил текст Contact в h3 тегах чанком [[*pagetitle]], который всплывет в вашей памяти, если вы внимательно прошли мои уроки.

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

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

Приступим к нашей форме. Для начала я заменил HTML код для формы, который содержался между div тегами “contact-wrapper” и заменил его тегом [[*content]]. Это значит, что всё в основном поле контента появится в моей странице контактов на этом месте. Поэтому сейчас страница контактов будет иметь такой вид:

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

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

Итак, чтобы FormIt заработал, вам необходимо разместить вызов сниппета и HTML код формы в месте контакт формы. Если вы используете eForm сниппет MODX Evolution, то вам необходимо создать tpl шаблон для вашей формы, а затем вызвать его в сниппете, но при использовании FormIt вам не нужно вызывать форму в сниппете, вместо этого вы размещаете форму после вызова сниппета.

Давайте взглянем на вызов сниппета. Документация FormIt официального сайта MODX содержит отличный пример формы контакта и мы модифицируем его и используем в нашем случае. Будет полезно почитать документацию по этой ссылке http://rtfm.modx.com/display/ADDON/FormIt

Первое, что вы видите, когда смотрите на документацию – это то, что вам необходимо определить хуки вашего FormIt вызова. Хуки – это скрипты, которые срабатывают при вызове вашего сниппета. Вы можете связывать их вместе, но важно знать, что они исполняются последовательно и если один выдаст ошибку, то не сработают и остальные. Существуют предхуки и обычные хуки, но сейчас нас будут интересовать только нормальные хуки, которые запускаются после подтвержения и обработки формы. Вы можете создать собственные пользовательские хуки, но пока будем использовать обычные хуки.

Первый необходимый хук, который посылает электронную почту – это email и он имеет несколько параметров задокументированных здесь (http://rtfm.modx.com/display/ADDON/FormIt.Hooks.email). Выберите нужные для создания формы контактов параметры. Давайте сформируем наш вызов сниппета:

[[!FormIt? &hooks=`email` &emailTpl=`sentEmailTpl` &emailSubject=`Message from Learn MODx Revo Website` &emailTo=`[email protected]` ]]

Как видно мы использовали вызов сниппета с одним хуком – email, и определили для него три параметра &emailTpl, &emailSubjectи &emailTo. Убедитесь что параметру &emailTo вы присвоили ваш email адрес вместо показаного в примере [email protected].

Параметр emailTpl определяет чанк, который содержит шаблон для сообщения высылаемого формой. Перед созданием этого чанка нам нужно добавить форму, которую будет заполнять пользователь. Как я уже сказал до этого, мы будем использовать код HTML для формы, который содержался в нашем шаблоне и модифицируем его для работы с вызовом нашего сниппета FormIt call. Сырой код выглядит вот так:

<form method="post" action="#contact-wrapper"> <strong>Please use the form below to send us an email:</strong> <div> <label for="contact_name">Name </label><em>(required, at least 2 characters)</em><br /> <input name="contact_name" size="30" minlength="2" value="" /> </div> <div> <label for="contact_email">E-Mail </label><em>(required)</em><br /> <input name="contact_email" size="30" value="" /> </div> <div> <label for="contact_phone">Phone </label><em>(optional)</em><br /> <input name="contact_phone_NA_format" size="14" value="" maxlength="14" /> <label for="contact_ext">ext. </label> <input name="contact_ext_NA_format" size="5" value="" maxlength="5" /> </div> <div> <label for="contact_message">Your comment </label><em>(required)</em><br /> <textarea name="contact_message" cols="70" rows="7"></textarea> </div> <div> <input name="submit" type="submit" value="Submit"/> </div> </form>

Нам нужно немного изменить эту форму, чтобы FormIt мог ее обработать. Первое, что мы сделаем – это поменяем поменяем действие, чтобы оно указывало на текущую страницу, так как именно здесь находиться вызов сниппета FormIt. Мы делаем ссылку на текущую страницу используя синтаксис MODX Revo: [[~[[*id]]]]. Если вы посмотрите внимательно на этот вызов, то увидите то, что внутренний блок – это просто тег для ID поля: [[*id]] и внешняя часть – это тег для привязки url, например: [[~123]]

Во-вторых, поменяем форму вложив в соответвтвующие FormIt заполнители в значения атрибутов каждого элемента поля для замены статических битов.

Результат выглядит приблизительно так:

<form method="post" action="[[~[[*id]]]]"> <strong>Please use the form below to send us an email:</strong> <div> <label for="contact_name">Name </label><em>(required, at least 2 characters)</em><br /> <input name="contact_name" size="30" minlength="2" value="[[!+fi.contact_name]]" /> </div> <div> <label for="contact_email">E-Mail </label><em>(required)</em><br /> <input name="contact_email" size="30" value="[[!+fi.contact_email]]" /> </div> <div> <label for="contact_phone">Phone </label><em>(optional)</em><br /> <input name="contact_phone_NA_format" size="14" value="[[!+fi.contact_phone_NA_format]]" maxlength="14" /> <label for="contact_ext">ext. </label> <input name="contact_ext_NA_format" size="5" value="[[!+fi.contact_ext_NA_format]]" maxlength="5" /> </div> <div> <label for="contact_message">Your comment </label><em>(required)</em><br /> <textarea name="contact_message" cols="70" rows="7">[[!+fi.contact_message]]</textarea> </div> <div> <input name="submit" type="submit" value="Submit"/> </div> </form>

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

Далее разместите вызов сделанного нами сниппета в области контента вашей страницы Contact, а далее вставьте ваш код формы после вызова сниппета. Область контента должна содержать:

[[!FormIt? &hooks=`email` &emailTpl=`sentEmailTpl` &emailSubject=`Message from Learn MODx Revo Website` &emailTo=`[email protected]` ]] <form method="post" action="[[~[[*id]]]]"> <strong>Please use the form below to send us an email:</strong> <div> <label for="contact_name">Name </label><em>(required, at least 2 characters)</em><br /> <input name="contact_name" size="30" minlength="2" value="[[!+fi.contact_name]]" /> </div> <div> <label for="contact_email">E-Mail </label><em>(required)</em><br /> <input name="contact_email" size="30" value="[[!+fi.contact_email]]" /> </div> <div> <label for="contact_phone">Phone </label><em>(optional)</em><br /> <input name="contact_phone_NA_format" size="14" value="[[!+fi.contact_phone_NA_format]]" maxlength="14" /> <label for="contact_ext">ext. </label> <input name="contact_ext_NA_format" size="5" value="[[!+fi.contact_ext_NA_format]]" maxlength="5" /> </div> <div> <label for="contact_message">Your comment </label><em>(required)</em><br /> <textarea name="contact_message" cols="70" rows="7">[[!+fi.contact_message]]</textarea> </div> <div> <input name="submit" type="submit" value="Submit"/> </div> </form>

После сохранения превью формы выглядит вот так:

Отлично, форма выглядит в точности как оригинал. Но нам нужно протестировать её и посмотреть как MODX делает всю работу. Перед тестированием давайте создадим сообщениее, которое будет отправлено получателю с вебсайта. Этот чанк emailTpl мы обозначили в нашем FormIt вызове.

Мы используем заполнители для отправки необходимой информации из формы и мы ссылаемся на них, используя имена соответствующих полей. В моем случае я хочу знать все детали и контактную инфомацию введённую в форму. Поэтому я создал чанк sentEmailTpl и добавил к нему следующее:

[[+contact_name]] left you the message below on the Learn MODx Revolution website: <br /> <strong>[[+contact_message]]</strong><br /> You can respond to [[+contact_name]] by email at <a href="mailto:[[+contact_email]]">[[+contact_email]]</a> or by phone at [[+contact_phone_NA_format]] (ext[[+contact_ext_NA_format]]

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

Теперь давайте протестируем нашу контактную форму. .

Проверим почту и увидим, что получено сообщение:

Вы видите, что введенный текст в поле параметра тема сниппета FormIt оказалась строчкой нашей строчкой темы.

Давайте откроем сообщение и увидим были ли заменены корректно наши заполнители действительным содержимым формы:

Единственной вещью, которую я заметил – это то, что я забыл добавить закрывающую скобку после (ext в моем шаблоне. Остальное выгдядит отлично и форма работает.

Добавлениепроверки

Следующей вещью, которую вы заметите – это то, что форма имеет поля, которые нужно обозначить как «обязательные для заполения», такие как: имя, имейл и комментарий. Дополнительно имена должны быть длинной более чем две буквы. Мы добавляем проверку к нашей форме, используя свойство &validate (смотрите ссылку в конце записи). Существует несколько встроенных валидаторов и мы будем использовать их в нашем вызове.`

Отлично, давайте продолжим и добавим проверку в наш вызов FormIt.

[[!FormIt? &hooks=`email` &emailTpl=`sentEmailTpl` &emailSubject=`Message from Learn MODx Revo Website` &emailTo=`[email protected]` &validate=`contact_name:required:minLength=`2`, contact_email:email:required, contact_message:required` ]] 

Теперь же, если какой-нибудь Вася Петров пытается послать сообщение и вместо своих имени и фамилии ставит инициалы, то форма выдаст ошибку:

Для вывода ошибок вам необходимо воспользоваться чанком вывода ошибки работы спиппета FormIt:

[[!+fi.error.attibute_name]], где attribute_name – имя атрибута вашей контакт формы.

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

<label for="attribute_name"> Attribute: <span>[[!+fi.error.attribute_name]]</span> </label>

Возле каждого атрибута, который мы проверяем – подвергаем валидации.

Если вас интересует откуда появились данные сообщения, то они закрепленны в Lexicon за formit. Зайдите в System->LexiconManagement, и далее поменяйте в выпадающем списке “core” на “formit” и далее вы увидите эти сообщения. Там вы можете поменять их либо же добавить свои собственные.

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

Борьба со спамом

Теперь мы знаем как работает наша форма и мы получаем сообщения и проверка поля работает. Осталось выяснить как же бороться с попытками ботов высылать спам через нашу форму. Сниппет FormIt имеет два встроенных способа решения данной проблемы. Одна – это spam хук и вторая – это reCaptcha хук.

Спам хук просто проверяет поля, которые вы настроили согластно спам фильтра через http://www.stopforumspam.com/. Если они совпадают, то тогда высвечиваетсчя ошибка напротив поля(ей) и сообщение просто не посылается. Больше вы сможете почитать об этом здесь: http://rtfm.modx.com/display/ADDON/FormIt.Hooks.spam. Мы будем использовать значения по умолчанию для спам хука, который будет проверять поле имейл адреса.

Таким образом в нашем параметре хуков в FormIt добавим спам хук:

&hooks=`spam,email`

Хук reCaptcha работает на базе the reCaptcha service для обеспечения поддержки вашей формы. Для использования reCaptcha вам вначале необходимо иметь бесплатный аккаунт на http://www.google.com/recaptcha. После создания аккаунта добавте домен вашего сайта и вам выдадут два ключа: частный ключ и публичный ключ. Вы можете использовать эти ключи на ваших доменнах либо субдоменнах. Если вы создаете глобальный ключ, то вы можете использовать его на множестве доменов.

Теперь необходимо ввести эти два ключа в системных настройках для сниппета formit. Зайдите в System->System Settings, и в выпадающем списке вместо core выберите formit.

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

Отлично, теперь можно добавить рекапча хук к нашему вызову FormIt:

&hooks=`recaptcha,spam,email`

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

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

[[+formit.recaptcha_html]] [[!+fi.error.recaptcha]]

Теперь моя форма выглядит вот так:

Перенаправление на страницу успешного выполнения

Сейчас форма сделана так, что как только сообщение успешно послано, то пользователь переходит на пустую форму контакта. Мы можем это поменять так, что пользователь отсылается на страницу, которая показывает, что сообщение успешно отослано. Чтобы это сделать мы используем хук редиректа. Нам нужно определить на какую страницу должен быть перенаправлен пользователь и делаем это используя параметр redirectTo и добавляем что-то типа &redirectTo=`123`, где 123 это идентификатор ID страницы куда будет перенаправлятся пользователь., contact_email:email:required, contact_message:required` &redirectTo=`10` ]]

После успешного выполнения формы, посетитель сайта будет отослан на страницу с ID of 10, которая является thank you странице (я создал ее и скрыл от меню).

Создание автоответчика

Последний хук о котором мы поговорим в даной записи – это хук автоответчика FormItAutoResponder hook, аон просто отсылает автоответ отсылателю комментария. Этот хук имеет несколько свойств (http://rtfm.modx.com/display/ADDON/FormIt.Hooks.FormItAutoResponder) но мы используем лишь некоторые из них в нашей форме. Вначале мы созданим шаблон содержащий имейл для обратной отсылки на имейл. Это единственное необходимое для заполнения поле. Я создал чанк с названием autoResponseTpl и добавил следующие строки:

[[+contact_name]], Thank you for your message. Someone will send you a reply in due course.<br /> <br /> For your reference, you left the following message at the Learn MODx Revolution website: <br /> <strong>[[+contact_message]]</strong> <br />

Как вы видите я снова использовал заполнители так же, как и до этого в случае с sentEmailTpl., contact_email:email:required, contact_message:required` &redirectTo=`10` &fiarTpl=`autoResponseTpl` &fiarSubject=`Thank You for Contacting Us` &fiarToField=`contact_email` &fiarFromName=`Learn MODx Website` ]]

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

Я протестирую эту форму отсылая сообщение, используя один из моих имейл адресов. Когда я проверю этот адрес, я увижу, что получил автоответ от формы с темой, как я определил в реквизите &fiarSubject и отослал от имени указаном в реквизите&fiarFromName:

Как вы видите по полученному письму – оно соответстует тому, что мы задали в нашем чанке автоответчика

Заключение

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

Как домашнее задание – можете исследовать сниппет FormIt Retriever и узнайте, сможете ли вы интегрировать его в вашу контакт форму.

Организация системы блога на MODx Revo

By Максим Леонов

/

24 Ноября, 2019

/
911

Рубрика: Уроки MODx Revo

Предыдущий урок №2: Работа с чанками и TV полями, система настроек

Следующий урок №4: Добавление AJAX пагинации и поиска по тегам в блоге на MODx Revo

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

Вступление

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

В прошлом видео-уроке мы структурировали основные элементы нашего сайта и добавили систему общих настроек, ниже будут полезные ссылки:

Создание ресурса Блог

Для начала мы создадим новый ресурс и назовём его «Блог«, зададим ему начальный шаблон, псевдоним «blog«, опубликован и заполним остальные поля, не забудем убрать в настройках «Использовать HTML-редактор«.

В содержимое мы поместим следующий код:

<h2>[[*pagetitle]]</h2>
<div>
[[$navig-top]]
</div>
<section>
[[!pdoPage?
&element=`getResources`
&parents=`5`
&limit=`[[#3.tv.max-news]]`
&tpl=`news_output`
]]
</section>

Создание категории и чанка вывода статей

Теперь создадим категорию «Блог» и используем её для выделения системных элементов в отдельную группу.

Теперь создадим чанк вывода страниц блога поштучно news_output, категория – Блог, содержание:

<article>
<span>[[#[[+id]].publishedon:strtotime:date=`%d.%m.%Y`]]</span>
<span>[[#[[+id]].tv.a-avtor]]</span>
<h4>[[+pagetitle]]</h4>
<p>[[#[[+id]].content:ellipsis=`100`]]</p>
<a href="[[++site_url]]blog/[[#[[+id]].alias]]" title="Читать - [[+pagetitle]]"></a>
</article>

Создание шаблона

Теперь создадим новый шаблон «Блог-пост«, чтобы создать группу описывающих только его дополнительных (TV) полей, категория – Блог, содержание:

<!DOCTYPE html>
<html lang="ru">
[[$head]]
<body>
[[$header]]
<main>
<div>
[[$navig-top]]
</div>
<section>
<div>
<span>[[#[[*id]].publishedon:strtotime:date=`%d.%m.%Y`]]</span>
<span>[[#[[*id]].tv.a-avtor]]</span>
<h2>[[*pagetitle]]</h2>
</div>
<div>
[[*content]]
</div>
</section>
</main>
[[$footer1]]
[[$scripts1]]
</body>
</html>

Создание TV полей и статей

Наши TV поля:

max-news – кол-во статей на страницу, категория: Блог, доступно: настройки. А также a-img и a-avtor – изображение и автор, категория: Блог, доступно: Блог-пост.

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

В содержимое мы поместим какой-нибудь произвольный текст, этот подойдёт.

Создание меню ‘хлебные крошки’

Теперь создадим меню по типу «хлебные крошки» – сделаем новый чанк navig-top и поместим туда следующий код:

[[*id:is=`5`:then=`
<a href="[[++site_url]]" title="Главная - перейти">Главная</a><span>[[*pagetitle]]</span>
`]]
[[*parent:is=`5`:then=`
<a href="[[++site_url]]" title="Главная - перейти">Главная</a><a href="[[++site_url]]blog" title="Блог - перейти">Блог</a><span>[[*pagetitle]]</span>
`]]

Дополнение меню и проверка

Внесем в нашу навигацию новую страницу блог, внесем изменения в мета тег в head сайта:

<meta property="og:type" content="[[*parent:is=`5`: then=`article`:else=`website`]]"/>

Перейдём в настройки и установим лимит статей 6.

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

Заключение

Поздравляю, вы сделали полноценный блог на MODx Revo. В следующем ролике мы сделаем AJAX пагинацию по нему и поиск по ключевым словам.

Работать с MODx очень удобно и мы убедились в этом на практике, наш ролик по этой теме на YouTube занимает всего 6 минут. Мы и дальше будем продолжать делиться с вами полезной информацией, разумеется, её аналоги можно было найти в интернете и ранее, но мы постараемся сэкономить ваше время, чтобы вы могли уделить больше времени самой разработке.

Вам нужно создать сайт или обновить его? — Не теряйте времени, обращайтесь к профессионалам!

Каталог полезных материалов по MODx

Каталог полезных материалов по MODx

• modx.ru — русское сообщество по MODx
• modx.pro — крупнейшее сообщество по MODx
• modx.com​ — официальное сообщество по MODx
• docs.modx.com​ — официальная документация на английском языке
• modstore.pro — крупнейший магазин дополнений на русском языке
• docs.modx.pro — документация на русском языке 
• modx.im — крупнейшее сообщество по MODx Evolution CMS
• modmore.com​ — англоязычный магазин дополнений
• modxclub.ru — крупное сообщество по MODx
• bezumkin.ru — курсы обучения по MODx Revolution от Василия Наумкина
• devpastet.ru​ — документация на русском языке по API MODx Revolution
• ilyaut.ru​ — Сайт Ильи Уткина, множество полезных материалов по MODx Revolution
• marabar.ru​ — блог по MODx Revolution
• modx-shopkeeper.ru — Компонент Shopkeeper для создания интернет магазина с описанием
• createit.ru — Статьи по MODx Revolution
• i—gu.ru — Уроки и документация по MODx Evolution
• mudrenizm.ru​ — множество полезных материалов по MODx Revolution
• dart.agency​ — полезные материалы по MODx Revolution
• OpenModx — видео материалы по MODx Revolution
• itchief.ru — статьи по MODx Revolution
• modx.ws — уроки по MODx Revolution
• modzone.ru — блог по MODx Revolution
• migo.com.ua — блог по MODx Revolution
• ershov.pw — полезные материалы по MODx Revolution
• cat-art.ru​ — полезные статьи по MODx Revolution
• daruse.ru — уроки по MODx Revolution
• webhow.ru — статьи по MODx Revolution
• ealadmin.ru — список статей по MODx Revolution
• www.modx.cc — видео по MODx Revolution
• www.youtube.com — видео по MODx Revolution
• www.youtube.com — видео по MODx Revolution
• www.riwkus.pro — материалы по MODx Revolution
• bobsguides.com — множество полезных материалов по MODx Revolution на английском языке

MODX Revolution CMS система управления контентом

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Правка путей

Пути сейчас выглядят так.

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

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

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

Класснуть

Запинить

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

• pdoTools Documentation: docs.modx.pro/components/pdotools/

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

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

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

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

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

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

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

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

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

2. Раздел: Панель управления

   • Показывать описание в верхнем меню:
     Нет.

3. Раздел: Сайт

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

4. Раздел: Система и сервер

   • Отправлять заголовок X-Powered-By:
     Нет.

5. Пространство имен: ace

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

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

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

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

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

http://modx.com/

Учебные материалы по созданию сайтов на
MODx

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

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

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

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

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

   .

6. Прописать пути к скриптам, картинкам, стилям (img, link, scrypts). Например,
7. Определить, сколько шаблонов будет на сайте.
8. Выделить общие для всех страниц части, они будут чанками. Чанки выводятся в двойных фигурных скобках. Например, {{HEAD}}
9. Главное меню сайта можно вынести в отдельный чанк. .
10. Меню на сайте и карта сайта выводятся сниппетом Wayfinder. Описание сниппета Wayfinder.
11. Список ресурсов в том числе с описанием, картинками, ссылками… выводится сниппетом Ditto. Описание и примеры сниппета Ditto.
12. Цепочка навигации «хлебные крошки» выводится сниппетом Breadcrumbs. Описание сниппета Breadcrumbs .
13. Поиск по сайту осуществляется сниппетомAjaxSearch. Описание сниппета AjaxSearch .
14. Форма обратной связи — сниппет eForm. Пример создания формы обратной связи средствами сниппета eForm .
15. Плагин Phx предназначен для проверки отсутствия изображения в TV-параметре, определения родительских свойств и др. .
16. Необходимо дополнительно прописать несколько стилей.
17. После переноса сайта на хостинг:

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

• компьютер (или ноутбук) с установленной операционной системой ( , неважно)
• мышка чтобы тыкать или клацать
• клавиатура чтобы щелкать или тискать
• монитор
• доступ в интернет
• огромное желание делать сайты

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

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

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

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

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

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

Как сделать сайт на модэкс

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

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

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

Facebook

Twitter

Вконтакте

Одноклассники

Google+

Modx revolution обучение. MODX Revolution

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

Класснуть

Запинить

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

• pdoTools Documentation: docs.modx.pro/components/pdotools/

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

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

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

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

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

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

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

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

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

2. Раздел: Панель управления

   • Показывать описание в верхнем меню:
     Нет.

3. Раздел: Сайт

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

4. Раздел: Система и сервер

   • Отправлять заголовок X-Powered-By:
     Нет.

5. Пространство имен: ace

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

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

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

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

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

• компьютер (или ноутбук) с установленной операционной системой ( , неважно)
• мышка чтобы тыкать или клацать
• клавиатура чтобы щелкать или тискать
• монитор
• доступ в интернет
• огромное желание делать сайты

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

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

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

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

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

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

Как сделать сайт на модэкс

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Правка путей

Пути сейчас выглядят так.

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

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

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

http://modx.com/

Учебные материалы по созданию сайтов на
MODx

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

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

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

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

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

   .

6. Прописать пути к скриптам, картинкам, стилям (img, link, scrypts). Например,
7. Определить, сколько шаблонов будет на сайте.
8. Выделить общие для всех страниц части, они будут чанками. Чанки выводятся в двойных фигурных скобках. Например, {{HEAD}}
9. Главное меню сайта можно вынести в отдельный чанк. .
10. Меню на сайте и карта сайта выводятся сниппетом Wayfinder. Описание сниппета Wayfinder.
11. Список ресурсов в том числе с описанием, картинками, ссылками… выводится сниппетом Ditto. Описание и примеры сниппета Ditto.
12. Цепочка навигации «хлебные крошки» выводится сниппетом Breadcrumbs. Описание сниппета Breadcrumbs .
13. Поиск по сайту осуществляется сниппетомAjaxSearch. Описание сниппета AjaxSearch .
14. Форма обратной связи — сниппет eForm. Пример создания формы обратной связи средствами сниппета eForm .
15. Плагин Phx предназначен для проверки отсутствия изображения в TV-параметре, определения родительских свойств и др. .
16. Необходимо дополнительно прописать несколько стилей.
17. После переноса сайта на хостинг:

Только редактировать ресурсы в MODX | Блог группы разработчиков PMACS по MODX

Редактировать только ресурсы в MODX

Энн Торокио

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

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

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

1. Перейдите в Content> Resource Groups в верхнем меню
2. Нажмите кнопку «Создать группу ресурсов», затем введите следующие данные:
   • Имя: Редактировать Только или как вы хотите называть свою группу ресурсов
   • Контексты: mgr
   • Автоматически предоставлять доступ к группе администраторов: проверено или нет, в зависимости от вашего варианта использования
   • Нажать «сохранить»
3. Добавьте любой существующий ресурс, который вы хотите защитить, в новую группу ресурсов, вы можете сделать это либо
   • На странице диспетчера групп ресурсов ИЛИ
   • В «Группы ресурсов» при редактировании ресурса

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

1. Перейдите на вкладку «Политики доступа» (значок шестеренки> Списки контроля доступа> вкладка «Шаблоны политик»).
2. Нажмите кнопку «Создать политику доступа», заполните всплывающую форму:
   1. Имя: Только редактировать
   2. Шаблон политики: ResourceTemplate
   3. Описание: Разрешение только на редактирование для ресурсов.
   4. Нажмите «Сохранить»
3. Щелкните правой кнопкой мыши, чтобы обновить новую политику
4. Убедитесь, что включены только те разрешения, которые вы хотите предоставить, например:
5. Нажмите «Сохранить», затем «Закрыть».

Вы можете захотеть, чтобы ваша политика доступа управляла разрешениями, которые не контролируются политиками доступа MODX по умолчанию.Для этого нам нужно отредактировать шаблон политики ResourceTemplate и добавить в шаблон разрешение resource_duplicate. Идея шаблонов политик может немного сбивать с толку. Сами по себе шаблоны политик не предоставляют и не запрещают разрешения, но шаблон позволяет политике, использующей этот шаблон, управлять всеми разрешениями, назначенными используемому шаблону политики. Если вы знакомы с шаблонами MODX и шаблонными переменными (TV), это похоже на предоставление доступа к шаблону для шаблона телевизору.В этом случае разрешение для политики доступа похоже на переменную шаблона для ресурса.

Редактировать шаблон политики доступа

1. Перейдите к значку Cog> Списки контроля доступа> вкладка Шаблоны политик
2. Щелкните правой кнопкой мыши и обновите ResourceTemplate
3. Нажмите кнопку «Добавить разрешение к шаблону»
4. Выберите «resource_duplicate» из раскрывающегося списка, помните, что вы можете ввести для поиска в списке
5. Нажмите «Добавить»
6. Нажмите «Сохранить», затем «Закрыть».

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

1. Перейдите на вкладку «Группы пользователей и пользователи» (значок шестеренки> Списки контроля доступа> вкладка «Группы пользователей и пользователи»).
2. Щелкните правой кнопкой мыши группу, которую вы хотите ограничить, и выберите «Обновить группу пользователей».
3. Перейдите на вкладку «Разрешения»> вложенная вкладка «Доступ к группе ресурсов»
4. Нажмите кнопку «Добавить группу ресурсов», заполните всплывающую форму:
   • Группа ресурсов: только редактировать
   • Контекст: мгр
   • Минимальная роль: суперпользователь — 0
   • Политика доступа: только редактировать
   • Нажмите «Сохранить»
5. Сохранить и закрыть

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

Если вам нужна дополнительная информация о различных аспектах разрешений в MODX Revolution, см. Подробный урок в Руководстве Боба по разрешениям Revolution.

Свяжитесь с нами

Веб-группа PMACS
Веб-группа по вычислительным сервисам Пенсильвании в области медицины
Перельмана Медицинский факультет
Пенсильванский университет

Электронная почта

Быстрые ссылки

© Попечители Пенсильванского университета
Сайт лучше всего просматривать в
поддерживаемый браузер.
Сообщить о проблемах доступности и получить помощь
Политика конфиденциальности
Дизайн сайта: веб-группа DART.
Фоновое изображение: D Шарон Прюитт

14. Школа — MODX Revolution

О развитии системы образования:

Готовых шаблонов для Modx Revolution. Новый шаблон для MODx

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

Base — это минималистичная и чистая тема MODX с полностью адаптивным дизайном, которая идеально подходит для любого творческого бизнеса или корпоративных веб-сайтов. Эта тема, основанная на платформе Bootstrap 3, включает в себя 3 домашних варианта, готовый дизайн Retina, более 600 шрифтов, хорошо документированные, плавную прокрутку, шорткоды перетаскивания и многое другое.

MDx Adorn — это чистая, минималистичная и современная тема MODX, созданная специально для бизнеса. Это 100% отзывчивый дизайн, написанный на HTML5 и CSS и созданный на основе Bootstrap. Он имеет такие функции, как очень простые параметры настройки, SEO и расширенные сниппеты, макет RTL, неограниченное количество цветов, страница с ошибкой 404, неограниченное количество цветов и многое другое.

Club Cube — еще одна замечательная адаптивная тема MODX, предназначенная для ночных клубов и ди-джеев. Он имеет привлекательный и современный дизайн с такими функциями, как twitter Bootstrap, медиа-слайдер, готовность к SEO, 20 уникальных страниц, адаптивный дизайн, настраиваемая анимация, действующий код HTML5 и CSS3 и многое другое.Загрузите эту тему MODX сегодня.

MDx Sharp — это умная, чистая, современная, стильная и гибкая тема MODX, которая предлагает все в одном решении для веб-сайтов для бизнеса. Эта тема идеально подходит для всех типов бизнес-ниш. Его основные функции включают HTML5 и CSS3, страницу с ошибкой 404, неограниченное количество цветов, несколько ползунков, адаптивный дизайн, макет RTL и многое другое.

Дай свой бизнес, ,
или портфолио профессиональной и привлекательной платформы с этой стильной и продвинутой темой MODX под названием STYZO.Основные функции этой темы включают код HTML5 и CSS3, полностью настраиваемую, настраиваемую анимацию, портфолио куба, раздел блога, фильтруемое портфолио, форму Ajax и многое другое. Скачайте онлайн прямо сейчас!

Попробуйте Superawesome, многоцелевую тему MODX с современной и чистой рекламной страницей, предназначенной для демонстрации приложений или продуктов. Эта простая в настройке и управлении тема имеет такие функции, как адаптивный дизайн, фон с высоким разрешением, более 500 макетов, хорошая документация на основе Bootstrap 3, настраиваемый макет и надежная панель администратора.

MDx Uber — идеальная тема MODX для компаний и организаций, основанных на продуктах или услугах. Его также можно использовать для блогов, портфолио, фотографий и. HTML5, CSS3, поддержка SEO, построенная с помощью Bootstrap 2.3, неограниченные параметры цвета, шрифты Google, гибкий слайдер и слайдер BX, а также адаптивный макет — вот некоторые из основных особенностей этой темы.

MDx Apostle — одна из лучших тем MODX с полностью адаптивным дизайном и поддержкой Bootstrap 2.3. Он идеально подходит для бизнеса, портфолио, корпораций, творческих веб-сайтов, блогов и многого другого.Он поставляется с веб-шрифтами Google, гибким слайдером и слайдером BX, jQuery, простой настройкой, складной боковой панелью, галереей со световым блоком и другими функциями.

Tredd Studio — еще один вариант для вас, если вы ищете профессиональную, чистую и современную тему MODX для своего веб-сайта. Эта тема идеально подходит для портфолио, фотографий, личных блогов, демонстрации продуктов или приложений и многого другого. Эта полностью настраиваемая тема имеет полностью адаптивный дизайн с такими функциями, как код HTML5 и CSS3, фильтруемое портфолио и многое другое.

MDx Cygne — это профессиональное и стильное приложение, предназначенное для фотографов, чтобы продемонстрировать свои творческие фотоработы, портфолио и многое другое. Эта тема имеет полностью адаптивный дизайн, настраиваемые параметры цвета, складные слайдеры, jQuery, гибкий слайдер и слайдер BX, шрифты Google и другие интересные функции. Так что попробуйте и продемонстрируйте свои профессиональные навыки фотографии.

Duality — это одностраничная тема MODX, идеально подходящая для демонстрации приложений или продуктов, портфолио, целевых страниц, корпоративных приложений и т. Д.Эта тема имеет такие функции, как адаптивный дизайн, CSS-фреймворк Bootstrap3, современный одностраничный дизайн, плагин премиум-класса изотопов, эффекты параллакса, документация по скважинам и многое другое. Загрузите эту одностраничную тему и начните создавать профессиональную целевую страницу для своего бизнеса.

Neat — замечательная адаптивная модульная тема MODX, разработанная для фотографий, сайтов путешествий, корпораций, предприятий и многого другого. Он предлагает вам захватывающие функции, такие как адаптивный дизайн, расширенные параметры темы, несколько форматов сообщений, карусель совы с сенсорным управлением, одностраничный макет с плавной прокруткой и многое другое.Попробуйте эту модульную тему MODX и создайте профессиональный, чистый и современный веб-сайт для своего бизнеса.

Colors — это одностраничная тема MODX, созданная для демонстрации приложений или продуктов, корпоративных клиентов, предприятий и т. Д. Эта тема имеет такие функции, как адаптивный дизайн, 3 шаблона, несколько вариантов цвета, меню с прокруткой, фрагмент формата, два меню, ТВ для изображений, файлы CSS / JS / изображений и многое другое. Скачайте эту замечательную тему и создайте прекрасный веб-сайт для своего бизнеса.

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

Добро пожаловать в 4 урока MODX Revolution для начинающих … На последнем уроке мы сделали некоторые настройки конфигурации сайта и посмотрели, как выставить некоторые глобальные настройки. Мы также изучили, как устанавливать дополнения из репозитория MODX с помощью диспетчера пакетов. В этом посте мы рассмотрим, как работать с шаблонами в MODX Revolution … Мы начнем со статического шаблона HTML / CSS, а через несколько уроков превратим его в законченный. Шаблон MODX Revolution .

Что такое шаблоны MODX?

Шаблоны MODX это простые шаблоны HTML / CSS с тегами MODX внутри для динамической функциональности.Это очень упрощенное определение, но это определение в моей голове для шаблона MODX … Если вы знаете, как программировать HTML / CSS или можете разобраться в таком коде, то остальное для вас не будет проблемой. . Это то, что делает MODX очень удобным для дизайнера.

Для этого урока я решил использовать тему студии Themeforest для своего сайта. Если вы хотите точно следовать моим шагам, вы можете взять тот же шаблон или взять другой шаблон, собственную разработку или загруженный с другого ресурса (найдите «бесплатные шаблоны css» в Google).Порядок разработки шаблона будет таким же.

В этом руководстве я буду использовать шаблон 7 in 1 Business Success Site , потому что он отлично выглядит и в то же время достаточно сложен, чтобы быть интересным для переноса на веб-сайт MODX … Есть 7 разных цветов стили в наборе, я буду использовать синий, а вы выбираете то, что вам нравится. Ну что ж, приступим!

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

1. Загрузка файлов шаблонов

Любой шаблон содержит множество файлов — файлы css, javascript, изображения, флэш-файлы … Все это нужно где-то хранить на вашем сервере, чтобы ваш шаблон имел доступ к этим файлам.Я предпочитаю хранить все файлы, связанные с шаблоном, в середине каталога ресурсов. Вы можете разместить там, где хотите, и указать соответствующие пути в своем шаблоне.

Распакованные файлы шаблонов имеют примерно следующую файловую структуру:

Таким образом, 1 шаг в нашей разработке шаблона — это копирование на сервер трех папок с файлами шаблонов, это папки sample-data /, scripts / и styles /. Я создал папку в середине ресурсов и назвал ее шаблонами, а также создал папку 7in1, в которую я поместил указанные выше папки с файлами шаблонов.Если вы запутались, то посмотрите на картинку, и все станет ясно:

Эти файлы теперь доступны для любого шаблона, который вы делаете.

2. Создание шаблона

После загрузки папок с файлами мы можем начать создание нашего шаблона MODX … В панели администратора щелкните вкладку Элементы слева, откроется панель с различными элементами сайта — шаблоны, чанки, переменные шаблона и другие. Щелкните по шаблонам , и мы увидим, что уже существует один базовый шаблон с именем Base Template … Если вы нажмете на нее, то увидите код этого шаблона. Мы видим HTML-код с тегами [[++ site_name]], [[* pagetitle]].

Эти теги преобразуют статический код HTML / CSS в динамический шаблон MODX , и мы собираемся узнать, как это сделать, и приложить все усилия.

Давайте сделаем наш шаблон. Для создания нового шаблона MODX Revolution щелкните правой кнопкой мыши «Шаблоны» и выберите «Новый шаблон».

Вы также можете щелкнуть значок «Новый шаблон»:

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

Что ж, вы можете добавить код в наш новый шаблон. Начнем с создания шаблона для домашней страницы. Теперь я могу сказать, что дизайн домашней страницы будет отличаться от дизайна внутренних страниц, поэтому я назову этот шаблон своим собственным именем, например «7in1 Home».Код домашней страницы находится в файле index.html в папке шаблонов, которую мы загрузили с Themeforest, поэтому откройте этот файл в редакторе (я использую Notepad ++) и скопируйте его содержимое в наш недавно созданный шаблон в MODX … Можно (и на мой взгляд это даже удобнее) редактировать код вне MODX Revolution и только потом переносить отредактированный код исправленного шаблона, но исходя из целей этого урока, Все эти действия мы будем выполнять внутри редактора MODX .

3. Отредактируйте пути

Давайте изменим пути к папкам шаблонов в нашем коде. Мы скопировали наш шаблон в папку assets / templates / 7in1. Поэтому нам нужно изменить пути ссылок на файлы css, файлы js, изображения и т. Д. На правильные пути на нашем сервере. Этот элемент вашей работы можно сделать для ускорения перед копированием кода шаблона в редактор MODX … Теперь, просто взглянув на код, я могу сказать, что мне нужно найти папку styles / и заменить ее ресурсами. / templates / 7in1 / styles / и так далее.Заменим все необходимые пути и сохраним наш шаблон. Вы можете обнаружить, что что-то пропустили, и в выводе страницы есть ошибка, поэтому вернитесь и снова исправьте пути.

4. Назначение шаблона

Итак, мы закончили перенос шаблона, давайте назначим шаблон страницы и посмотрим, что мы сделали. Чтобы определить шаблон для страницы, нам нужно перейти на вкладку «Ресурс» и открыть ресурс, для которого мы хотим определить шаблон (в нашем случае это домашняя страница). Если вы нажмете на поле «Использует шаблон», то в раскрывающемся списке вы сможете выбрать только что созданный новый шаблон.

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

После сохранения мы можем предварительно просмотреть страницу и посмотреть, как она теперь выглядит.Вот скриншот вверху страницы:

Вот внизу:

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

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

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

В этом руководстве мы в основном будем использовать теги системных настроек.

6. Изменения заголовка сайта в MODX Revolution

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

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

нашего шаблона: Business Success

Нам просто нужно заменить текст Business Success в заголовке системным тегом, который будет передавать текущий заголовок веб-сайта из наших системных настроек.Вот как мы заменяем Business Success на [[++ site_name]]. Мы также сделаем еще одну вещь: тип переменных может быть определен в системных настройках нашего сайта, поэтому мы заменим UTF-8 на [[++ modx_charset]]. Таким образом, приведенный выше код будет выглядеть так:

US.CMS

Сохраните шаблон и посмотрите на изменения: теперь в шапке сайта отображается название нашего сайта.

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

Это произошло так же, как и с нашим шаблоном, но все происходит динамически и тип данных не является статическим значением.

Еще одна важная деталь: к нашему элементу

нужно добавить тег … Мы используем этот тег для определения адреса по умолчанию для всех ссылок на странице. Поэтому в моем случае мы внесем следующие изменения: US.CMS

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

Ну, на этом мы и закончим.Мы добились значительного прогресса, и теперь у нас есть некоторые базовые знания о создании шаблона MODX Revolution … Мы увидели пример того, как выполнить начальные настройки, создали новый шаблон, добавили его в категорию и начали добавлять MODX Revolution теги , чтобы начать преобразование нашего статического шаблона в динамический шаблон MODX .

8490

В этой статье мы рассмотрим такой элемент CMF MODX Revolution как шаблон.

Что такое шаблон?

Шаблон — это элемент MODX, который представляет собой шаблон, на основе которого может отображаться любое количество ресурсов.Чтобы шаблон использовался для отображения определенного ресурса, он (шаблон) должен быть связан с ним (ресурсом).

Шаблон подключается к ресурсу через поле «Шаблон».

После этого подключенный (выбранный) шаблон будет использоваться для отображения этого ресурса.

Очень легко понять назначение шаблона и его отношение к ресурсам, если вы представите шаблон как дом, а ресурс как человека, живущего в этом доме. Дом, как и шаблон (страница), состоит из множества деталей (крыша — это заголовок страницы, стены — это рамка страницы, основная часть фасада — это основное содержание страницы, подвал это нижняя часть страницы и т. д.).

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

Примечание. Каждый ресурс (страница) в MODX Revolution может использовать только один шаблон в качестве вывода. Те. MODX не позволяет использовать несколько шаблонов для одновременного отображения ресурса. Однако вы можете назначить ресурсу другой шаблон в любое время.Для этого на странице редактирования ресурса выберите нужное значение из выпадающего списка «Шаблон» и нажмите кнопку «Сохранить». После этого ресурс будет отображаться на основе указанного (другого) шаблона.

Где шаблоны в админке?

В админке (менеджере) шаблоны расположены на левой панели во вкладке «Элементы».

Шаблоны состоят из полей: имя, описание, значок, код шаблона (html) и т. Д.

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

Создание шаблона

Создание шаблона в админке осуществляется путем выполнения следующих шагов:

1. Щелкните знак «+» напротив заголовка «Шаблоны».
2. В поле имени введите имя шаблона (например, Template1).
3. Введите необходимое содержимое в поле кода шаблона (HTML).
   Например:

   [[* pagetitle]] ID (идентификатор) страницы: [[* id]]
   Аннотация (введение): [[* introtext]]
   Название ресурса в меню: [[* menutitle]]

   ---

   [[ * содержание]]
   Обратите внимание на специальные теги: [[* pagetitle]], [[* description]], [[* longtitle]] и т. Д.Они обрабатываются парсером только тогда, когда браузер пользователя запрашивает у MODX ресурс, имеющий этот шаблон. В этом случае все специальные теги ([[* поле ресурса]]) будут заменены значениями соответствующих полей текущего (запрошенного) ресурса.

4. Сохраните шаблон, нажав соответствующую кнопку.

Примечание. После создания шаблон не назначается ресурсам автоматически. Шаблон указывается для определенных ресурсов путем их редактирования.Те. Вам нужно будет внести изменения в каждый ресурс, а именно открыть ресурс, выбрать созданный шаблон из выпадающего списка и нажать на кнопку «Сохранить».

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

Редактирование шаблона в админке осуществляется следующим образом:

1. Откройте вкладку «Элементы» в левой панели админки.
2. Разверните содержимое раздела «Шаблоны», щелкнув значок треугольника.
3. Щелкните левой кнопкой мыши имя необходимого шаблона.
4. Внесите изменения в обязательные поля шаблона.
5. Щелкните по кнопке «Сохранить».

Где хранятся шаблоны?

Шаблоны

MODX по умолчанию хранятся в таблице базы данных modx_site_templates (modx — это префикс таблицы, назначаемый во время установки системы).

Начиная с MODX 2.2.x, также можно хранить код шаблона в файле.

Для этого на странице создания / редактирования шаблона необходимо сделать следующее:

1. Установите флажок «Статический».
2. Выберите базовый каталог из раскрывающегося списка «Источник файла для статического файла». Базовый каталог — это каталог, относительно которого будет указано расположение статического файла.
3. Укажите расположение файла относительного базового каталога в поле Статический файл.
4. Щелкните по кнопке «Сохранить».

После этого содержимое указанного файла будет использоваться в качестве кода шаблона.

Эта функция предназначена для изменения кода шаблона путем редактирования файла.

Использование полей ресурсов в шаблоне

Получение значений полей ресурсов в шаблоне выполняется с использованием следующего синтаксиса:

[[* FieldName]]

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

[[* pagetitle]]

. Например, отобразите содержимое текущего ресурса:

[[* content]]

Теги для отображение значений полей ресурсов может, как и другие теги MODX, иметь фильтры отображения.Например, напечатаем значение поля «интротекст» в div с введением класса, используя 2 фильтра. Первый выходной фильтр будет использоваться для исключения любых HTML-тегов из содержимого поля интротекст. Мы воспользуемся вторым фильтром, чтобы вывести на экран не все содержимое этого поля, а только первые 200 символов. Если в этом поле будет больше символов, отобразите многоточие (…) в конце строки.

[[* introtext: stripTags: ellipsis = `200`]]

TV переменных в шаблонах

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

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

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

1. Вам нужно создать фото переменной TV.
2. Установите эту переменную на соответствующих вкладках в качестве типа ввода и вывода на требуемое значение. Например, изображение.
3. На вкладке «Доступно для шаблонов» установите флажок рядом с шаблоном «город».

После этого у ресурсов с шаблоном «город» появится дополнительное поле.

Для отображения значения поля (TV-параметра) city в шаблоне необходимо использовать следующую конструкцию:

[[* фото]]

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

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

Самое главное — найти простой шаблон html. Желательно адаптивное — открываться на разных устройствах с разной шириной экрана. Будем считать, что вы его нашли (хотя в нашем случае подойдет абсолютно любой шаблон html).Далее нужно либо закачать файлы на хостинг, либо создать там страницы и скопировать контент. Но давайте рассмотрим все пошагово и то, как я это делаю.

Пошаговые инструкции по созданию и настройке вашего шаблона modx

Итак, у нас есть шаблон — набор html и css файлов, возможно также скриптов.

1. Зайдите в админ-панель modx, перейдите на вкладку Template Elements и нажмите на знак плюса.

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

Теперь открываем нашу страницу (вручную вводим адрес в браузере или добавляем в меню для удобства). Если вы все сделали правильно, сайт должен открыться с вашим новым шаблоном html, установленным на modx.

Пользовательский шаблон modx: изображения и стили CSS не отображаются

Хотя, скорее всего, шаблон может не открываться как следует с первого раза.будьте осторожны, с расположением файла … Обычно шаблон может «плавать» и отображаться без картинок. Все из-за того, что неверно прописан путь к файлам. Их нужно посмотреть в самом файле шаблона и подставить туда, куда вы загрузили на хостинг. Например, я загрузил файлы в папку assets / template / test_shab /, поэтому в шаблоне я написал что-то вроде assets / template / test_shab / img / favicon.ico и т. Д.Все пути к файлам нужно менять, так как по умолчанию все файлы находятся в папке шаблона, а в modx их лучше куда-нибудь загрузить (но это больше для удобства, чтобы не засорять систему).

Как сделать так, чтобы содержимое Modx отображалось в вашем шаблоне

Если ваш шаблон открывается и отображаются все изображения, это хорошо. Но это еще не все. Сам контент, зарегистрированный через админку modx, не отображается. И почему? Потому что это не упоминается в шаблоне! Мы просто скопировали весь код из шаблона html.Добавьте вместо содержимого в шаблон chunk [[* content]] , который как раз отвечает за отображение всего содержимого modx. В редакторе шаблонов это будет примерно так:

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

Приветствую, дорогие читатели! В предыдущих уроках мы сделали начальные настройки MODX, установили основные дополнительные пакеты и настроили MODX CNC.Теперь начинается самое интересное. Сегодня мы поговорим о том, что такое шаблоны MODX и где их взять (скачать, заказать, купить).

Что такое шаблон MODX

Шаблон MODx По сути, это обычный шаблон HTML / CSS / JS с тегами синтаксиса MODX, написанными внутри него для наилучшей динамической функциональности. Так что, если вы неплохо разбираетесь в HTML / CSS, то интеграция обычного шаблона HTML / CSS в MODX не должна стать проблемой. Благодаря этой функции MODX очень удобен для веб-дизайнеров.А теперь перейдем к самому интересному.

Где взять шаблоны для modx

Здесь у нас есть три пути:

1. Нарисуй себя с нуля и набери, эксклюзивно
2. Заказ у фрилансера или партнера, друга
3. Сделай сам из доступных шаблонов

Первый вариант подходит для веб-дизайнеров или, по крайней мере, тех, кто свободно владеет Adobe Photoshop и хорошо знает HTML и CSS.

Второй вариант подходит вам, если вам сложно работать с Adobe Photoshop и CSS, плюс этот вариант в том, что вам не нужно тратить свое время (рисование, верстка и т. Д.)), но за это придется платить, и не факт, что вас нарисуют, а потом сделают качественный шаблон. Вот сайты, на которых вы наверняка найдете художника, вы также можете связаться со мной с этим вопросом.

Что ж, третий вариант подойдет вам, если вы хоть немного разбираетесь в HTML и CSS. Это требует минимальных затрат и не занимает много времени (немного стилизуйте по-своему, вносите небольшие правки и т. Д. Для клиентов с небольшим бюджетом я обычно использую этот вариант.

В рамках уроков, размещенных в этом блоге, я сделаю сайт с нуля по своему техническому заданию. Если вы только учитесь создавать веб-сайты на MODX, то загрузите созданный мной шаблон и поэкспериментируйте с ним (версию и способы ее создания можно найти в руководствах по Bootstrap 4).

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

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

Сразу хочу отметить, что не нужно думать, что сайты-шаблоны плохие. Нет!

Плохо, когда на сайт загружено много «бабла» (уникальный авторский дизайн, самый дорогой выделенный сервер в Германии или Нидерландах, платный движок типа «1С-Битрикс: Управление сайтом — Бизнес» за 60 000 рублей, крутейший «SEO» «При посекундной тарификации Яндекс.Директ запущен за 100000 рублей в легком режиме и т.д.), а результат нулевой! Это очень плохо! Я бы сказал, очень плохо!

Обращаю ваше внимание на то, что шаблон будущего сайта нужно выбирать с максимальным запасом на будущее.Что это значит? Сайт с таким дизайном не проработает год-два, да и время не стоит на месте — технологии меняются. Поэтому глупо выбирать шаблоны моложе 2014 года.

Раскладка стола — это анахронизм!

Выбранный вами шаблон должен соответствовать основным требованиям:

1. HTML5;
2. CSS3;
3. 100% отзывчивый.

Самый распространенный, популярный и гибкий фреймворк CSS Twitter Bootstrap обычно используется для достижения последней точки.Версии, желательно выше 3.5. Сейчас это версия 4.

Сайты предоставляют как чистые HTML-шаблоны, так и шаблоны (темы) для различных CMS (WordPress, Joomla, Drupal). Причем цена последнего в несколько раз дороже. Как вы уже догадались, тематические шаблоны не имеют смысла для CMS MODX. Если вы решили купить один из шаблонов, то зачем доплачивать за специальный тематический шаблон, если его можно купить на простом HTML очень дешево (скажем, за 15 долларов, то есть около 550 рублей).Кроме того, продавец предлагает несколько полностью идентичных шаблонов, ориентированных как на CMS, так и на простой HTML. Например, как отдельная тема WordPress шаблон стоит 75 долларов, а в обычном HTML — 15 долларов.

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

С этим думаю можно разобраться.

авторов | MODX.today

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

Крис Кнеллволф

является давним энтузиастом MODX и любит создавать с его помощью веб-сайты. Он является основателем cloudtec: швейцарского веб-агентства, которое использует MODX для создания потрясающих веб-сайтов.

Фабиан Кристен

стал партнером pixmill.ch после многих лет работы фрилансером MODX. Побывав в CMS-Space, он наконец нашел свой цифровой дом с MODX.

Håvard Vidme

Веб-разработчик и семьянин из Норвегии. Использую MODX с версии 0.9. Интересы включают семью, друзей, походы, фильмы и программирование.

Хьюго Пик

работает в голландском агентстве Qaraqter, где занимается конструированием и проектированием веб-сайтов, ориентированных на контент. Ему нравится творческая свобода и многоразовый код, и он всегда ищет более разумные и простые способы создания веб-сайтов.

Ян Дэне

является веб-разработчиком и энтузиастом MODX из Германии, работающим вместе с различными дизайнерскими агентствами, создавая веб-сайты MODX на основе дизайна их экранов.

Джесси Коуч

близнец, помешанный на кино, писатель, давний участник MODX и приемный отец с десятью детьми. Он также успешный дизайнер и разработчик UX / UI, склонный к простоте.

Марк Хамстра

это CEA на
модмор
где он помогает людям делать больше с MODX, предоставляя дополнительные услуги с отличной поддержкой и документацией, а также другие инициативы, призванные помочь MODX-разработчикам, таким как MODX.сегодня и SiteDash.

Освободить робота Робби

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

Стивен Джеймс Маклин

является техническим руководителем и специалистом по поисковой оптимизации в Springbok Agency и помог организовать встречу MODX на Мальте в мае 2017 года.

Том Шихан

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

Том Уилсон

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

Трей Пью

является давним энтузиастом MODX и членом сообщества из Торонто, Канада, который слушает хаус-музыку, когда тянет All-Nighter.

Василий Наумкин

является автором pdoTools, miniShop2, Tickets и других компонентов для MODX Revolution. Родной русский язык.

Редакционная группа

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

Как разблокировать пользователя или сбросить пароль из админки MODX Revo, MODX Evo через phpMyAdmin. Блокировка пользователя при входе в админку MODx Доступ в админку modx

Хорошо! Опять же я фальшивка и больше месяца вы не видели ни одного моего поста. Я поправляюсь. Этот пост будет интересен разработчикам системы. Modx Revolution … В этом уроке я расскажу вам, как упростить редактирование веб-сайта для обычного менеджера, который немного не разбирается в веб-сайтах.

Для начала напомню, как настроить админку Modx Revo — я об этом писал в. У меня есть некоторые изменения, а точнее упрощение этой самой админки. Дело в том, что в той политике доступа ( для непонятливых — почитайте внимательнее пост по ссылке ) указаны вкладки, которые обычному менеджеру ни в коем случае не понадобятся, а, наоборот, могут войти его в ступор (например, такие вкладки в меню как «Настройка системы» или «Источник файлов» ).Предлагаю новую политику доступа. Не стесняйтесь следовать всем пунктам, которые описаны в этой статье, но на 6-м пункте ставьте галочку только на этих параметрах:

• change_password (Пользователь может изменить свой пароль)
• change_profile (Пользователь может редактировать свой профиль)
• class_map (См. Список классов на карте классов)
• стран (См. Список стран)
• delete_document (Удаление и перемещение ресурсов)
• directory_create (Создать каталоги в файловой системе)
• directory_list (получить список подкаталогов для каталога в файловой системе)
• directory_remove (удалить каталоги в файловой системе)
• directory_update (переименовать каталоги в файловой системе)
• edit_document (редактировать ресурсы)
• file_create (Создать файлы)
• список_файлов (см. Список файлов в определенном каталоге)
• file_manager (использовать файловый менеджер)
• file_remove (Удалить файлы)
• file_tree (см. Дерево файлов на левой панели навигации)
• file_update (Изменить файлы)
• file_upload (Загрузить файлы в папку)
• file_view (просмотр содержимого файла)
• кадров (использовать серверную часть MODX)
• справка (см. Страницу справки)
• home (См. Страницу приветствия)
• список (Возможность «перечислить» любой объект) «Список» означает получить коллекцию объектов)
• load (Возможность «загружать» объекты или иметь возможность возвращать их как экземпляр объекта в целом)
• logout (возможность выхода как пользователь)
• menu_site (Показывать в верхнем пункте меню «Сайт»)
• menu_tools (Показать пункт «Инструменты» в верхнем меню)
• menu_user (Показать пункт «Пользователь» в верхнем меню)
• new_document (Создание ресурсов)
• publish_document (публикация или отмена публикации ресурсов)
• purge_deleted (Очистить корзину)
• resource_duplicate (Создать копию ресурса)
• resource_quick_create (Используйте «Быстро создать ресурс» в контекстном меню)
• resource_quick_update (Используйте «Быстро обновить ресурс» в контекстном меню)
• resource_tree (просмотреть дерево ресурсов на левой панели навигации)
• save_document (экономия ресурсов)
• источников (Управление источниками файлов и типами источников файлов)
• source_delete (Удалить источник файлов)
• source_edit (править исходный файл)
• source_save (Создание и сохранение исходных файлов)
• source_view (см. Источник файлов)
• tree_show_resource_ids (Показать идентификатор в дереве ресурсов)
• вид
• view_document (Просмотр ресурсов)

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

Удаление ненужных tv-параметров и заполнителей из админки

Часто для довольно простых сайтов (которых только большинство) вам не нужна куча непонятных заполнителей вроде «Псевдоним» , «Аннотация (введение)» или все «Настройки» с кучей непонятных параметров, ненужных обычному обывателю. И вам просто нужно «Title» и «Resource content» … Сейчас я покажу на примере одного из моих сайтов, как настроить упрощенную административную панель для менеджера.

Заходим в «Настройка форм»

Далее нажимаем «Создать новый профиль»

Назовем его «менеджер» и поставим галочку напротив «Активный». Экономим

Щелкните профиль правой кнопкой мыши и выберите «Изменить»

В открывшемся окне нажимаем на «Группа пользователей» и добавляем «менеджер»

Возвращаемся в «Профиль» и нажимаем «Создать новый набор правил» (я уже создал несколько)

В «Действие» указываем «Обновить ресурс»

Скорее всего, у вас уже есть шаблон и страница, и на этом этапе вы просто настроите панель администратора, поэтому я советую вам также выбрать «Обновить ресурс» , а затем просто скопировать параметры в » Создать ресурс «… Как вы, наверное, уже догадались — это правила редактирования определенного шаблона, а «Действие» определяет, когда прибегать к этим правилам: при создании или при редактировании. Если не поймешь — ничего страшного, тогда все станет ясно.

В шаблоне выберите шаблон, для которого хотите установить правила

Назначу правила шаблону «Услуги» .

Совет: Мне очень удобно открывать два браузера: в одном ( Chrome ) админку под «админкой», а во втором ( Opera ) под «менеджером»

Далее редактируем только что созданный набор правил

А теперь самое интересное.Если вы впервые попадаете в этот раздел, то можете почувствовать себя плохо от кучи непонятных параметров. Но через время вы начнете разбираться, что к чему.

Вкладка «Информация о наборе правил и поля ресурсов»

«Информация о наборе правил и поля ресурсов» содержат все параметры, которые мы видим в панели администратора.

Вот они выглядят так:

Например modx-resource-content — это параметр, отвечающий за «Содержимое ресурса».Если снять галочку, то при редактировании шаблона «Сервис» мы не увидим «Контент ресурса».

Все параметры выделены отдельными блоками. Например, в modx-resource-main-left

включены такие параметры как:

• Заголовок (pagetitle)
• Расширенное название (longtitle)
• Описание (описание)
• Аннотация (интротекст)

Если мы снимем флажки, они исчезнут из панели администратора (незабываемо, что это произойдет только для определенного шаблона, в данном случае шаблона «Сервис»)

Но мы этого делать не будем, лучше определимся, какие плейсхолдеры нам нужны, и оставим только их.В этом случае мне нужны параметры Title, Menu, Resource Content и TV, которые я создал сам. Я снял отметку со следующих опций:

и получил эту админку:

Мне не очень нравится, что основная вкладка называется «Документ» … Ее можно переименовать в разделе «Регионы» (как это сделать чуть ниже)

Вкладка регионов

«Регионы» отвечают за блоки. Допустим, modx-resource-settings отвечает за весь блог, где заголовок, описание, выбор шаблона, псевдоним, галочки «Опубликован», и т. Д.Пожалуй для наглядности сделаю скриншоты, шпаргалки. Разберем каждый блок отдельно:

modx-ресурсы-настройки

Это весь блок под названием «Документ»

Так вот, чтобы переименовать блок «Документ» , скажем, в «Основная информация» нужно в «Заголовок вкладки» (см. Предыдущий снимок экрана) напротив modx-resource-settings для записи «Основная информация»

modx-ресурс-основной-левый

Левая часть блока «Документ»

modx-resource-main-right

Правая сторона блока «Документ»

modx-page-settings

Это вся вкладка «Настройки»

modx-страница-настройки-слева

Левая часть блока «Настройки»

modx-страница-настройки-права

Правая часть блока «Настройки»

modx-page-settings-right-box-left

modx-page-settings-right-box-right

modx-панель-ресурс-телевизор

Вкладка «Все параметры ТВ»

modx-ресурс-права доступа

Этот параметр не влияет на отображение блоков.

Ну с вкладками «Регионы» разобрались. Продолжим редактирование наборов правил для шаблона. «Услуги»

Мне нужно вытащить параметры моего телевизора на главную вкладку и удалить вкладку «Настройки» .

Сначала убираем вкладку «Настройки»

Это можно сделать, сняв отметку со следующих регионов:

Вкладка «Настройки» исчезла

Теперь переносим tv-параметры в основную вкладку и убираем вкладку «Дополнительные поля»

У меня телевизор «Иконка» и «Img» … Для того, чтобы переместить их на главную вкладку, необходимо в разделе «Дополнительные поля» v «Регион» указать новый регион modx-resource-main-left (это делается двойным щелчком )

и снимите флажок modx-panel-resource-tv (и одновременно с modx-resource-access-permissions ) В главе «Регионы»

Теперь админка выглядит так:

У нас по-прежнему есть два параметра tv: title и snippet … Я сделал их специально для SEO, чтобы их не видел менеджер, но их SEO специалист или я сам использовали эти параметры. Да, несомненно, можно было использовать, скажем, description и introtext для этих целей, но мне нужно скрыть их на другой вкладке под названием SEO-оптимизация (к сожалению, заполнители по умолчанию не могут быть перемещены на другие вкладки)

Создать новую вкладку «SEO оптимизация»

Для этого перейдите в раздел «Регионы» и нажмите кнопку «Создать новую вкладку»

Теперь мы вставляем этот идентификатор в дополнительные поля в наших tv-параметрах title и snippet

И смотрим результат:

В результате получилась чистая, простая в администрировании страница с вкладками SEO-оптимизация .

Из этой статьи вы можете многому научиться и, возможно, заново открыть для себя преимущества Modx Revolution и то, насколько гибким он может быть в процессе разработки. Это все для меня! До новых постов.

Если вы введете свой логин или пароль несколько раз (по умолчанию 3 раза) при входе в админ панель сайта, система управления заблокирует вас и вы увидите надпись «Ваш доступ к системе управления заблокирован администратором».

Самые простые решения:

1. Если по каким-то причинам вы не знаете «Учетная запись электронной почты» или нет доступа к этой почте, вы можете восстановить доступ, изменив почту в phpMyAdmin:
   modx_user_attributes и в поле email
2. Заходим в базу через phpMyAdmin.Найдите таблицу modx_user_attributes
   ;
3. Выходим из phpMyAdmin, обновляем страницу входа в админку, после этого можно зайти в админку со своим логином и паролем.

Важно: Префикс «modx_» в вашей базе данных может быть другим! Зависит от базовых настроек.

Как изменить пароль пользователя MODX Revolution через phpMyAdmin

1. modx_users hash_class поставить хеширования.modMD5 , поля salt и cachepwd очищаем, а в поле password меняем значение на:

   Теперь пароль от панели управления — qwerty

qwerty в сейфе.

Как разблокировать пользователя админки MODX Evolution

1. Нажмите «Забыли пароль?» укажите «Учетная запись электронной почты» и вы получите ссылку для сброса пароля по электронной почте.
2. Если вы не знаете «Учетную запись электронной почты» или нет доступа к этой почте, вы можете восстановить доступ, изменив почту в phpMyAdmin:
   Заходим в базу данных через phpMyAdmin.Находим таблицу modx_user_attributes и в поле email меняем почту на свою и возвращаемся к шагу 1, чтобы запросить смену пароля.
3. Заходим в базу через phpMyAdmin. Найдите таблицу modx_user_attributes и измените содержимое полей на 0 (ноль) (если что-то там есть):
   blocked, blockeduntil, failedlogincount ;
4. Выйти из phpMyAdmin, обновить страницу входа в админку, все должно работать.

Как изменить пароль пользователя MODX Evolution через phpMyAdmin

1. Заходим в базу через phpMyAdmin. В таблице modx_manager_users желаемый пользователь имеет значение в поле пароль. измените значение на:

   d8578edf8458ce06fbc5bb76a58c5ca4

   При редактировании укажите MD5 в столбце phpMyAdmin «Функция». Теперь пароль от админки — qwerty (вверху пароль qwerty в MD5 хеше)

2. Выходим из phpMyAdmin, обновляем страницу входа в админку, вводим логин и Новый пароль, все должно работать.

Не забудьте сменить пароль для пользователя в админке qwerty на сейф.

1. Авторизуйтесь в админке сайта на Modx

Необходимо зайти в админку сайта (например, www.site.ru/manager/), ввести логин и пароль:

Введите данные для входа: имя пользователя и пароль.

2. Админ панель Modx

3. Дерево документов — страницы сайта в админке

Чтобы отредактировать нужную страницу на сайте, необходимо выбрать соответствующий документ в дереве документов.

Пример: мы хотим отредактировать раздел «О компании». Для этого щелкните соответствующий документ в дереве документов сайта.

В рабочей области админпанели откроется страница редактирования документа «О компании».

Вы можете изменить информацию в тексте страницы,

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

5.Добавление картинок в текст

открывается окно «Параметры изображения»

выберите картинку с сервера

1. Выбор папки
2. Выбор изображения
3. Нажмите ОК

выбирая необходимые параметры (выравнивание, верт. Отступ, горизонт. Отступ, граница), видим, как картинка будет отображаться на странице, пример
(картинка выводится справа, с отступом 10px по каждому краю)

Обновите страницу в браузере (нажмите Ctrl и F5) и просмотрите сделанные изменения.

Многие разработчики MODx уже знают ответ, как выйти из этой ситуации. Однако у новичков, недавно познакомившихся с CMS MODx, такая проблема возникает часто (такой вывод я сделал по количеству запросов с подобной проблемой). Если у вас возникла подобная ситуация, не пугайтесь, это не ошибка! Это, так сказать, защитная реакция системы на возможность угадывания пароля при входе в административную часть сайта.

Суть проблемы.

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

Разблокировать CMS MODx пользователя

Чтобы разблокировать пользователя, зайдите в нашу базу данных, например, через phpMyAdmin, затем найдите таблицу «modx_user_attributes» и установите значение поля «заблокировано» нужного пользователя на «0».Блокировка пользователя снята, мы проверяем.

Заходим «на ваш сайт». «Зона» / менеджер / и введите свои данные — логин и пароль. Вход должен быть свободным.

Чтобы избежать такой ситуации, я рекомендую не использовать «admin», «user», «superuser», «administrator», «manager» и другие популярные логины при установке системы в качестве имени пользователя с правами «admin». Злоумышленники в первую очередь начнут работать с этой фразой в качестве логина. Не используйте простые пароли — «qwerty, 12345», лучше, чтобы ваш пароль содержал комбинацию прописных и строчных букв и цифр.

Как исправить белый экран на Modx после переезда. Установка MODX, компонентов и их начальные настройки После обновления modx, пустые страницы

Первый туториал по созданию блога на MODX Revolution. В этом руководстве мы рассмотрим процесс установки MODX Revolution CMS на локальном сервере Denwer.

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

Главное требование при создании сайта на MODX Revolution — знать и понимать основы технологий HTML и CSS, без них эту CMS лучше не изучать. Кроме того, в рамках этого курса также необходимо знать платформу Twitter Bootstrap 3, поскольку весь интерфейс блога будет создан с использованием классов и компонентов этой платформы.

Рассмотрим процесс установки системы MODX Revolution в виде шагов.

Подготовительный этап:

Установка CMS MODX:

Вход в панель управления сайтом:

Для входа в панель управления сайтом введите в адресную строку браузера следующий URL: «http://www.mysite.ru/manager/»

После успешного ввода имени пользователя и пароля вы будете перенаправлены на страницу панели управления сайтом.

Одной из особенностей системы MODX Revolution является то, что эта панель не требуется для самого сайта, т.е.е. при необходимости его можно удалить, удалив папку «менеджер» из каталога сайта.

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

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

Первое, что нужно сделать, это избавиться от ошибки конфигурации системы « Open source kernel directory », если появляется такое сообщение. Исправляем по инструкции сообщения, то есть переименовываем файл ht.access , расположенный в папке core , давая ему имя. htaccess .

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

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

После обновления окна убедитесь, что сообщение исчезло.

Дальнейшие настройки производятся в окне «Системные настройки и события». Чтобы открыть окно настроек, наведите курсор мыши на значок шестеренки в правом верхнем углу админ-панели и выберите первый пункт «Системные настройки».

В Revo

очень много системных настроек

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

Знак «+» слева от названия настройки откроет подсказку о том, для чего предназначен этот элемент. А в поле «Значение» меняются параметры каждой настройки. Они, в зависимости от типа настройки, вводятся вручную или выбираются из списка.

Основные параметры системы, которые обычно редактируются сразу после установки MODX

Раздел «Сайт»

• Название сайта : название нужного нам проекта, в свободной форме
• Сообщение о недоступности сайта : текст, который будет отображаться в отключенном (неопубликованном) режиме сайта, в свободной форме
• Опубликовать по умолчанию : будет ли новый документ доступен для просмотра посетителям сразу после создания и сохранения, по вашему выбору, параметры Да / Нет

Раздел «Система и Сервер»

• Отображение RSS-ленты новостей MODX: отключить ( Нет)
• Отображение RSS-канала предупреждений системы безопасности MODX: Отключить ( Нет)

Раздел «Панель управления»

• Показать текст всплывающей подсказки рядом с полем : описание пунктов меню, полезно только при знакомстве с системой, в дальнейшем можно отключить, опции Да / Нет
• Формат даты в панели управления : можно поменять на наш, уважаемый, д-м-г
• Первый день недели : положить 1
  , мы не Стругацкие

Раздел «Friendly URLs» — режим ЧПУ

• Транслитерация псевдонимов: русский (для включения транслитерации дополнительно необходимо установить надстройку транслит )
• Суффикс контейнера: Расчистка
• Используйте понятные URL: Да
• Режим строгого дружественного URL: Да
• Проверить наличие повторяющихся URI во всех контекстах: Да

После включения ЧПУ (дружественный режим URL) на сайте переименуйте ht.доступ в корне сайта к .htaccess, иначе вы получите ошибку 404 при попытке перейти на страницы, отличные от основной.

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

Вы можете дополнительно посетить раздел « Content types » (пункт меню « Content ») и очистить поле « File extension » в параметре HTML. Теперь адрес страниц станет без расширения, то есть http: // site_address / about вместо http: // site_address / about.html .

Сегодня мы рассмотрим основные настройки MODX Revo.

Настройка MODX

Зайдите в админ-панель MODX (http: // your_domain_name / manager /) и перейдите в панель настроек « Системные настройки ».

Здесь вы можете отфильтровать настройки, относящиеся к определенному компоненту системы MODX, а также настройки, относящиеся к одному и тому же компоненту, но сгруппированные по категориям в зависимости от выполняемой функции.

Настраиваем следующие параметры для ядра (ядра).

Разрешить пользователям использовать один адрес электронной почты — allow_multiple_emails — no

Кэширование пропуск

Визуальный редактор

Редактор — which_editor — TinyMCE RTE (он должен быть установлен сам по себе, если вы его установили)

Редактор элементов — which_element_editor — Ace (он также должен быть установлен сам по себе, если вы его установили)

Файловая система

Максимальный размер загрузки — upload_maxsize — 62

00 или что вам нужно (я установил этот параметр на 600 МБ, чтобы уметь загружать видео файлы).

Дружественные URL-адреса

Шлюз пропустить.

Словарь и язык

Язык текстового редактора в интерфейсе сайта — fe_editor_lang — ru

Locale — locale — ru_RU.utf8

mail skip.

Панель управления

Первый день недели — manager_week_start — 1

Понедельник в России.

Разместите телевизор под контентом — tvs_below_content — Да

Дополнительные настраиваемые поля для страниц будут расположены под основным полем ввода контента.Если вариант сейчас непонятен, то разберетесь в будущем. Опция просто для удобства интерфейса администратора. Мне так удобнее.

Поле для имени узла в дереве ресурсов — resource_tree_node_name — menutitle

Это сделано для того, чтобы имена ресурсов в дереве слева были короче.

Поле подсказки для узла в дереве ресурсов. — resource_tree_node_tooltip — alias

Это сделано для того, чтобы вы могли понять, какой ресурс имеет адрес

Показать экран приветствия — welcome_screen — no

phpThumb, Proxies, Sessions and Cookies skip.

Сайт

Не показывать в меню по умолчанию — hidemenu_default — Да

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

Схема URL — link_tag_scheme — -1 (минус 1)

Публикация по умолчанию — publish_default — Да

Та же история, что и с предыдущим вариантом, только наоборот.Когда страница будет создана, там уже будет флажок «Опубликовать». Если ресурс не опубликован, то он не будет доступен посетителям сайта. Но ведь мы же создаем публичные страницы?

Имя сайта — site_name — введите имя сайта, которое позже будет доступно для вставки с помощью заполнителя [[++ site_name]]. Любое название, например ООО Строительная компания «Рога и Копыта».

Сообщение о недоступности сайта — site_unavailable_message — Сайт находится на обслуживании.Пожалуйста, зайдите чуть позже.

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

V Страница ошибки 404 «Документ не найден» — error_page , Страница «Сайт недоступен» site_unavailable_page и 403 страница ошибки «Доступ запрещен» unauthorized_page есть блоки (т.е. все перенаправляется на главную страницу , Рекомендую и назначаю их в настройках)

Система и сервер

Отображение RSS-канала новостей MODX — feed_modx_news_enabled — Нет

Отображение RSS-канала предупреждений безопасности MODX — feed_modx_security — feed_modx_security Тип сервера — server_protocol — https (если у вас установлен ssl сертификат, если нет, то вперед)

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

Заходим в раздел mixedimage и в Файл транслитерации (mixedimage.translit) ставим Да.

Чтобы изображения, загруженные на ресурсы, транслитерировались.

Далее заходим в раздел билетов и в Подсчет просмотров страниц как гостей (билеты.count_gests) устанавливаем Да.

Заходим в раздел admintools и в Включаем авторизацию через почту (admintools_email_authorization) ставим Yes (если вы работаете на сервере — повышаем безопасность), так как я обычно ставлю Theme (admintools_theme) — темный.

На этом начальные настройки завершены. Мы вернемся к остальным настройкам MODX по мере необходимости.

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

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

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

1 Перемещение ядра

2 Изменение адреса панели

Обычно административная панель сайта на MODX находится по адресу https://site.ru/manager. Перемещение админки помогает немного скрыть следы MODX, а сделать это несложно — достаточно переименовать сам каталог (например, из менеджера в admin или abrakadabra), а затем указать новый путь в одном файле конфигурации:

• ядро ​​/ config / config.inc.php

3 Обновить дополнения

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

4 Обновить MODX

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

5 Разделяй и властвуй

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

Даже если контент-менеджеру не придется чесать руки, чтобы глубже разобраться в работе системы, может появиться злоумышленник, который, воспользовавшись некомпетентностью пользователя, сможет перехватить доступ к админке.Это особенно актуально, если работа с сайтом осуществляется через незащищенное соединение, в результате чего логин и пароль передаются по сети в открытом виде. Чтобы снизить риск перехвата пароля, рекомендуется приобрести и установить сертификат SSL, тогда все запросы будут передаваться в зашифрованном виде.

Установка MODX

Перейдите в диспетчер файлов на панели ISPmanager, выберите каталог в папке / www / и загрузите туда архив MODX Revolution (последняя версия на данный момент — modx-2.5.5-пл). Затем разархивируйте содержимое папки, нажав кнопку «Извлечь в этот каталог».

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

Потом удаляем все лишнее, изначально это файл index.html, папка modx-2.5.5-pl, архив modx-2.5.5-pl.zip и меняем имя файла ht.access на .htaccess .

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

Имя: [домен] _new
Сервер базы данных: MySQL
Кодировка: utf8
Пользователь: — Создать нового пользователя —
Имя пользователя: [домен] _new
Пароль: (сгенерировать, нажимая на кубики)

Вместо [домен] введите наш домен без знаков препинания, например site.com будет выглядеть как наш sitecom_new

Мы сохраняем имя и пароль в блокноте, чтобы мы могли использовать эти данные при установке MODX. Сохраните, нажав ОК.

А теперь перейдем к установке самого MODX. Для этого перейдите по ссылке site.com/setup/ и увидите окно установки:

На третьем абзаце нужно поставить галочку Отключить сжатие CSS / JS.

Наконец, мы вбиваем наши данные, созданные ранее, то есть данные из входа в базу данных MySQL.Хост по умолчанию — localhost.

Вбиваем логин и пароль от админки, обязательно указываем рабочий e-mail, чтобы в случае ошибки можно было восстановить доступ к панели управления.

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

Чтобы злоумышленники не взломали нас, нам необходимо защитить ядро ​​системы MODX, которое по умолчанию находится в папке / core /. Заходим в него и переименовываем находящийся там файл из ht.доступ v .htaccess .

Настройка MODX Revolution

Во-первых, вам нужно создать нового поставщика услуг из modstore.pro в разделе «Приложения» -> «Установщик», чтобы в будущем мы могли загружать оттуда компоненты, необходимые для нашего сайта.

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

От поставщика услуг modx.com

1. TinyMCE — визуальный редактор

Из магазина модов поставщика услуг.pro

1. Tickets — (при установке сразу же устанавливает pdoTools и Jevix)
2. phpThumbOn — делает кешированные превью
3. yTranslit — создает красивые псевдонимы
4. для ссылок подсветка синтаксиса
5. mSearch3 — отличный поиск для интернет-магазина
6. Office — личный кабинет, авторизация
7. Sendex — подписка на информационный бюллетень

8. видео галерея

9. HybridAuth —
10. AjaxForm — Обратная связь AJAX
11. HybridAuth — авторизация через социальные сети
12. Обновление — обновление движка за пару кликов
13. 4Profile 19 — создает выгрузку пользователей, а также отдельные страницы профиля и т.п.

Типы контента

Выберите Content -> Content Types в главном меню и измените.html на косую черту /

MODX Revolution Системные настройки

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

Здесь мы сначала настраиваем yTranslit, вам нужно выбрать ytranslit из фильтра пространства имен, в открывшемся списке открыть Яндекс API Key со знаком плюс и щелкнуть ссылку, чтобы получить API, затем скопировать ключ в это поле.

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

site_name — NEXT PC (введите имя сайта)
publish_default — Yes (опубликовать по умолчанию)
friendly_alias_realtime — Yes (создать псевдоним в реальном времени)
friendly_alias_restrict_chars буквенно-цифровой
friendly_alias_translit — русский
friendly_urls — Да
use_alias_path — Да

SEO файлы

Нам нужно создать следующие файлы:

Осталось только создать Документ с пустым шаблоном с именем SEO, в котором снимаем галочку Публиковать и ставим галочку на Не показывать в меню. Далее мы создаем дочерний документ из этого документа и называем его robots.txt, переходим во вкладку Настройки.

Задайте тип содержимого текст и снимите флажок «Использовать редактор HTML», затем установите флажок «Заморозить URI» и введите robots.txt в появившееся поле.

Экономим. После этого, если ACE установлен, то поле Content будет у нас с подсветкой синтаксиса, и туда нужно добавить следующее:

User-agent: * Disallow: / Disallow: / manager / Disallow: / Connectors / Disallow: / core / Disallow: / assets / components / Host: site.com Карта сайта: http://site.com/sitemap.xml Где site .com — наш текущий URL.

Затем вам нужно создать еще один дочерний документ из документа SEO и назвать его sitemap.xml … Установите тип содержимого XML и снимите флажок «Использовать редактор HTML», затем установите флажок «Заморозить URI» и введите sitemap.xml в появившемся поле.

После обновления страницы в поле «Содержимое» должно быть выделено синтаксис и подсчет строк. Вам нужно будет вставить туда фрагмент:

[[! pdoSitemap]] Теперь мы создадим категорию под названием Sites, и из нее мы создадим имя из нашего домена, например site.com

После этого перейдите в шаблоны и создайте шаблон в Sites — site.com, которую мы будем называть «Страница не найдена». Затем в разделах для документа SEO создайте новый дочерний документ и назовите его «Страница не найдена». Сохраним. После того, как мы перейдем к созданному документу Страница не найдена и в поле Content, где мы отображаем визуальный редактор TinyMCE, нажимаем кнопку HTML и вставляем в открывшееся всплывающее окно следующее:

По адресу »

« ничего нет.

Причины, которые могли привести к ошибке:

На главную

Потом сохраняем.

Заходим в Системные настройки, там ищем error_page и в поле значения вставляем ID документа. Страница не найдена, все ID в списке ресурсов указаны в скобках Home (1) и т. Д.

Дальше больше . Создадим системные настройки. Для этого перейдите в раздел Системные настройки, выберите пространство имен core и отфильтруйте Сайт … Затем нажмите кнопку Создать новый параметр и в открывшемся окне введите следующие значения:

Ключ
sites_img Значение
/ assets / sites / [[++ site_url]] / images / Сохранить.Таким же образом создаем еще 3 параметра:

Ключ
sites_css Значение
/ assets / sites / [[++ site_url]] / css / Ключ
sites_js Значение
/ assets / sites / [[++ site_url]] / js / Ключ
sites_fonts Значение
/ assets / sites / [[++ site_url]] / fonts / Наш сток для любого сайта готов.

Пустых страниц после обновления modx. Основные настройки MODX

Установка MODX

Зайдите в файловый менеджер панели ISPmanager, выберите каталог в папке / www / и загрузите архив с MODX Revolution (последняя версия на данный момент modx-2.5.5-пл). Затем разархивируйте содержимое папки, нажав кнопку «Извлечь в этот каталог».

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

Потом удаляем все лишнее, изначально это файл index.html, папка modx-2.5.5-pl, архив modx-2.5.5-pl.zip и меняем имя файла ht.access на .htaccess .

Теперь нам нужно создать базу данных для нашего будущего сайта. В панели ISPmanager найдите Databases и перейдите туда. Вверху будет кнопка «Создать», после нажатия на которую появится окно с полями, где нужно указать следующее:

Имя: [домен] _new
Сервер базы данных: MySQL
Кодировка: utf8
Пользователь: —Создайте нового пользователя —
Имя пользователя: [домен] _new
Пароль: (сгенерировать, нажимая на кубики)

Вместо [домен] введите наш домен без знаков препинания, например site.com будет выглядеть как наш sitecom_new

Мы сохраняем имя и пароль в блокноте, чтобы мы могли использовать эти данные при установке MODX. Сохраните, нажав ОК.

А теперь перейдем к установке самого MODX. Для этого перейдите по ссылке site.com/setup/ и увидите окно установки:

По третьему пункту нужно поставить галочку на Отключить сжатие CSS / JS.

Наконец, вбиваем наши данные, созданные ранее, то есть данные из входа в базу данных MySQL… Хост по умолчанию — localhost.

Вбиваем логин и пароль от админки, обязательно указываем рабочий e-mail, чтобы в случае ошибки можно было восстановить доступ к панели управления.

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

Чтобы злоумышленники не взломали нас, нам необходимо защитить ядро ​​системы MODX, которое по умолчанию находится в папке / core /.Заходим в него и переименовываем находящийся там файл из ht.access v .htaccess .

Настройка MODX Revolution

Во-первых, вам нужно создать нового поставщика услуг из modstore.pro в разделе «Приложения» -> «Установщик», чтобы в будущем мы могли загружать оттуда компоненты, необходимые для нашего сайта.

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

From Service Provider modx.com

1. TinyMCE — визуальный редактор

От поставщика услуг modstore.pro

1. Билеты — (во время установки сразу устанавливает pdoTools и Jevix)
2. phpThumbOn — делает кешированные превью
3. yTranslit делает ссылки nice al —
4. Ace — подсветка синтаксиса
5. mSearch3 — отличный поиск интернет-магазина
6. Office — Личный кабинет, авторизация
7. Sendex

   — информационный бюллетень ResVideoGallery — видеогалерея

8. HybridAuth —
9. AjaxForm — Отзыв об AJAX
10. HybridAuth — авторизация через социальные сети
    
11. Обновление — обновление движка за пару кликов
12. UserProfile2 — создает выгрузку пользователей, отдельные профили страниц и т.п.

Типы контента

Выберите Content -> Content Types в главном меню и измените.html в косую черту /

Системные настройки MODX Revolution

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

Здесь мы сначала настраиваем yTranslit, вам нужно выбрать ytranslit из фильтра пространства имен, в открывшемся списке открыть Яндекс API Key со знаком плюс и щелкнуть ссылку, чтобы получить API, затем скопировать ключ в это поле.

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

site_name — NEXT PC (введите имя сайта)
publish_default — Yes (опубликовать по умолчанию)
friendly_alias_realtime — Yes (создать псевдоним в реальном времени)
friendly_alias_restrict_chars буквенно-цифровой
friendly_alias_translit — русский
friendly_urls — Да
use_alias_path — Да

SEO файлы

Нам нужно создать следующие файлы:

Осталось немногое, мы создаем Документ с пустым шаблоном с именем SEO, из которого снимаем галочку Публиковать и ставим галочку на Не показывать в меню. Далее мы создаем дочерний документ из этого документа и называем его robots.txt, переходим во вкладку Настройки.

Задайте тип содержимого текст и снимите флажок «Использовать редактор HTML», затем установите флажок «Заморозить URI» и введите robots.txt в появившееся поле.

Экономим. После этого, если ACE установлен, то поле Content будет у нас с подсветкой синтаксиса, и туда нужно добавить следующее:

User-agent: * Disallow: / Disallow: / manager / Disallow: / Connectors / Disallow: / core / Disallow: / assets / components / Host: site.com Карта сайта: http://site.com/sitemap.xml Где site .com — наш текущий URL.

Затем вам нужно создать еще один дочерний документ из документа SEO и назвать его sitemap.xml … Установите тип содержимого XML и снимите флажок «Использовать редактор HTML», а затем установите флажок «Заморозить URI» и введите sitemap.xml в появившееся поле.

После обновления страницы поле «Содержимое» должно быть с выделением синтаксиса и строкой. подсчет. Вам нужно будет вставить туда фрагмент:

[[! pdoSitemap]] Теперь мы создадим категорию под названием Sites, и из нее мы создадим имя из нашего домена, например site.com

После этого перейдите в шаблоны и создайте шаблон в Sites — site.com, которую мы будем называть «Страница не найдена». Затем в разделах для документа SEO создайте новый дочерний документ и назовите его «Страница не найдена». Сохраним. После заходим в созданный документ Страница не найдена и в поле Content, где отображается визуальный редактор TinyMCE, нажимаем на кнопку HTML и в открывшемся всплывающем окне вставляем следующее:

По адресу »

« ничего нет.

Причины, которые могли привести к ошибке:

На главную

Потом сохраняем.

Заходим в Системные настройки, там ищем error_page и в поле значения вставляем ID документа. Страница не найдена, все ID в списке ресурсов указаны в скобках Home (1) и т. Д.

Дальше больше . Создадим системные настройки. Для этого перейдите в раздел Системные настройки, выберите пространство имен core и отфильтруйте Сайт … Затем нажмите кнопку Создать новый параметр и в открывшемся окне введите следующие значения:

Ключ
sites_img Значение
/ assets / sites / [[++ site_url]] / images / Save.Таким же образом создаем еще 3 параметра:

Ключ
sites_css Значение
/ assets / sites / [[++ site_url]] / css / Ключ
sites_js Значение
/ assets / sites / [[++ site_url]] / js / Ключ
sites_fonts Значение
/ assets / sites / [[++ site_url]] / fonts / Наш сток для любого сайта готов.

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

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

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

1 Перемещение ядра

2 Изменение адреса панели

Обычно административная панель сайта на MODX находится по адресу https://site.ru/manager. Перемещение админки помогает немного скрыть следы MODX, а сделать это несложно — достаточно переименовать сам каталог (например, из менеджера в admin или abrakadabra), а затем указать новый путь в одном файле конфигурации:

• ядро ​​/ config / config.inc.php

3 Обновить дополнения

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

4 Обновить MODX

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

5 Разделяй и властвуй

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

Даже если контент-менеджеру не придется чесать руки, чтобы глубже копаться в системе, может появиться злоумышленник, который, воспользовавшись некомпетентностью пользователя, сможет перехватить доступ к админке. Это особенно актуально, если работа с сайтом осуществляется через незащищенное соединение, в результате чего логин и пароль передаются по сети в открытом виде.Чтобы снизить риск перехвата пароля, рекомендуется приобрести и установить сертификат SSL, тогда все запросы будут передаваться в зашифрованном виде.

Первый туториал по созданию блога на MODX Revolution. В этом руководстве мы проведем вас через процесс установки MODX Revolution CMS на локальном сервере Denwer.

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

Главное требование при создании сайта на MODX Revolution — знать и понимать основы технологий HTML и CSS, без них эту CMS лучше не изучать. Кроме того, в рамках этого курса вам также необходимо знать платформу Twitter Bootstrap 3, поскольку весь интерфейс блога будет создан с использованием классов и компонентов этой платформы.

Рассмотрим процесс установки системы MODX Revolution в виде шагов.

Подготовительный этап:

Установка CMS MODX:

Вход в панель управления сайтом:

Для входа в панель управления сайтом необходимо в адресной строке браузера ввести следующий URL: «http://www.mysite.ru/manager/»

После успешного ввода имени пользователя и пароля вы будете перенаправлены на страницу панели управления сайтом.

Одной из особенностей системы MODX Revolution является то, что эта панель не требуется для самого сайта, т.е.е. при необходимости его можно удалить, удалив папку «менеджер» из каталога сайта.

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

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

Первое, что нужно сделать, это избавиться от ошибки конфигурации системы « Каталог ядра в открытом доступе».
”Если появляется такое сообщение. Исправляем по инструкции сообщения, то есть переименовываем файл ht.access , расположенный в папке core , давая ему имя. htaccess .

Это можно сделать либо через FTP-клиент, либо через панель управления хостингом файлового менеджера, либо с помощью файлового менеджера административной части MODX (вкладка « Files » в левой части окна).

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

После обновления окна убедитесь, что сообщение исчезло.

Дальнейшие настройки производятся в окне «Системные настройки и события». Чтобы открыть окно настроек, наведите курсор мыши на значок шестеренки в правом верхнем углу админ-панели и выберите первый пункт «Системные настройки».

В Revo

очень много системных настроек

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

Знак «+» слева от названия настройки откроет подсказку о том, для чего предназначен этот элемент. А в поле «Значение» меняются параметры каждой настройки. Они, в зависимости от типа настройки, вводятся вручную или выбираются из списка.

Основные параметры системы, которые обычно редактируются сразу после установки MODX

Раздел «Сайт»

• Название сайта : название нужного нам проекта, в свободной форме
• Сообщение о недоступности сайта : текст, который будет отображаться в отключенном (неопубликованном) режиме сайта, в свободной форме
• Опубликовать по умолчанию : будет ли новый документ доступен для просмотра посетителям сразу после создания и сохранения, по вашему выбору, параметры Да / Нет

Раздел «Система и Сервер»

• Отображение RSS-ленты новостей MODX: отключить ( Нет)
• Отображение RSS-канала предупреждений системы безопасности MODX: Отключить ( Нет)

Раздел «Панель управления»

• Показать текст всплывающей подсказки рядом с полем : описание пунктов меню, полезно только при знакомстве с системой, в будущем может быть отключено, параметры Да / Нет
• Формат даты в панели управления : можно поменять на наш, уважаемый, д-м-г
• Первый день недели : положить 1
  , мы не Стругацкие

Раздел «Friendly URLs» — режим ЧПУ

• Транслитерация псевдонимов: русский (для включения транслитерации дополнительно необходимо установить надстройку транслит )
• Суффикс контейнера: Мы очищаем
• Используйте понятные URL: Да
• Режим строгого дружественного URL: Да
• Проверить наличие повторяющихся URI во всех контекстах: Да

После включения ЧПУ (дружественный режим URL) на сайте переименуйте ht.доступ в корне сайта к .htaccess, иначе вы получите ошибку 404 при попытке перейти на страницы, отличные от основной.

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

Вы можете дополнительно посетить раздел « Content types » (пункт меню « Content ») и очистить поле « File extension » в параметре HTML. Теперь адрес страниц станет без расширения, то есть http: // site_address / about вместо http: // Site_address / about.html .

Если вы планируете создать большой портал или сайт-организацию, простейшую интернет-визитку, лендинг, после завершения установки MODX вам потребуется произвести первоначальную настройку системы.

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

Сначала вам нужно это сделать, чтобы избавиться от ошибки конфигурации системы « Open source kernel directory », если появляется такое сообщение.Исправляем по инструкции сообщения, то есть переименовываем файл ht.access , расположенный в папке core , давая ему имя. htaccess .

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

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

Дальнейшие настройки производятся в окне «Системные настройки и события». Чтобы открыть окно настроек, наведите курсор мыши на значок шестеренки в правом верхнем углу админ-панели и выберите первый пункт «Системные настройки».

В Revo

очень много системных настроек

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

Знак «+» слева от имени настройки откроет подсказку о том, для чего предназначен этот элемент.А в поле «Значение» меняются параметры каждой настройки. Они, в зависимости от типа настройки, вводятся вручную или выбираются из списка.

Основные параметры системы, которые обычно редактируются сразу после установки MODX

Раздел «Сайт»

• Название сайта : название нужного нам проекта, в свободной форме
• Сообщение о недоступности сайта : текст, который будет отображаться в отключенном (неопубликованном) режиме сайта, в свободной форме
• Опубликовать по умолчанию : будет ли новый документ доступен для просмотра посетителям сразу после создания и сохранения, по вашему выбору, параметры Да / Нет

Раздел «Система и Сервер»

• Отображение RSS-ленты новостей MODX: отключить ( Нет)
• Отображение RSS-канала предупреждений системы безопасности MODX: Отключить ( Нет)

Раздел «Панель управления»

• Показать текст всплывающей подсказки рядом с полем : описание пунктов меню, полезно только при знакомстве с системой, в будущем может быть отключено, параметры Да / Нет
• Формат даты в панели управления : можно поменять на наш, уважаемый, д-м-г
• Первый день недели : положить 1
  , мы не Стругацкие

Раздел «Friendly URLs» — режим ЧПУ

• Транслитерация псевдонимов: русский (для включения транслитерации дополнительно необходимо установить надстройку транслит )
• Суффикс контейнера: Мы очищаем
• Используйте понятные URL: Да
• Режим строгого дружественного URL: Да
• Проверить наличие повторяющихся URI во всех контекстах: Да

После включения ЧПУ (дружественный режим URL) на сайте переименуйте ht.доступ в корне сайта к .htaccess, иначе вы получите ошибку 404 при попытке перейти на страницы, отличные от основной.

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

Вы можете дополнительно посетить раздел « Content types » (пункт меню « Content ») и очистить поле « File extension » в параметре HTML. Теперь адрес страниц станет без расширения, то есть http: // site_address / about вместо http: // Site_address / about.html .

.