Joomla! Modificar posiciones predefinidas de módulos

En Joomla y en cualquier CMS del mercado, cada módulo debe ir colocado en una zona de la web. Con este tutorial de Joomla vamos a ver cómo podemos modificar las posiciones joomla para que los módulos queden en las posiciones que nos interesan y podamos distribuir el contenido de nuestra web a nuestro gusto.

Tutorial realizado en 2009. Puede que no funcione en versiones recientes.

¿Cómo ver posiciones Joomla?

Os voy a enseñar un pequeño truco para ver las posiciones de los módulos de Joomla.

Basta con añadir al final de la url de nuestra web joomla lo siguiente:

/?tp=1

La url quedaría así:

https://www.miweb.com/?tp=1

Y os debería salir algo como esto. Vuestra web con todos los módulos identificados con el nombre que tienen asignado.

Para que en Joomla! 2.5 funcione hay que activarlo desde el panel de administración en "Extensiones > Gestor de Plantillas > Botón Opciones > Pestaña Plantillas":

Una vez qua sabemos las posiciones joomla de nuestra plantilla, vamos a ver cómo podemos mover los módulos a las posiciones que nos interese.

Mover posiciones de los módulos Joomla

Vamos a ver cómo mover las posiciones de los módulos Joomla!. Las posiciones predefinidas de los módulos de una plantilla Joomla! se definen en el fichero templateDetails.xml entres las entradas <position>...</position>.

Normalmente existen estas posiciones predefinidas según la plantilla: left, right, top, bottom, inset, banner, header, footer, newsflash, legals, pathway, breadcrumb, user1, user2, user3, user4, user5, user6, user7, user8, user9, advert1, advert2, advert3, debug y syndicate.

A cada módulo de nuestra web Joomla! le asignaremos una de estas posiciones. Pero, ¿cómo sabemos las posiciones de las posiciones predefinidas?.

Podemos consultar las posiciones de forma visual, que es la que comentaba en mi anterior post. Añadiendo en la url "?tp=1". Para más detalles pinchar aquí.

Pero si queremos saber las posiciones exactas (x,y) para poder modificarlas, tenemos que jugar con varios ficheros de la plantilla.

Ficheros:

• templateDetails.xml
• index.php
• template_css.css

Con la ayuda de estos tres ficheros seremos capaces de averiguar las posiciones exactas de cada una de las posiciones predefinidas. Normalmente uno pensaría que en la hoja de estilo CSS vendría una definición de una clase "user5" por ejemplo, donde ya vendrían las posiciones de user5. Pero no es así. Veamos cómo averiguar la posición de user5:

1. Con el fichero "templateDetails.xml" tenemos las posiciones configuradas para esta template. Puede darse el caso de que haya configuradas más posiciones de las que se están usando.
2. Con el fichero "index.php" buscamos el nombre de la posición en las entradas "jdoc", no en los divs, y nos quedamos con el nombre de la división que lo contiene. En este caso, "ja-newsflash".

   <div id="ja-newsflash">
        <jdoc:include type="modules" name="user5" />
   </div>
   

3. Con el fichero "template_css.css" buscamos el nombre de la división "ja-newsflash" para modificar su posición:

   #ja-newsflash,#ja-searchwrap {
        width: 23%;
   }
   

Pues eso es todo. Un saludo y espero que os sea de utilidad.