comparte el articulo 

Como crear nuevas posiciones en Joomla

Actualizado el 31/01/2011 < > 7 Cometarios

Resumen: Como crear posiciones en una plantilla Joomla donde instalar diferentes módulos.

Los diseñadores principiantes, cuando se enfrentan a la tarea de crear una página web en Joomla, generalmente recurren a comprar plantillas, utilizan plantillas gratuitas, y en el mejor de los casos, intentan personalizar alguna. Pero como es de suponerse, en la medida en que se evoluciona en este oficio, es necesario comenzar a pensar en hacer que la plantilla de la página se vea tal como deseamos o como el cliente prefiere, lo que impide que se utilicen los dos primeros métodos.

En cuanto a la modificación de plantillas, se debe tener especial cuidado respecto de la licencia de la misma, ya que hay muchas que no son de código abierto (open source) y por lo tanto no es legal modificarlas. Pero existen muchas que si lo son, y por lo tanto pueden utilizarse para realizarse las modificaciones necesarias.

Generalmente las plantillas que podemos encontrar para modificar, se trata de plantillas simples, que como utilidad ofrecen la posibilidad de mejorarlas, ya que pos si mismas suelen ser de bastante mala calidad de diseño y ofrecen pocas opciones. Por ejemplo, es muy difícil encontrar alguna que tenga efectos JavaScript, y mucho menos Flash. Por lo general tienen solo las posiciones básicas (header, left, right, breadcrumbs y footer) y alguna otra.

Por ello, cuando queremos agregar módulos y funcionalidades, se puede hacer bastante complicado ya que no hay muchos lugares donde hacerlo. Es para ello que hoy hemos traído este breve tutorial sobre como crear nuevas posiciones en una plantilla de Joomla, válido tanto para Joomla 1.5 y Joomla 1.6. A pesar de que pueda parecer algo complejo, en realidad es bastante sencillo, como ya veremos.

Como funcionan las posiciones de Joomla

El primer paso para encarar la creación de nuevas posiciones en Joomla es comprender el funcionamiento de las mismas. Una página creada con Joomla es una página dinámica, lo que equivale a decir que la misma se modifica dinámicamente en la medida que se incorporan nuevos contenidos.

Estos contenidos se muestran en forma y lugares que son manejados por la plantilla. La forma en que los contenidos se muestran son manejados mediante los archivos CSS de la plantilla, mientras que la ubicación de los mismos se define en el HTML, cuya estructura principal se encuentra en el archivo “index.php” del fichero del template (no confundir con el archivo “index.php” que se encuentra en la raíz del sitio).

Como podrán apreciar en cualquier archivo “index.php” que abran, a pesar de parecer algo muy complejo, si dejamos de lado todas las sentencias en PHP, nos queda un HTML o XHTML, que puede variar en complejidad según la plantilla. Sin embargo, además de las tradicionales etiquetas HTML y algún otro elemento, aparecen unas etiquetas bastante extrañas como la siguiente:

<jdoc:include type="modules" name="breadcrumb" />

Esto es lo que indica que allí se encuentra una posición. Quiere decir que cuando en un módulo definimos la posición en la que lo ubicaremos, hacemos referencia a esta etiqueta. Pero… ¿Cómo es que Joomla sabe que hay una posición que se llama “breadcrumbs”? A pesar de que es algo complejo, se puede describir en forma sencilla.

Joomla toma diferentes datos que se le proporcionan de varios archivos. Así por ejemplo, cuando hacemos modificaciones en la configuración global, esto se graba en un archivo que se encuentra en la carpeta de la plantilla que se llama “params.ini”, los datos de la configuración de Joomla se graban en un archivo “configuration.php”. De allí Joomla lee y recoge los datos necesarios para su funcionamiento y sobre la forma de hacerlo.

Del mismo modo, todo lo relativo a los archivos (incluyendo las imágenes) que están relacionados con la presentación de la página (la plantilla), se encuentran en un archivo que se llama “templateDetails.xml”, donde hay un listado de estos archivos y de las posiciones. De aquí es que Joomla toma la información de las posiciones que hay en la plantilla y como se llaman.

En definitiva, Joomla sabe que hay determinadas posiciones gracias a que esta información se encuentra guardada en el archivo “templateDetails.xml”, y en estas posiciones Joomla mostrará determinados contenidos. Estos contenidos aparecerán en la posición que se encuentre marcada dentro de la estructura definida en el archivo “index.php” de la plantilla.

Creando una posición

Ahora que comprendemos el funcionamiento de las posiciones, veremos como se crean las posiciones en Joomla. En primer lugar, deberemos crear una nueva posición dentro de la estructura HTML. Para ello haremos las modificaciones necesarias en el archivo “index.php”, creando las capas, listas o las tablas que sean necesarias.

