Создание сайта modx revolution – Разработка сайтов на MODX, система управления сайтами MODX, создание сайтов на MODX

Содержание

Все о компьютерах - Создание сайта на MODx Revolution

MODx — это бесплатный, с открытым кодом CMS. Имеет дружественный интерфейс и прост в освоении. Все что Вам нужно – это разбираться в HTML и CSS, остальное сделает MODX при помощи плагинов, сниппетов и чанков, которые доступны в свободном скачивании и в большинстве случаев бесплатно.

В настоящее время существует два вида MODx:

  • MODx Revolution
  • MODx Evolution

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

MODx состоит из:

  • Ресурсы (Resources) — в большенстве случаев это страница сайта;
  • Шаблоны (Templates) — это отображение страницы в MODx;
  • Параметры — используются для вывода значений полей ресурса;
  • TV параметры — дополнительное поле или переменная шаблона;
  • Чанки (Chunks) — кусок текста, HTML или JavaScript кода, который можно встроить в шаблон или в другой чанк;
  • Сниппеты (Snippets) — PHP код, который исполняется во время обработки шаблона MODx.

Табличка синтаксиса тегов MODx

Элемент Revolution Пример
Параметр, TV-параметр [[*templatevar]] [[*pagetitle]]
Чанк [[$chunk]] [[$head]]
Сниппет [кусок php кода] [[snippet]] или [[!snippet]] [[Wayfinder]]
Плейсхолдер [[+placeholder]] [[+id]]
Ссылка на ресурс [[~link]] [[~1]]
Системные параметры [[++system_setting]] [[++site_name]]

Все теги MODx Revolution заключается в квадратные [] скобки.

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

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

Поделиться

Твитнуть

Поделиться

Класснуть

Запинить

Создание контентного сайта на Jekyll от А до Я

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

Установка и настройка 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 - ресурс для вывода [[pdoSitemap]]. Пустой шаблон. Не показывать в меню. Тип содержимого: XML. Не доступен для поиска. Не использовать HTML-редактор;
  3. robots - ресурс для вывода robots.txt. Пустой шаблон. Не показывать в меню. Тип содержимого: text. Не доступен для поиска. Не использовать HTML-редактор.

Дополнительные материалы базового урока по MODx

Содержимое сниппета host:


<?php
echo $_SERVER['HTTP_HOST'];

Содержимое robots.txt для MODx с использованием сниппета host:


User-agent: *
Disallow: /super/
Disallow: /assets/components/
Disallow: /core/
Disallow: /connectors/
Disallow: /index.php
Disallow: /index.html
Disallow: /index
Disallow: *?
Host: [[host]]
Sitemap: http://[[host]]/sitemap.xml

Премиум уроки от WebDesign Master

Другие уроки по теме «MODx»

Перенос HTML шаблона в MODX Revo

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

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

Бонус читателям. Скачать бесплатно brightbox с моего блога.

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

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

файлы шаблона

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

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

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

перенесенные файлы шаблона

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

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

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

редактируем начальный шаблон

Увидите следующий код.

код базового шаблона

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

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

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

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

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

главная страница без подгруженных файлов и скриптов

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

Правка путей

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

пути к css

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

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

поиск и замена в ace

Точно также удаляем из путей assets (у нас такой папки нет, и все лежит в корне).

меняем прочие пути

Внимание! Я не буду использовать тег base, поэтому я оставил впереди пути / — сделал абсолютный путь, в случае традиционного использования тега base слэш в начале не нужен.

новые пути

Сохраняем, если все пути поменяли корректно, то откроется нормальная страница (как в оригинале шаблона), если этого не произошло, то попробуйте обновить кэш браузера CTRL+F5 — не помогает и это тогда перепроверяйте пути (иногда нужно менять пути внутри файлов css и даже в js).

главная страница веб-сайта

Видео урок

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

MODX Revolution

easyComm — создание отзывов для товаров в MODX RevoeasyComm - создание отзывов для товаров
MODX Revo

0

easyComm — это платный компонент для MODX Revo, который предназначен для создания отзывов, комментариев и создания разделов с вопросами пользователей.

web-revenue.ru Создание TV c множественным выбором РесурсовСоздание TV c множественным выбором РесурсовMODX Revo

0

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

web-revenue.ru MODX action_err_ns — исправляем ошибкуMODX action_err_ns - исправляем ошибкуMODX Revo

0

Сегодня небольшая статья, о том как в MODX Revo исправить ошибку action_err_ns. Данная ошибка обычно появляется после настройки ЧПУ, редиректов или seo-ссылок

web-revenue.ru Документация по пакету MODX Revo — MetaXДокументация по MODX MetaXMODX Revo

0

В данном уроке я расскажу про один из SEO пакет (компонент) MODX Revo, под названием — MetaX и покажу как им правильно пользоваться, так как заметил

