Como añadir una cabecera encima de los contenidos de la pagina de incio Joomla!

En este manual joomla! les voy a explicar como poder añadir una cabecera de inicio a su web,  contenido destacado o un modulo joomla que muestre un resumen con imagenes de los contenidos destacados de su pagina en un cms joomla! o lo que les parezca mejor. Esto le dara un aire mas profesional a su diseño al mismo tiempo que ayudara en la navegacion y a los navegantes a encontrar los temas que consideren mas interesantes para mostrar de su web de una forma estatica o dinamica…

Hay que saber que cuando posicionamos un articulo en la pagina de inicio de nuestra version joomla, el mismo se coloca el primero de la lista, bien en formato blog o en resumen listado mostrando el titulo, dependiendo del gusto de cada uno y al redactar nuevos articulos y posicionando los siguientes tambien en la pagina de inicio, hara que el articulo o contenido que quieren mostrar ira bajando de posicion hasta desaparecer de la pagina de inicio.
 
Lo que se busca hacer es dejar fijos uno o mas articulos, una entrada de lo que trata su web, o lo que consideren oportuno en la cabecera de su web joomla! .
Por experiencia propia si se elige bien el tipo de informacion a introducir en esa posicion visual, puede ayudar en gran medida a mejorar el SEO (Optimizacion para Buscadores) y posicionamiento de su web. Una vez expresada la finalidad de este tutorial joomla!, pasamos a lo practico.
Lo primero es comprobar si nuestra plantilla joomla dispone de una posicion ya creada encima del inicio de los contenidos para tal efecto. Para comprobarlo debremos saber como visualizar las posiciones de las que disponemos, para ello pondremos la siguiente direccion en nuestro navegador

{xtypo_info} www.SUDOMINIO.com/index.php?tp=1{/xtypo_info}

y nos mostrara de forma difuminada las posiciones de las que disponemos. Si ya disponen de una o mas posiciones, con este metodo las tendran identificadas y podran hacer uso de las mismas. Si por lo contrario no disponen de una o mas posiciones, pasaremos a crear esa posicion.

Con un editor de codigo cualquiera es suficiente, en este caso voy a utilizar el siempre efectivo Notepad++ . Descargamos en nuestro ordenador la plantilla que queremos modificar con un cliente FTP, por ejemplo filezila. Las plantillas de Joomla! estan ubicadas en la carpeta templates de la raiz de nuestro joomla!, seleccionamos la carpeta de la plantilla y nos la descargamos a nuestro ordenador.

 
Una vez descargada accediendo al nombre de la carpeta observaremos que hay una serie de archivos a la vista, los que tendremos que modificar son index.php y templateDetails.xml. El primero a editar es templateDetails.xml donde agregaremos la nueva posicion para ser seleccionada posteriormente desde nuestro panel de administracion a la hora de asignarle el modulo a posicionar en nuestra cabecera. Lo editamos y buscamos las siguientes lineas de codigo:
<positions>
<position>breadcrumb</position>
<position>search</position>
<position>header</position>
......
<position>tab20</position>
<position>mobile_top</position>
</positions>

Dentro de estas lineas añadiremos la posicion que necesitamos y que nos permitira seleccionar la misma cuando vayamos a crear el modulo desde el administrador.

<position>nombre de la posicion</position>

Guardamos y cerramos el archivo.

Ahora vamos a editar el index.php para colocar la posicion que ocupara la cabecera dentro de nuestra plantilla. La cuestion es ¿como localizo el sitio adecuado para añadir el codigo necesario?.
 
Para situar la posicion encima de nuestro bloque de noticias en la pagina de inicio, lo primero es saber que linea determina la posicion de los textos de nuestra pagina de inicio. Sabiendo que lo que permite situar el contenido redactado es el componente com_content del core Joomla!, al margen del estilo que le podamos dar, lo logico es buscar el codigo que contentega la palabra component o com_content.
 
Lo mas sencillo es empezar por component, por la naturaleza de la extension que permite incluir los contenidos. Sera sencillo, solo hay una, o puede haber una referencia en cada plantilla de Joomla, y es la siguiente:
<jdoc:include type="component" />

Identificada la linea de codigo y su ubicacion en el archivo index.php de nuestra plantilla, añadiremos el siguiente codigo justo encima de esa linea:

<jdoc:include type="modules" name="nombre de la posicion"/>

Con esto ya tenemos la posicion agregada a nuestra plantilla y podemos añadir una cabecera a nuestra web. A modo de demostracion si se fijan en solojoomla.ORG la plantilla utilizada es la misma que la de solojoomla, con el añadido de cuatro posiciones encima del texto de la pagina de inicio.

Hacer que aparezca en todas las paginas o en diferentes enlaces de menu, tambien llamados items de menu, es solo cuestion de seleccionar en el cuadro “Asignación de menú“la opcion “Seleccionar elemento(s) de la lista” cuando editamos o creamos el modulo, los enlaces de menu donde vaya a aparecer la nueva posicion creada.

Para darle estilo deberemos o bien emplear clases de estilo ya creadas en nuestra plantilla o bien crear clases propias que le dara la vista definitiva a la posicion y modulo(s) insertados en la misma, pero esto pertenece a un nivel mas avanzado.

 

Comments

  1. marcolo

    Sencillo y rapido
    Gracias por el tuto loren, como siempre sencillo y rapido. Facil de entender.

Deja un comentario