September 7, 2021

Создание сайта modx revolution

Раньше для воплощения сайтов приходилось кропотливо трудиться, прописывать вручную каждую страницу в блокнот. Сверять каждую ссылку для соблюдения структуры и управления ресурсом. Времена менялись, и сегодня процедура создания сайта автоматизирована и облегчена для пользователя. Следующая информация познакомит с бесплатной CMS, которая называется modx. Этот сервис служит не только как основной движок, но и как платформа для создания сайта. Modx способен снять ограничения, связанные с дизайном сайта, подключением скриптов.Еще больше информации о создании и продвижении сайта вы найдете на сайте uptut.ru. Заходите, изучайте и радуйтесь успехам применяя новые знания на практике.

Создание сайта на modx

Необходимо чётко понимать, что modx не конструктор и сделать сайт за два часа не получится. Создание сайта на modx revolution начните с изучения информации. Вряд ли в одной статье получится провести по полномасштабному процессу разработки сайта на modx. Поэтому в материале рассмотрим малую толику процессов. Статья ознакомит:

  • с размещением шаблона;
  • с настройками поиска на сайте;
  • с процессом переноса страниц сайта на хостинг.

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

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

Перед началом работы скачайте сборку modx revolution для быстрого создания сайтов. Сборка в свободном доступе на официальном сайте modx. Пока происходит загрузка данной программы, зарегистрируйтесь на сайте modx. На странице скачивания присутствует кнопка Начать сейчас. Нажмите на неё и попадёте на страницу с формой регистрации.

Заполните предлагаемые поля: логин, пароль, почтовый ящик и имя с фамилией. Далее нажмите на Continue. Вы попали на страницу с множеством полей. Заполните их. Начните с первого блока.

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

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

Натягиваем шаблон

Найдите подходящий шаблон. После скачивания архива и распаковки файлов у вас появится три папки.

  • Images – папка с типовой картинкой.
  • Scripts – содержит скрипты.
  • Styles – папка, содержащая стили.

Вы увидите HTML файлы: шаблон главной страницы, внутреннюю страницу, типовую страницу. Откопируйте весь архив шаблона на modx

в Z:/hоme/sitе/www/assеts/tеmplates/название сайта.

Приступаем к созданию шаблона на modx revolution. Авторизуйтесь в системе управления, введите логин и пароль. Нажмите на панели управления Элементы, Управление элементами, Шаблоны. Удалите шаблон MODxHost. Будем редактировать Minimal Template. Можно переходить в режим редактирования.

Откройте шаблон и измените Имя Шаблона и Описание.

Сохраните то, что отредактировали. Зайдите в index.html при помощи блокнота. Удобно использовать notepad++. Этот бесплатный блокнот можно скачать в сети интернет. Вот что откроется вашему взору.

Откопируйте всё содержимое и откройте Minimal Template при помощи режима редактирования. Вставьте откопированное содержимое, изменив код шаблона. Посмотрите на то, что вы создали через окно браузера. Произошли изменения. Но отображаются изменения некорректно. Для корректировки изменений необходимо исправить путь к стилям, скриптам и картинкам. Откройте шаблон в режиме редактирования. Пропишите URL сайта. Сделать это нужно между тегами head и /head. Должно получиться <base href="[(site_url)]" />. Поменяйте <link rеl="stylеsheet" hrеf="stylеs/lаyout.css" typе="tеxt/css" /> на <link rеl="stylеsheet" hrеf="assеts/tеmplates/sitе/сss/stylе.css" typе="tеxt/сss" mеdia="аll" />. Такую же операцию совершите с <sсript typе="tеxt/jаvascript" srс="аssets/tеmplates/sitе/js/jquеry-1.4.2.min.js"></sсript> и с <img srс="аssets/tеmplates/sitе/imаges/dеmo/100x100.gif" аlt="" />. В окне браузера при открытой странице сайта нажмите на F5. Теперь главная страница площадки отображается корректно.

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

Поиск по сайту

Поиск – это важная опция для сайта. Он облегчает путешествие пользователей по страницам вашей площадки. Не поленитесь настроить данный инструмент. Для настройки поиска используйте AjaxSearch. В меню редактирования откройте HEADER и замените аббревиатуру HTML на [!AjаxSеarch? &shоwIntro=`0` &аjaxSеarch=`0` &shоwRеsults=`0` &lаndingPаge=`0`]]. Создайте ресурс с шаблоном и назовите его Article. Заполните поля, как указано на изображениях.

Снимите флажки с Показывать в меню и Использовать HTML редактор. Пропишите [ !AjаxSеarch? &аjaxSеarch=`0` &pаgingTypе=`0` &shоwInputFоrm=`0` &grаbMаx=`7`]]. Нажмите на Сохранить. Снова откройте HEADER и поменяйте параметр &landingPage на идентификатор. Сохраните. Протестируйте поиск на своём сайте через браузер.

Перенос сайта на хостинг

Когда сайт будет готов к размещению на сервере, предпримите следующие шаги:

  • Придумайте основной домен для площадки. Запишите не меньше пятидесяти вариантов адресов для будущего ресурса. Не ленитесь. Проверьте, не использует ли кто-либо такое имя. Зарегистрируйте и оплатите имя.
  • Выберите компанию хостера и заплатите за аренду хостинга. При выборе хостинга ориентируйтесь на стабильность работы. Обратите внимание на работу и отзывчивость технической службы. Перенос происходит при помощи файлообменника. Процесс занимает пять минут.
  • Установите CMS MODx на хостинге. При установке компонентов создайте базу данных. Разверните резервную копию файлов с общей базы данных хостинга. Происходит это при помощи запроса SQL в phpMyAdmin.
  • Отредактируйте файл конфигураций. Config.ing.php расположен в /manager/includes/. Зайдите в него при помощи режима редактирования и поменяйте: $database_user=’’ имя пользователя из базы данных; $database_password=’’ пароль из базы данных; $dbase=’’ название базы данных.
  • Измените настройки сайта. Зайдите на админку в настройки. Нажмите на Инструменты, Конфигурация, Интерфейс и представление, Путь к файлам, Сброс.

В URL пропишите следующее:

Нажмите на Файл менеджер сбросьте Путь для файл-менеджера.

Нажмите на Сайт, затем Очистить кэш. Просмотрите площадку через окно браузера.

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