Home Tips Varios Joomla Mejorar la página de sitio offline de joomla

Mejorar la página de sitio offline de joomla

icoDetalles Tip - Nivel : Básico, Versión Joomla : 1.5.x, Formato : texto y video.
Joomla por defecto muestra una página poco amigable cuando activamos la opción de sitio fuera de línea (offline) o sitio desactivado, en este artículo veremos cómo cambiar esta página para que sea más atractiva al usuario final conservando las opciones de logín para el administrador.

 

En el siguiente video veremos cómo reemplazar el archivo del sistema que muestra la página offline por defecto

Suscríbete a monitojoomla en youtube para que puedas ver todos los videos publicados

 

Resultado Final

Resultado Final

 

Generalidades

En la carpeta de /templates/system, existe un archivo llamado offline.php, este archivo muestra la pantalla de sitio desactivado. Para modificar este archivo, lo hacemos en el ámbito de nuestro template, copiamos el archivo a nuestro template por ejemplo /templates/mitemplate/ y procedemos a realizar las modificaciones necesarias. En el link de la parte inferior he preparado una descarga de este archivo modificado y luciendo tal como se muestra en la imagen de resultado final, bastará con copiar ese archivo al directorio de su template hacer las modificaciones necesarias y probar.

 

Conclusión

La modificación de estos archivos, raramente utilizados, para que luzcan acorde con nuestro sitio web, es una parte que debe ser tomada en cuenta en un sitio web profesional; dicha modificación debe realizase en el ámbito de nuestro template (técnica de template overrides) evitando la modificación de los archivos del sistema.

 

 

 

