Создание сайта modx revolution;;пошаговая инструкция

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

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

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

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

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

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

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

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

Почему CMS Modx?

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

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

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

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

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

  • 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/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. Заполните поля, как указано на изображениях.   Снимите флажки с Показывать в меню и Использовать 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 пропишите следующее: Нажмите на Файл менеджер сбросьте Путь для файл-менеджера. Нажмите на Сайт, затем Очистить кэш. Просмотрите площадку через окно браузера. В материале изложен минимум той работы, которую предстоит провести для того, чтобы создать полноценный ресурс. Но затратив усилия и время, обретёте шикарный результат. Успехов!    

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

Твитнуть

Поделиться

Плюсануть

Поделиться

Отправить

Класснуть

Линкануть

Запинить

Adblock
detector

Создание сайта на Modx Revolution. Введение

  • Главная
    • >
  • Статьи и уроки по web-разработке
    • >
  • Уроки MODx Revolution

Привет, дорогой подписчик. Вот и настало время, когда я приступаю к созданию уроков по созданию сайта с нуля на системе управления Modx Revolution. Уроки буду выкладывать раз в две-три недели и в конце мы получим настоящий готовый рабочий сайт. Впервые буду делать уроки в формате видео или даже, возможно, вебинара. Сейчас изучаю сервис для проведения вебинаров Clickmeeting. Думаю это будет более продуктивно. Что из этого получится увидим на практике, главное начать записывать и выкладывать уроки.

Почему именно Modx Revolution?

А потому что вот уже около 5-и лет я созданию и разрабатываю сайты именно на этой системе, которая позволяет мне создавать любой сайт любой сложности, начиная от одностраничника с формой заказа до крупного интернет-магазина с личным кабинетом, покупкой товаров электронными деньгами, смс информированием и так далее. Modx Revolution не так популярна, как WordPress, Joomla, Drupal или Битрикс, но эта система, на мой взгляд, самая гибкая и лучше всего подходит для профессиональных разработчиков сайтов, так как на Modx Revolution можно создавать полностью свои дополнения на php, редактировать существующие.

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

Для примера я возьму определенный HTML шаблон, разберу его на блоки и покажу как его вставить в Modx. Поэтапно мы будем разбирать каждый блок сайта. Будем создавать одну страницей за другой, разбирать формы обратного звонка, создания блога или новостной ленты и так далее. Сколько точно уроков будет я пока не могу сказать, но думаю около 10-и. Я постараюсь выкладывать по крайней мере 1 урок в неделю. Думаю, даже записывать видеоуроки.

Введение я решил сделать для того, чтобы в первом уроке не писать это длинное превью. Чтобы урок сразу начался с конкретных действий. Также в этом введении хочу сказать, что создать сайт на Modx Revolution с нуля по силам каждому человеку, даже не имеющему никаких знаний в HTML. С помощью этих уроков вы сможете сделать сайт на основе любого HTML шаблона, купленного на специальных сервисах или скаченного на сайтах, типа bayguzin.ru.

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

Это будущие ссылки на уроки. Всего планируется 10 уроков. 1-ый урок планирую смонтировать к середине января

Создание сайта на Modx Revolution. Урок 1.

Создание сайта на Modx Revolution. Урок 2.

Создание сайта на Modx Revolution. Урок 3.

Создание сайта на Modx Revolution. Урок 4.

Если вы не видите кнопку «Скачать»


отключите блокировщик рекламы