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

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

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

Offline.css ,  из папки  имя сайта\templates\system\css .

Чтобы, внесенные нами  изменения не пропали после обновления релиза Joomla, воспользуемся возможностью переопределения вывода ядра CMS.

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

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

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

В файле  offline.php   найдите вот такую строку (это возможно 17 строка)

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

Заменяем  ее на следующую

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

Таким образом, мы подключаем offline.css не из системного шаблона , а из папки css  уже нашего шаблона.

Теперь осталось оформить страницу по своему вкусу. Я сделала графический файл offline_page.jpg  размером 400х240px  с нужным мне изображением и  поместила его папку images нашего шаблона.

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

#frame {

margin: 100px auto;

width: 400px;

height:240px;

background-image: url('../images/offline_page.jpg');}

Разукрашиваем строку названия сайта

#frame h1 {

font:bold 24px Arial, Helvetica, sans-serif small-caps;

color: #004792;

text-align:center;

margin-top:230px;}

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

#frame p {

font:16px Arial, Helvetica, sans-serif small-caps;

color:#000;}

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

input.button  {

padding:5px;

font:14px Arial, Helvetica, sans-serif small-caps;

color:#000;

cursor: pointer;}

Кнопка при наведении

input.button:hover { border-color:  #FE1919; }

Посмотрите, что у меня получилось.

ВНИМАНИЕ: После того, как файл offline.php мы поместили в корневую папку шаблона, его необходимо прописать в инсталяционном   файле  templateDetails.xml. Между тегами <files>  нужно вставить  следующие строки: <filename> offline.php</filename>

Не забудьте в общих настройках в админпанели прописать текст сообщения при выключенном сайте. Следующий урок будет посвящен оформлению страницы "error 404".

Скачать установочный пакет шаблона TRIP