Настройка страницы "Технические работы" Coming Soom на MODX

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

Представим ситуацию когда обновления по дизайну довольно существенны. Блоки с контентом перемещаются и адаптируются по сетке в разных частях сайта. Сразу на 100% как правило не уложить всё по своим местам. Всегда что-то где-то хоть на 1px ,но вылет. Плюсом к тому некоторые правки по цвету.

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

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

В различных CMS подход по подключению страницы «Coming soon» или «Техническое обслуживание» немного отличается. Мы же рассмотрим как подключить страницу «Coming soon» (Техническое обслуживание) на CMS DODX.

Допустим, что мы уже сверстали готовую Coming soon html страницу со шрифтами, картинками, стилями и скриптами. Если у кого ещё нет такой страницы, то ее можно заказать тут или скачать demo станицу.

Итак приступаем

  • Копируем в заранее подготовленную папку на сайте например assets/app/coming-soon/
  • Создаём новый шаблон.
    • Имя например «coming-soon»
    • Описание например «coming-soon Технические работы»
    • Ставим галку «Статичный» (Указывает, что содержимое элемента хранится во внешнем файле.)
    • В строке «Статичный файл» указываем путь до нашего index.html из папки coming-soon
      Например «app/coming-soon/index.html»
    • В окне кода index.html находим место куда будем выводить информацию
      Например в блоке кода находим и удаляем
      <p class="txt-center l1-txt1 p-b-60">
       Our website is <span class="l1-txt2">Coming Soon</span>, follow us for update now!</p>
      
      Пишем
      <p class="txt-center l1-txt1 p-b-60">[[*content]]</p>
       — размещаем текст из определённого документа.
    • Правим заголовок
      <title></title>
      
    • Правим пути до CSS, JS и т.д.
      Например было
      <link href="images/icons/favicon.ico" rel="icon" type="image/png" />
      
      Исправили на
      <link href="assets/app/coming-soon/images/icons/favicon.ico" rel="icon" type="image/png" />
      
      и т.д.
    • Сохраняем изменения.
  • Создаём новый документ
    • Имя например «Технические работы»
    • Шаблон выбираем наш новый «coming-soon»
    • В основной контент пишем «Сайт закрыт на техническое обслуживание.»
    • Сохраняем

В итоге мы получили уже готовый шаблон «coming-soon» и документ «Технические работы» подключенный к этому шаблону. Можно уже посмотреть что получается. Для этого правой кнопкой мыши нажимаем на документ «Технические работы» и появившемся меню выбираем пункт «Посмотреть». Откроется новое окно с нашей страницей. (Если что не так допиливаем дизайн, «mailto» — адреса почты, ссылки на прочие страницы и сайты.)

Теперь настало время подключить coming-soon в MODX.

  • Открываем меню «Системные настройки»
  • Выбираем в раскрывающемся списке «Сайт»
  • Находим параметр «site_unavailable_page» и стами значение ID нашего документа например «20»
  • Всё мы подключили страницу «coming-soon» на сайт

Для проверки в «Системные настройки» находим параметр «site_status» и меняем «Да» на «Нет» — тем самым временно переводим сайт в режим offline или другими словами «Сайт закрыт на техническое обслуживание.»

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


Рейтинг: 0/5 - 0 голосов

Комментарии ()

    527