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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Почему cms modx?

Для чего следует остановиться на создании ресурса в modx revolution? Какие плюсы у

рассматриваемой платформы?

  • Отсутствие лишнего – при установке вас приятно удивит наличие абсолютно чистой системы. Все необходимые функции вы можете установить самостоятельно. Платформа не навязывает лишние виджеты.
  • Будущее развитие – нет ограничений в развитии и расширении уже созданного сайта.
  • Контроль за наполнением – возможность самостоятельного создания абсолютно всех страниц. Никаких проблем с дублированием.
  • Простота установки дополнительных функций – функции внедряются через админку при помощи двух нажатий на клавишу мыши. Большой набор плагинов.
  • Оптимизация – просто и легко настраивается для СЕО продвижения сайтов.
  • Дизайн не ограничен – нет шаблонов, что позволяет применять любое дизайнерское решение. Устанавливается оформление за несколько минут.
  • Неограниченный трафик – не вставляет палки в колёса при большой посещаемости ресурса.
  • Удобное управление – сначала есть ощущение непривычности, но оно быстро исчезает. Все инструменты расположены в удобных местах и редактирование не занимает много времени.
  • Русскоговорящее сообщество – в нём принимают участие активные ребята, всегда готовые прийти на помощь.
  • Открытый код – бесплатный свободнораспространяемый движок.

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

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

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

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

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

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

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

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

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

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

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

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

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

Откопируйте всё содержимое и откройте 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/100×100.gif» аlt=»» />. В окне браузера при открытой странице сайта нажмите на F5. Теперь главная страница площадки отображается корректно.

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

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

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

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

Снимите флажки с Показывать в меню и Использовать 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=’’ название базы данных.
  • Измените настройки сайта. Зайдите на админку в настройки. Нажмите на Инструменты, Конфигурация, Интерфейс и представление, Путь к файлам, Сброс.

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

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

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

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

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

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

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

 

 

Ссылка на основную публикацию