Las posiciones en las plantillas en Joomla 1.6 - Joomla 1.7

Si ya eres un usuario habitual de Joomla, ya sabrás que las plantillas de los sitios Joomla incluyen unos marcadores de posición identificados con un nombre determinado: right, left, top, user1, user2... (Joomla 1.5). Detrás de ellos se esconden las áreas en las que se colocan los contenidos de Joomla. En la práctica son contenedores para contenidos, menús de navegación, módulos, etc.

¿Pero qué sucede en Joomla 1.6 – Joomla 1.7? Aunque coinciden en estos aspectos lo cierto es que la utilización y configuración de plantillas en estas versiones de Joomla ha cambiando, y mucho, como verás si sigues nuestros artículos.

Ya te hemos indicado en nuestro anterior artículo de esta misma sección que Joomla 1.6 – Joomla 1.7 incluye tres plantillas diferentes y que según tengas seleccionada una u otra el aspecto de tu sitio será bien diferente. Tú no tendrás que preocuparte del aspecto de la Web, salvo que quieras hacerlo, ya que cambiar el diseño del sitio es tan simple como instalar – seleccionar una plantilla diferente.

Por otra parte, también puedes personalizar el aspecto de tu sitio modificando la posición en la plantilla de los contenidos que vayas incluyendo. Y por ello conocer estas posiciones en las plantillas resulta casi imprescindible.

¿Están todas las posiciones disponibles en todas las plantillas? Lo cierto es que no siempre aparecen todas las posiciones en las plantillas y tampoco siempre el diseñador de la plantilla las ha colocado en el mismo lugar. Por este motivo, y en general porque casi todas las plantillas requieren algún tipo de modificación para adaptarlas a tus necesidades concretas, es fundamental elegir la plantilla en los primeros momentos de desarrollo de tu sitio Web.

¿Y dónde se encuentran estas posiciones? En Joomla 1.5 lo teníamos muy fácil, con introducir los siguientes caracteres tras la dirección URL del sitio podíamos acceder a una previsualización de las posiciones de cada plantilla en uso:

Por ejemplo, en local http://localhost/portal/index.php?tp=1

En un sitio web en producción como este http://www.lasticenelaula.es/portal/index.php?tp=1

Pero este truquillo no nos sirve ni en Joomla 1.6, ni en Joomla 1.7.

¿Cómo proceder entonces?

De manera predeterminada, no verás las posiciones de la plantilla

Esta es una particularidad de las nuevas versiones de Joomla 1.6 – 1.7: no previsualizaremos las posiciones en las plantillas al menos que le indiquemos manualmente a Joomla que queremos hacerlo.

Acude al menú Extensiones – Gestor de plantillas:

 

En la Barra de Herramientas del Gestor de Plantillas haz clic sobre el botón Opciones:

 

En la nueva ventana emergente asegúrate de validar la opción Habilitado en Previsualizar la posición de los módulos. Haz clic en el botón Guardar y cerrar.

 

Ahora ya podrás utilizar el famoso truquillo que te permite previsualizar las posiciones de las plantillas. En nuestro caso, escribimos la dirección URL que corresponde a nuestra instalación de Joomla:

http://localhost/portal16/index.php?tp=1

http://localhost/portal17/index.php?tp=1

Ahí están, marcaditas de color rojo y enmarcadas para que no haya discusión posible:

Nota

Te recomendamos imprimas, o dibujes en papel, las que se corresponden con la plantilla que está en uso, seguramente tendrás que recurrir a ellas en más de una ocasión.

¿Para qué conocer las posiciones de la plantilla?

Veamos un ejemplo práctico del uso de posiciones en la plantilla, así entenderás su funcionalidad.

Establece la plantilla Beez2 como plantilla predeterminada. Ya sabes... en el Gestor de plantillas, pulsa sobre la estrella de la columna Predeterminado para que se coloree de color amarillo, si no lo esta. Ahora tu sitio tiene el aspecto que se ha diseñado en esta plantilla.

