Технические работы на сайте. Как изменить offline страницу Joomla

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

Надо отметить, что подобная страница в Joomla весьма убога, да еще показывает логотип CMS.  Давайте разберемся, как можно изменить страницу.

За вывод и оформление Offline страницы отвечают два файла:

  • Offline.php, который находится в папке имя сайта\templates\system;
  • Offline.css ,  из папки  имя сайта\templates\system\css .

Чтобы, внесенные изменения не пропали после обновления релиза Joomla:

  • Скопируйте файл  Offline.php в папку вашего активного шаблона имя сайта\templates\имя шаблона;
  • Файл Offline.css скопируйте в папку таблиц стилей шаблона имя сайта\templates\имя шаблона\css .

Подготовительные работы выполнены, далее необходимо решить, как мы будем курочить эти файлы.

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

Думаю, что второй вариант наиболее приемлемый:

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

Далее в файле offline.php 19 строку

<link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/system/css/offline.css" type="text/css" />

заменяем на

<link rel="stylesheet" href="/<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/css/offline.css" type="text/css" />

Удаляем строку 28

<img src="/images/joomla_logo_black.jpg" alt="Joomla! Logo" align="middle" />

После этих изменений мы имеем страшненькую страницу offline, но уже без логотипа Joomla. Можете не удалять строку и прописать путь к своей картинке.

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

Основные изменения стоит внести в div frame, т.к. именно в нем и заключена вся форма вывода сообщения и строки авторизации администратора.

Оформляем заголовок сайта, для этого довавляем  следующие строки в offline.css

#frame h1 {

font:

color: }

Далее для оформления строки «Сайт находится на техобслуживании…», вставляем строки в offline.css

#frame p {

font:

color: }

Строки «Имя пользователя», «Пароль», «Запомнить меня» оформляем при помощи строк

#form-login p {

color:

font: }

Цвет кнопки, цвет текста кнопки, размер кнопки

input.button {

background-color:

padding:

color:}

В заключение хочу напомнить, что вы перенесли в папку шаблона два файла offline.php и offline.css,  поэтому не забудьте откорректировать файл templateDetails.xml, если он не будет содержать перечня всех файлов шаблона, то шаблон может работать некорректно.


 
Каталог@Mail.ru - каталог ресурсов интернет

Рейтинг@Mail.ru