Templates y Posiciones

Puedes descargar templates desde esta web

Crear una posición nueva en cualquier template de Joomla

La página principal y única de cada template o plantlla de Joomla es el index.php.
Este único archivo es el encargado de mostrar todas las páginas de nuestro sitio Web Joomla.
La ruta de ubicación de index.php es:
public_html / joomla / templates / plantilla_en_uso / index.php
Para incluir una posición nueva para módulos, basta con editar el archivo index.php con el Block de Notas o con Dreamweaver. Una vez abierto escribiremos el siguiente código dentro de las etiquetas <BODY> en el DIV que deseemos.
Ejemplo Colocar una posición nueva dentro del "cabecero" de tu Web
  1. Abrimos el archivo index.php de la plantilla (template) que estemos usando
  2. Localizamos el <div class="logo"> y a continuación escribimos:
<div id="posicion_nueva">
<jdoc:include type="modules" name="posicion_nueva" style="xhtml" />
</div>
Guardamos los cambios al archivo index.php
A continuación definiremos el estilo para el DIV creado anteriormente #posicion_nueva lo escribirimos en la hoja de estilos del template en cuestión la hoja de estilos se llama template.css.
La ruta del archivo de la hoja de estilos es:
public_html / joomla / templates / template_en _uso / css / template.css
Abrimos el archivo template.css con el Block de Notas o con Dreamweaver y añadimos nuestro estilo:
#posicion_nueva{ width:300px;
height:60px;
background:red;
padding:5px;
float:left;
}
A continuación guardamos los cambios del archivo template.css

Incluir el nombre de la posición en el archivo  templateDetails.xml

Para visualizar las posiciones escribiremos en la barra de direcciones /index.php?tp=1, para que aparezca el nombre de la nueva posición debemos definirla en el archivo del template templateDetails.xml, para ello lo localizamos y editamos añadiendo al final del mismo nuestra nueva posición, fíjate bien:
<position>user5</position>
<position>posicion_nueva</position>
</positions>
</install>
Acontinuación guardaremos los cambios en el archivo templateDetails.xml

No hay comentarios:

Publicar un comentario