web-revenue.ru MODX TinyMCE Rich Text EditorMODX TinyMCE Rich Text EditorMODX Revo

0

Сегодня урок по текстовому редактору — TinyMCE Rich Text Editor для MODX Revolution, разберемся с тем как его установить, настроить и кастомизировать.

web-revenue.ru Modx ClientConfig — пользовательские системные настройкиClientConfig - пользовательские системные настройкиMODX Revo

0

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

web-revenue.ru Защита CMSСайтостроение

0

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

web-revenue.ru Ace — подсветка кода в modx и не толькоAce - подсветка кода в modx и не толькоMODX Revo

0

Ace — на мой взгляд лучший для MODX редактор кода с подсветкой. Преимущества Подсвечивает синтаксиса популярных языков, в том числе подсвечивает modx теги.

web-revenue.ru Перенос HTML шаблона в MODX RevoПеренос HTML шаблона в MODX RevoMODX Revo

0

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

web-revenue.ru MODX Seo ProMODX Revo

0

Последнее изменение поста: 12 июля 2019 в 11:44Сегодня обзор сеошного модуля — SEO Pro для Modx Revolution, от компании Sterc (участвует в разработке

web-revenue.ru MODX MinifyX — ускоряем сайт и уменьшаем нагрузки на серверMODX MinifyX - ускоряем сайт и уменьшаем нагрузки на серверMODX Revo

0

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

web-revenue.ru pdoTools + Fenom + TV + phpThumbOnpdoTools + Fenom + TV + phpThumbOnMODX Revo

0

Небольшое готовое решение по выводу картинок с обрезкой при помощи phpThumbOn на феноме [[pdoResources? &limit=`4` &includeTVs=`image` &

web-revenue.ru

Урок 4. Работа с шаблонами в MODx Revolution MODX

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

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

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

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

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

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

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

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

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

Дерево файлов в менеджере MODX Revolution

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

Дерево MODX Revolution

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

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

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

Базовый шаблон MODX Revolution

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

Давайте продолжим и сделаем наш шаблон. Для создания нового MODX Revolution шаблона нажмите правой кнопкой мышки Templates, а далее New Template.

Создание нового шаблона MODX Revolution

Можете также нажать на иконке New Template:

Иконка создания шаблона

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

Для создания категории, нажмите правой кнопкой мыши на Categories в закладке Elements.

Создание категорий в MODX Revolution

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

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

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

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

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

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

Выбор шаблона ресурса

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

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

Простой html-шаблон

Вот нижняя часть:

Подвал html-шаблона

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

5. Синтаксис тегов MODX Revolution

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

Синтаксис тегов MODX Revolution

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

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

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

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

Изменение заголовка сайта шаблона MODX Revolution

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

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

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

Смена заголовка сайта MODX Revolution

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

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

Парсер MODX Revolution поменял код шаблона

Еще одна важная деталь: к нашему элементу <head> необходимо добавить тег <base>. Данный тег мы используем для определения адреса по умолчанию для всех ссылок на странице. Поэтому в моём случае мы внесем следующие изменения:

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

Теперь посмотрим исходный код сгенерированной MODX Revolution страницы и увидим, что парсер вставил правильный адрес сайта:

Шаблон MODX Revolution

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

Следующий урок

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

Дополнительные источники:

Создание сайта на MODX Revolution

Почему MODX

Мощь MODX подойдет для создания современного сайта на HTML 5, сайтов для мобильных устройств под управлением iOS или Android - или всего, что появится в будущем. MODX удовлетворит ваши потребности без каких-либо компромисов.  На MODX уже создано более 100 000 сайтов. Тысячи компаний по всему миру создали свои веб сайты на MODX. Узнайте почему.

Главное - контент

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

Свобода творчества

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

 

Простота в работе

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

Безопасность

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

SEO оптимизация

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

 

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

Мы () являемся разработчиками сайтов на MODX и можем быть полезны всем, кому нужен современный и эффективный сайт. Если вы также занимаетесь разработкой сайтов на MODX, вы можете разместить свой логотип и ссылку в разделе "Найти разработчика".

MODX существует в двух версиях : MODX Evolution и MODX Revolution. Предлагаемые здесь материалы относятся к MODX Revolution, поскольку считается, что это будущее MODX.

Разработка веб сайтов Создание сайта на MODX Revolution

Создание сайта на MODX Revolution

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

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

Наши специалисты помогут вам выбрать подходящий вариант, например:

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

Создание сайта на MODX Revolution подразумевает выполнение следующих этапов работы:

1. Анализ специфики бизнеса и изучение целевой аудитории.

2. Разработка концепции сайта на MODX.

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

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

5. Верстка шаблона сайта.

6. Наполнение контентом: фотографиями, текстами, видеофайлами.

7. Размещение сайта на MODX Revolution в сети интернет.

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

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

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

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


Добавить комментарий

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