Una vez que hemos definido la locación dentro del HTML, deberemos introducir la siguiente etiqueta o cualquier otra con otro nombre de posición:

<jdoc:include type="modules" name="user3" />

Con ella le estamos mostrando a Joomla que allí va una posición, que será visible siempre y cuando le sea asignado un módulo. Luego, le diremos a Joomla que hay una posición y que se llama de determinada forma, para que cuando le demos la posición a un módulo en el Administrador, esta nueva posición aparezca en el listado de posiciones. Esto se hace introduciendo una nueva etiqueta en el archivo “templateDetails.xml”.

Esta etiqueta debe ser ubicada dentro de las etiquetas “<install>” e “</install>”, y por lo general, dentro de las etiquetas “<positions>” y “</positions>”. La forma de escribirlo es la siguiente:

<positions>
    <position>breadcrumb</position>
    <position>left</position>
    <position>right</position>
    <position>syndicate</position>
    <position>user3</position>
    <position>user2</position>
  </positions>

Como puede apreciarse, es bastante sencillo (a pesar de que el funcionamiento es complejo) crear, editar y eliminar posiciones dentro de una plantilla Joomla.

En lo que respecta a la visualización, esta está definida por los diferentes archivos CSS de la plantilla, mediante la cual podremos dar diferentes aspectos a las capas y a los elementos que componen al módulo que se encuentra en esa posición y a las capas en la que la posición se encuentra.

Publicado el 31/01/2011, última actualización 31/01/2011.

Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Andrés Fernández

URL: LaWebera.es :: Diseño Web

Añadir Comentario (Subir al texto)

7 Cometarios

  1. Pietri

    Yo lo que he hecho es coger una plantilla de las nuevas que tienen
    todas las posiciones y trabajar sobre esa

    Lunes, 7 de febrero 2011

  2. Andrés Fernández

    Sin dudas se trata de una buena opción, Pietri, pero si quieres comprender mejor el funcionamiento de Joomla y sus plantillas, y quizá adentrarte en la creación de plantillas desde cero o en la programación, es buena idea tomar una plantilla básica y comenzar a experimentar.

    Miércoles, 9 de febrero 2011

  3. Pdvoraks

    pero luego tengo la siguiente duda:

    tengo una plantilla, pongamos una de las default de joomla 1.6.
    Cómo veo las posiciones que puede ocupar cada modulo? las que ya estan y en que posición?

    antes usábamos el sitio/index.php?tp=1

    probé con:
    Extensiones – Gestor de Plantillas – [ícono Opciones]
    aparece otro menú con TABS y en la pestaña Plantillas – Configuración Global para Plantillas
    Vista previa de las posiciones de los módulos
    []Desactivado []Activado <— Marcar Activado
    y ahora aparecerá debajo del nombre de la plantilla el texto Vista previa.

    y no veo nada de nada, asi que no se que lugar ocupa el header, cual tal y el cual

    gracias si tienen una idea

    Viernes, 11 de febrero 2011

  4. Andrés Fernández

    Hola:
    La activación de la vista previa que has hecho es correcta. En la página del gestor de plantillas, en la pestaña plantillas, aparece un listado de las mismas. En la primer columna aparece el thumbnail, y en la segunda columna aparece un enlace a “x plantill – Detalles” y debajo otro enlace que te lleva a la vista previa en pestaña o ventana nueva.

    Lunes, 14 de febrero 2011

  5. Pdvoraks

    pues no muestra ningun enlace a vista previa en el menu plantillas, el thumbail, detalles si, pero nada de vista previa con posiciones

    antes puse un mensaje con link a las capturas de pantalla para mostrarlo y ahora no aparece

    la version de joomla es
    Joomla! 1.6.0-Spanish Codename:(Onward) 10-01-2011

    me estoy volviendo loco para encontrar la lógica de las posiciones, porque es bastantre distinto al 1.5

    gracias por la atención

    Lunes, 14 de febrero 2011

  6. Pdvoraks

    encontre algo:
    no sale link el gestor, pero luego de hacer todo lo indicado, si voy al sitio y le doy el dichoso sitio/index.php?tp=1 alli ya muestra las posiciones como en la 1.5

    Martes, 15 de febrero 2011

  7. Viv

    tambien lo puedes ver en administrador de plantillas, en el menu hay Styles/Templates, entra en template, y dale preview…
    Yo tengo el problema de que al modulo le pongo la direccion de la plantilla y no se muestra, ya lo he intentado con diferentes modulos y no he [podido…

    Lunes, 16 de mayo 2011

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras