Cambiar el aspecto de la página "offline"

Cuando en la configuración global de nuestro sitio Joomla! marcamos la opción "Sitio desactivado", en esa misma pantalla de configuración nos aparece la opción de personalizar el texto que aparecerá bajo el logo de Joomla! en la pantalla que se mostrará cuando alguien intente acceder. Sin embargo, no aparece ninguna opción para cambiar ese logo por otro o para, en general, poder personalizar esa página a nuestro gusto.

En este breve artículo os explicaremos cómo; no puede ser más sencillo. 

Lo primero que tendremos que hacer es conectarnos por ftp a nuestro sitio (o usar cualquier otro gestor de archivos de nuestro hosting, como los que proporcionan los paneles de control del propio hosting -cPanel, Plesk, Direct Admin- o mediante el componente eXtplorer). 

A continuación nos descargaremos los archivos

• /templates/system/offline.php
• /templates/system/css/offline.css

Estos son los dos archivos que tenemos que editar para personalizar el aspecto de la página que se mostrará cuando tengamos desactivado nuestro sitio.

Normalmente, a menos que queramos algo muy elaborado bastará con que cambiemos la línea 28 del offline.php, en la que aparece el nombre del archivo del logo que se mostrará (habremos subido previamente nuestro archivo del logo al directorio /images):

    <img src="images/NUESTRO_LOGO.jpg ó .png" alt="DESCRIPCIÓN DE NUESTRO LOGO" align="middle" />

 y en todo caso, que toquemos el estilo #frame del offline.css, para que el cuadro se adapte mejor al tamaño de nuestro logo:

#frame {
    margin: 20px auto; 
   width: 450px; <--- Este es el ancho del marco 
   padding: 20px; 
}

También existe la opción mucho más sencilla de cambiar el nombre de nuestro logo por el de joomla_logo_black.jpg (en este caso nuestra imagen tendrá que estar en este formato gráfico, no podrá ser .png) y la subamos al directorio /images, sobreescribiendo la que ya hay ahí. Como digo, esto es lo más sencillo, pero no podremos modificar nada más, por lo que el tamaño de la imagen que subamos deberá ser compatible con el ancho preestablecido del marco de la página, y además no es  un método tan "profesional" como el otro.

En teoría hay un método aún más "profesional", que evitaría tener que modificar directamente archivos de código del core de Joomla!, cosa que debe tratar de evitarse siempre, o hacerse con cuidado. Tendríamos que copiar el offline.php modificado en el directorio raíz de nuestro template, esto es, en

• /templates/nombre_de_nuestro_template/

y el offline.css modificado a la carpeta css de nuestro template

• /templates/nombre_de_nuestro_template/css/

sin olvidar modificar la ruta a esta hoja de estilos en el offline.php. Sin embargo, he comprobado que no siempre funciona, y tampoco son tantos archivos como para que el template override compense,