La plantilla rhuk milkyway: estructura de carpetas y archivos

Tags: CMS | diseño | gestor de contenidos | Joomla | plantillas

Cada plantilla no es más que una combinación de diversos archivos y carpetas y responde a una estructura concreta. Así pues no se trata de un único archivo sino de un conjunto de archivos y carpetas relacionadas. Si deseas editar / modificar una plantilla que te interese tendrás que editar / modificar alguno de los archivos que lo constituyen.

En este artículo vamos a fijarnos en concreto en la estructura que posee una de las plantillas predeterminadas de Joomla que se incluyen en su instalación básica, la plantilla rhuk_milkyway.

 

La estructura de carpetas y archivos

Cuando instalaste Joomla 1.5 se instalaron en dicha instalación básica tres plantillas: las plantillas beez, ja_purity y la que nos ocupa, la plantilla rhuk_milkyway.

En realidad, lo que Joomla hizo en la instalación fue crear una carpeta por cada plantilla en la carpeta templates del sistema, en concreto, si accedes a esta carpeta verás en su interior las carpetas que contiene.

Recuerda: en el caso de una instalación en local debes localizar la carpeta portal en la que tienes instalado Joomla. Fíjate en la siguiente captura de pantalla, corresponde a mi instalación en local en un equipo con Ubuntu 10.10. Además de las plantillas predeterminadas también está instalada la plantilla tx_gravity (su carpeta así lo muestra).

Si haces doble clic a la carpeta rhuk_milkyway accederás a la estructura completa de archivos y carpetas necesaria para que la plantilla se visualice correctamente.

 

Esta estructura tiene su correspondencia en la propia administración de Joomla. Si acudes al Gestor de plantillas y haces clic sobre el nombre de la plantilla accedes a la página de configuración de la plantilla:

 

Observa los botones de la barra de herramientas:

• El botón Editar html te permite editar el archivo index.php que se encuentra en la carpeta rhuk_milkyway de la carpeta templates en el servidor local.

• El botón Editar css te permite editar los archivos de hojas de estilo (con extensión css) que se localizan en la carpeta css de la carpeta rhuk_milkyway de la carpeta templates en el servidor local.

 

Y aunque Joomla te permitirá hacer cambios en todos estos archivos, en el primer caso directamente sobre la página que muestra el Editor html de la plantilla y en el segundo, validando cada archivo y haciendo clic en el botón Editar del Editor CSS de la plantilla, lo recomendable será que edites estos archivos directamente desde la carpeta templates abriéndolos con un editor de textos, guardando los cambios y sobreescribiendo los archivos (si trabajas en un servidor remoto).

Nota

No olvides tener una copia de la carpeta rhuk_milkyway a buen recaudo, por ejemplo copia la carpeta rhuk_milkyway de la carpeta templates en otra ubicación de tu equipo para mantenerla bien a salvo. En caso de que no estés satisfecho de los cambios que realices después de la edición siempre puedes recuperarla copiándola de nuevo desde su estado original. De hecho, realizar copias de seguridad antes de hacer estos cambios (y otros en el sistema) siempre es una excelente recomendación, por si las moscas...

El procedimiento para abrir estos archivos con un editor de textos depende del sistema operativo que estés utilizando en tu equipo:

• En un sistema Windows, haz clic con el botón derecho del ratón sobre el archivo index.php de la carpeta rhuk_milkyway y selecciona abrir con... wordpad.

• En un sistema Ubuntu, haz clic con el botón derecho del ratón sobre el archivo en cuestión, por ejemplo, el archivo template.css y selecciona Abrir con – Editor de textos.

Además, todas las imágenes de la plantilla, y eso incluye también la imagen del logo que se muestra en la cabecera del sitio cuando utilizas como predeterminada esta plantilla, se encuentran en la carpeta images de la carpeta rhuk_milkyway que se localiza en la carpeta templates.

Si conoces lenguaje PHP, lenguaje HTML, lenguaje XML y el manejo de hojas de estilo CSS, vas a poder modificar el código de una plantilla para adaptarla a tus necesidades o para diseñar una plantilla nueva propia. Partiremos de la premisa de que desconoces todos los lenguajes mencionados o bien de que no deseas ocupar parte de tu tiempo en su aprendizaje. Aún así, no debes renunciar a realizar algunos cambios sencillos en la plantilla para conseguir una cierta personalización de la misma.

Nota

Ten cuidado a la hora de seleccionar una plantilla para su edición. Debes tener en cuenta la licencia de uso de la misma.

• Si deseas realizar una edición completa de la plantilla escoge siempre plantillas con licencias de uso GNU/GPL, licencias libres, que te permitirá su edición sin ningún tipo de restricción, con la única salvedad de que la nueva plantilla resultante también sea distribuida con la misma licencia y en los mismos términos que la plantilla original.

• Si vas a realizar pequeños cambios, puedes utilizar plantillas con licencias Creative Commons, algo más restrictivas que la anterior. En muchos casos, podrás editarlas también libremente pero tendrás que permitir que tu sitio ofrezca la información relativa al creador o desarrollador original de la plantilla (los derechos de autor así te obligan).

Atención: Recuerda que no siempre puedes modificar ni total ni parcialmente una plantilla que hayas descargado de Internet, los derechos de autor se encuentran por encima de su edición: asegúrate de cuál es la licencia concreta sobre la que se sustenta. Te recomendamos instales plantillas bajo licencias GNU/GPL, plantillas de código abierto, que sí te permitirán su edición sin restricciones.

 

De vuelta en la ventana de edición de la plantilla Rhuk_milkyway si haces clic en el botón Editar HTML para acceder al código HTML de la plantilla. El código que verás en pantalla es exactamente el mismo que visualizarás si abres el archivo de la carpeta de la plantilla llamado index.php con un editor de textos. A menos que poseas conocimientos sobre html y php, este código te parecerá un auténtico galimatías.

Cancela la edición de este archivo para volver a la pantalla inicial de configuración de la plantilla predeterminada.

Ahora haz clic sobre el botón Editar CSS. Se mostrará la lista de archivos CSS de la plantilla (fíjate que algunos corresponden a los colores que podías elegir en parámetros de la plantilla). Si haces clic sobre el botón de opción correspondiente template.css u pulsas el botón Editar se mostrará el código de este archivo; exactamente el mismo que visualizarás si abres el archivo template.css de la carpeta css presente en la carpeta de la plantilla con un editor de textos. ¿Ahora lo tienes un poco más claro?

En el punto anterior de este mismo artículo ya te hemos indicado que Joomla te ofrece la posibilidad de editar directamente las plantillas que instales desde el propio sistema. Pero también te hemos insistido que siempre será más recomendable (sobre todo, si trabajas en un servidor remoto) que edites la plantilla fuera del sistema y posteriormente la “subas” por FTP, sobreescribiendo los archivos que correspondan. Si utilizas un servidor local puedes realizar los cambios desde Joomla directamente, aunque si quieres revertirlos a su estado original no podrás desde el propio sistema. Te recomendamos, pues, que siempre que vayas a realizar la edición de la plantilla guardes la carpeta con la plantilla en su estado original por si te arrepientes o por si apareciese algún error en la edición.
Mostrar este artículo en su sitio web

< Prev		Próximo >

Joomla - Plantillas