5 de nov. 2010

Crear nueva posición de módulos en Joomla

Hola, no os lo vais a creer, con lo fácil y rápido que és, y lo que a la gente le cuesta domcumentarlo correctamente, voy documentar los pasos que hay que seguir para añadir o crear nuevas posiciones de módulos en joomla, crear una nueva posición des de zero, y ubicarla donde nos de la gana en la plantilla con 3 senzillos pasos.

Resumen:
1º.- Editar el TemplateDetails.xml ( lo encontraremos en la raíz de nuestro template).
2º.- Editar el index.html de nuestra plantilla (lo encontraremos en la raíz de nuestro template, pero lo podemos hacer directamente desde el menú de joomla complementos --> plantillas, ---> editar plantilla--> editar html.
3º.- Editar el css de nuestra plantilla (lo encontraremos en la raíz de nuestro template, pero lo podemos hacer directamente des de el menú de joomla complementos --> plantillas, ----> editar plantilla --> editar css.


---------------------------

1.- En el TemplateDetails.xml , buscamos el apartado, y añadimos tantas posiciones como queramos poniendo el nombre que nos de la gana, ejemplo ;

<positions>
<position>user4</position>
<position>user3</position>
<position>nuevo_nombre_de_posicion</position>
</positions>



2.- Ahora nos vamos a editar el index.html desde el editor de joomla mismo y miramos de ubicar nuestra nueva posicion dentro del body y dentro el div de 'content', y añadimos nuestro nuevo div , importante en countModules poner el nombre de la posicion del modulo que hemos utilizado en el paso 1, y en el nombre del jdoc:include tambien, por último poner algun nombre en el id del div para en el paso 3 poder ubicar el div donde queramos de la plantilla.
ejemplo;


<div id="nombre_del_id">
<?php if ($this->countModules('nueva_posicon_modulo')) : ?>
<jdoc:include type="modules" name="
nueva_posicon_modulo" style="xhtml" />
</div>
<?php endif; ?>



3.- Ahora vamos a editar el css des de el menú del mismo joomla en su plantila,
aqui os pongo un ejemplo, esta posición nos ubicará nuestra nuevo módulo arriba del template o posicion 0 abstoute.

#nombre_nueva_posicion {
position:absolute;
margin:0 auto;
width:958px;
padding:7px 0 0 22px;
height:220px;
border:5px solid #333333;
background-color:#FFF8F0;
top:0px;
}

Cap comentari: