Tecnología

Inicio

Cómo guardar una plantilla Joomla como HTML

Cómo guardar una plantilla Joomla como HTML


Joomla utiliza una base de datos MySQL para servir el contenido principal del sitio en una plantilla, que contiene el lado estético de la página web. Sin embargo, puede convertir la plantilla en un archivo HTML estático, sin el código dinámico llamando al contenido. Esto podría ser útil para los desarrolladores, que quieren una versión HTML estático sobre el sitio que se pueden importar en otros sistemas de gestión de contenidos.

Instrucciones

1 Cargar el sitio Joomla que desee guardar como HTML en un navegador y cargar el código fuente de la página. Para hacer esto en Internet Explorer u Opera, haga clic en "Ver" y luego "Fuente". En Firefox, haga clic en "Ver" y luego "fuente de la página", y en Safari, haga clic en "Ver" y luego "Ver código fuente". Aparecerá una página de texto con el código HTML del sitio.

2 Copiar todo de este texto y pegarlo en un editor de texto como el Bloc de notas o editar texto. No utilice un procesador de textos como Microsoft Word o OpenOffice Writer, debido a que estos programas añaden código oculto adicional para los archivos que causarán problemas cuando se utiliza el archivo en cualquier otro programa. Guarde el archivo en el disco duro de su ordenador, dándole una extensión HTML como "joomlatemplate.html."

3 Descargar la hoja de estilo para la página Web. Para ello, analizar el archivo HTML que acaba de hacer para la línea de código que llama al archivo CSS. Se ve algo como esto:

<Link rel = "stylesheet" href = "style.css" type = "text / css" />

Por lo general se le llama "style.css", aunque también se puede llamar "default.css." Cargar este archivo en un navegador mediante la adición de nombre de archivo de la hoja de estilo a la URL original de la página Web en lugar del nombre del artículo. Por ejemplo, si el archivo se tomaron el código fuente de la que se encuentra en "http://example.com/a_joomla_article/," tipo "http://example.com/style.css" en un navegador. De nuevo, esto traerá una página de código.

4 Copia y pega este código en un nuevo archivo de texto y guardarlo con el mismo nombre en el disco duro de su ordenador en la misma posición relativa que fue a partir de la página Web en el sitio web. Por ejemplo, en el ejemplo anterior, poner el código en la misma carpeta que el archivo HTML, pero si se encuentra en "http://example.com/stylesheets/style.css," crear una carpeta llamada "hojas de estilo" y ponlo ahí.

5 Pasar por el archivo HTML y buscar las URL de las imágenes. Cargar cada uno en un navegador, a continuación, guardar el archivo haciendo clic en "Archivo" y luego "Guardar como" para su equipo, de nuevo en la misma carpeta relativa al archivo HTML ya que está en la página original; esto es por lo general "/ images".

Consejos y advertencias

  • Si el sitio tiene más de un archivo CSS, hacer copias de todos ellos.