Haz clic en el enlace Ver sitio que se muestra en la esquina superior derecha de la página del Gestor para observar, en una nueva pestaña de tu navegador, el aspecto que tiene el Frontend de tu sitio Web y comprobar así la apariencia que tiene tu sitio con esta plantilla. Observa que aparece, en la parte izquierda de la pantalla, un sencillo menú de navegación, el menú Principal y un formulario que permite acceder al sistema, el módulo Datos de Acceso (en nuestro caso, recuerda que cuando hicimos la instalación de Joomla 1.6 – Joomla 1.7, no instalamos los datos de ejemplo, para que nuestro sitio esté suficientemente vacío, de ahí que sólo muestre estos dos módulos en el lateral izquierdo de la página).

Nota

En Joomla, prácticamente todo lo que puedes ver en los laterales de una página suelen ser módulos: los menús de navegación que configuras en el sistema, son módulos que se visualizan en el sitio; el formulario de acceso es también un módulo. Entiende un módulo como una especie de cajón contenedor donde meter contenido, en este caso un menú o un formulario. Como ocurre con las plantillas, Joomla posee una herramienta que los gestiona, el Gestor de módulos al que puedes acceder desde el menú Extensiones, pero de momento, no es nuestra intención adelantar contenidos que trabajaremos más adelante.

Si acudes a Extensiones – Gestor de módulos verás el listado de módulos instalados y configurados hasta ahora en el sistema:

 

Por ejemplo, si observas los nombres Menú principal y Datos de acceso verás que la columna Posición te indica que se encuentran en position-7. Y, en efecto, si vuelves a echar un nuevo vistazo al Frontend del sitio, el Menú Principal y el formulario con los Datos de acceso se encuentran precisamente en esa posición de la plantilla. Observa el aspecto del sitio con el famoso truquillo que te hemos indicado al comienzo de este artículo:

 

Haz un sencillo cambio. Haz clic sobre el nombre Menú Principal en el Gestor de módulos, para acceder así a la pantalla de configuración del módulo.

Olvídate de todo lo que se encuentra en esta página, ya hablaremos más adelante de todo ello, pero localiza el apartado Posición. Observa que en la caja de texto se muestra el texto position-7 para indicarte que es precisamente la posición seleccionada en la plantilla para este módulo. Haz clic en el botón Seleccionar posición ya que te permitirá escoger otra de las configuradas para la plantilla Beez2.

 

Una ventana emergente se muestra en pantalla. Haz clic en el menú desplegable Seleccionar plantilla y escoge la plantilla beez_20, que es justo la que estamos utilizando.

Observa las posiciones de la plantilla en la parte izquierda de la ventana y su descripción a su derecha.

Haz clic sobre el nombre position-6 de la lista (como ves, la descripción indica superior derecha de la plantilla). Automáticamente aparecerá esta posición en el cuadro de texto (la ventana se cierra y vuelves a la página de configuración del módulo Menú Principal).

Ahora pulsa sobre el botón Guardar y cerrar de la Barra de Herramientas en la parte superior de la página de configuración.

 

Ahora queda recargar el Frontend de tu sitio (ya sabes, pestaña de Firefox con el Frontend del sitio y tecla F5) y sorpréndete: el menú de navegación se traslada a la parte derecha de la plantilla y tu sitio pasa de tener un sólo lateral a tener dos, donde colocar contenido en tu sitio.

¿Vas entendiendo? Prueba, por ejemplo, con otras posiciones de la plantilla y observa los cambios que VA experimentado. Recuerda Guardar los cambios antes de recargar el Frontend.

Finalmente asegúrate de que el Menú principal se encuentra en la posición position-7 (de momento, vamos a considerar que es su lugar natural) y guarda los cambios pulsando el botón Guardar y cerrar. Restableces la situación de partida y vuelves así al Gestor de Módulos.

EN RESUMEN

Puedes cambiar el aspecto de tu sitio de una manera muy simple, aplicando diferentes plantillas.

Pero también puedes variar el aspecto que puedes obtener en la misma plantilla que estás utilizando sencillamente asignando contenidos, módulos y menús de navegación a diferentes posiciones de la plantilla.

Por eso resulta muy conveniente que, cuando ya tengas decidida qué plantilla vas a utilizar, imprimas o escribas en un papel cuáles son y dónde se sitúan las posiciones que el diseñador ha programado para la plantilla. Así podrás editar la apariencia de la plantilla en uso muy fácilmente sólo cambiando las posiciones en tus contenidos.

Descarga nuestro tutorial en formato PDF - 307 kb - Descargar

Mostrar este artículo en su sitio web

Próximo >

Joomla 1.6 - Joomla 1.7 - Plantillas