Comparte este postDel.icio.us! Google! Live! Facebook! Twitter! Joomla Free PHP
Comentarios (35)
  • Santiago
    avatar
    Jhon, es justo lo que necesitaba muchas gracias por el tutorial y como siempre .. Esta página dando muy buenos tiks, trucos y demás para nuestras webs.

    Saludos
  • Ricardo
    avatar
    Que tal:

    Que componente, plugin o modulo utilizaste para poner el cuadro de "Me gusta" de MonitoJoomla en Facebook?, Como debo de estar dado de alta en facebook para hacer esto?, como persona o como pagina?, si estoy como persona puedo cambiar a pagina en caso de que se requiera como pagina?

    Saludos y gracias!
  • Jhon Marreros
    avatar
    Hola Ricardo, lo que utilizo es un módulo llamado Face Fanbox, en mi caso esta como página, asociado logicamente a una persona, no estoy seguro si se puede cambiar, tienes q hacer las pruebas.

    Saludos.
  • yojan
    avatar
    Muy bueno tu Aporte felicitaciones gracias lo pondré en practica
    gracias
  • Mykimar
    avatar
    amigos de monitojoomla será posible que nos brinden ayuda en cómo manejar adecuadamente el SEO de nuestras páginas?
  • Jhon Marreros
    avatar
    Es un tema que esta pendiente para futuras publicaciones. Permanece atento.

    Saludos.
  • Eduardo
    avatar
    Que tal! Jhon instale este modulo que hacer referencia, para lo del facebook lo tengo instalado pero no esta activo tengo un pequeño error que cuando la pondo el ID=1000010100010 por ejemplo y el se trata de cominicarse con el facebook medad error

    la verdad no se que hacer ya !!

    Gracias
  • Apolo
    avatar
    Jhon, Gracias por este tutorial y enhorabuena por tu magnífica página. Justo lo que necesitaba para la web de la empresa familiar que vamos a renovar.
    Tengo un problema: He cambiado las imagenes de la plantilla offline.php que nos facilitas a través del editor Dreamweaver y cuando accedo de nuevo a la página no se abren las nuevas imagenes. He probado con tu archivo sin modificar tus imagenes y en este caso si aparecen tus imagenes. Agradezco tu ayuda.
    Un Saludo
  • Jhon Marreros
    avatar
    Tu problema es la ruta, por ejemplo suponiendo que tienes tus imágenes en la carpeta /images/ de la instalación de joomla, luego en el archivo offline.php colocas la nueva ruta /images/imagen1.jpg
    En mi caso utilizo una ruta absoluta desde un servidor externo para que el archivo sea portable, es decir otra alternativa que tienes seria colocar algo como: http://www.tudominio.com/images/imagen1.jpg

    Saludos.
  • Apolo
    avatar
    La cuestión es que he colocado la nueva ruta hacia mis imagenes que están en la carpeta images de la instalación de joomla y cuando accedo a front end veo el texto que tengo puesto en configuración global pero las imagenes no se abren (aparece el recuadro pero por algún motivo no se abren).

    Sin enbargo cuando edito con Dreamweaver y cambio la ruta en el código, en la pestaña diseño si veo mis imagenes.

    ?¿
  • rr
    avatar
    A mi no me funcionaba y probando llegue a esto
    Coloca la ruta desde la carpeta images
    images/stories/tuimagen
    images/stories/tucarpeta/tuimagen etc etc.

    y me funciono de perlas,
    probadlo y comentas aver tal te va
  • maruvin
    avatar
    exeletes tutoriales!!!!!!!!!!!!!!! esperando mas.. sobre google maps. y me gustaria saber cual plugin o modulo usas para los videos :D
  • hector
    avatar
    Muy bueno el artículo, continúen así. Saludos
  • Juka
    avatar
    Gracias amigo... buenos aportes podrias entregar más tips de como anexar joomla con las redes sociales ?
  • Pinchu
    avatar
    Excelente tutorial, muy util para personalizar la pagina de inicio de mi sitio web.
    Seria excelente que pusieras un tip para colocar un modulo de suscripcion para que los visitantes puedan recibir un aviso cuando el sitio web este publicado.

    Gracias.
  • Ricardo R
    avatar
    Hola no encuentro en mi panel de control Configuracion Global
  • Duke
    avatar
    Precioso tutorial.

    Me gustaría saber como puedo modificar el fichero para poner un background estático.

    Gracias.
  • Jhon Marreros
    avatar
    Te sugiero revises CSS, usualmente utilizaras una sintaxis como:
    body {background:url(...)}

    Saludos.
  • Anónimo
    avatar
    no me funciona el link dinamico del login Administrador
  • Anónimo
    avatar
    No me funciona el link dinamico, se muestra este y debajo el formulario de acceso??... como hago para solucionarlo?
  • Jose
    avatar
    Execelente articulo yo lo he modificado y he adjuntado un flash y queda muy bien con aspecto visual.

    un saludo,
  • Pedro Suazo
    avatar
    Hola John,

    Excelente tutorial me ha servido mucho, y es de mucha ayuda tambien al momento de realizar varios trabajos y colocar estos tipos de avisos.

    Muchas Gracias y sigo leyendo tu Web, te cuento que hace poco empece hacer diseño Web, saque un Curso en Colombia (Sena Virtual), de Dreamweaver, aunque soy de Honduras y he tenido la oportunidad de manejar ya PHP y espero seguir aprendiendo mas.

    Tengo unos proyectos de diseño y me he atrevido hacer algunos, cuando termine uno de ellos te mandare el link para que lo veas.

    Muchas Gracias.


    Pedro Suazo
  • Jesus
    avatar
    Gracias, muy útil el tip.
    Jesús
  • Mariana Sanchez
    avatar
    Buen dia, he hecho todos los pasos pero al abrir la pagina me ha salido el siguiente mensaje:

    Fatal error: Call to a member function getCfg() on a non-object in /home/content/82/7494782/html/templates/jpmobile/offline.php on line 86

    puedes ayudarme? Apenas estoy empezando con esto de joomla y se me ha dificultado gracias
  • Txentxo
    avatar
    Hola,
    Primero darte las gracias por enseñarnos estos pequeños trucos.
    Tengo el mismo problema que Mariana, soy un poco novato y al subir tu php a mi dominio me sale el siguiente error:

    Fatal error: Call to a member function getCfg() on a non-object in /mnt/web1/42/68/52232068/htdocs/templates/system/offline.php on line 86

    No logro hacerlo funcionar!! tengo instalado joomla 1.7.2
    Gracias de antemano!
  • Sebastian
    avatar
    Modifique el archivo y se ve muy bien, pero no me funciona el login, cuando ingreso los datos no me direcciona al front end, ni a nada. Que puede estar sucediendo??
  • Esteban J. Millan
    avatar
    Gracias a tu explicación he podido personalizar la página de sitio en mantenimiento de la web que administro con Joomla.
    Un método muy instructivo y sencillo. He utilizado tu plantilla offline.php y le he añadido el logo del colegio.
    De nuevo muchas gracias y un saludo desde Valencia (España)
  • manutico
    avatar
    Muy bueno te felicito por tu página. Sigue ayudando al personal con tus videotutoriales. Gracias.
  • Felipe de Jesús
    avatar
    Gracias compañero
  • Rodrigo Reyes
    avatar
    Hola
    John

    Tengo una inquietud referente al nombre de la pagina Offline, en este momento me sale "Joomla Template" y quiero ponerle el nombre de mi sitio, pero la verdad he buscado por todo el codigo del joomla y no me dice nada.
    Me confirmas si este nombre de pagina se puede y por donde cambiar.

    Gracias desde Colombia
    Rodrigo

    Ps.
    Excelente Pagina
  • Arturin
    avatar
    Hola Jhon...
    Antes que nada... grandioso tip, estoy aprendiendo y todo lo que veo me parece maravilloso... de manera que muchas gracias por compartir tus conocimientos... podrias decirme como aprendiste a programar, algun tip para poder aprender a programar paso a paso.. quiero aprender a programar y poder hacer extensiones para joomla y compartirlos... me parece fabuloso todo lo que hacen... gracias y nuevamente felicidades!!1
  • Jhon Marreros Guzman
    avatar
    Hola Arturin

    Creo que cualquier libro o tutorial tanto de PHP, HTML, CSS y Javascript te puede ayudar. Asegúrate de ir paso a paso, primero empieza por HTML, luego CSS luego javascript, deja PHP para el final.

    Saludos.
  • fhuvu
    avatar
    hola acabo de descubror tu portal y tengo fallos con esto he creado una plantilla con artisteer (comprado) y en estos archivos que genera no está el offline.php me podrias comentar esto? gracias
  • fhuvu
    avatar
    nene el video no se ve lo que se edita el texto que se edita no se ve
  • Kinkillo
    avatar
    Hola, tengo un problema con joomla 1.7. Pongo el offline.php en la carpeta raiz del template, y solo me aparece la barra amarilla-negra y el letrero de monito joomla. Necesito una solucion, que necesito tener mi web lista en breve! Gracias
Escribir comentario
Gravatar enabled