Home Tips Varios Joomla Agregar nueva posición a un template Joomla

Agregar nueva posición a un template Joomla

ico Detalles Tip - Nivel : Intermedio, Versión Joomla : 1.5.x, Formato : texto y video.
En algunas ocasiones nos gustaría agregar nuevas posiciones a nuestro template, con la finalidad de mostrar nuevos módulos o contenido personalizado, en este tip veremos a través de un ejemplo práctico, como realizar esta tarea.

 

En el siguiente video se muestra a través de un ejemplo como agregar una nueva posición al template beez de Joomla

Suscríbete a monitojoomla en youtube para que puedas ver todos los videos publicados

 

 

1 - Verificamos las posiciones actuales

Para esto haremos uso del url y de la variable tp, por ejemplo: http://www.midominio.com/?tp=1

Posiciones template

 

2- Modificamos el archivo del Template

Una vez localizada la ubicación para la nueva posición, procedemos a modificar el archivo index.php del template. Para este ejemplo colocaremos la nueva posición antes del componente, tal como se muestra en la siguiente imagen.

Modificacion index.php

 

3- Agregamos la posición al archivo xml

Procedemos a modificar el archivo templateDetails.xml del template, agregamos la nueva posición tal como se muestra en la siguiente imagen

Archivo xml del template

 

4- Agregamos el módulo personalizado

Finalmente agregamos el módulo personalizado en la nueva posición.

Seleccion de posición en módulo

 

5- Verificamos en el frontend

Verificamos la nueva posición agregada, por ejemplo: http://www.midominio.com/?tp=1

Nueva posicion

 

6- Conclusión

Agregar nuevas posiciones a un template debe ser parte de nuestro arsenal de Joomla, las posibilidades de uso de esta técnica son variadas ya que podemos colocar cualquier tipo de contenido en esa nueva posición.

 

 

Comparte este postDel.icio.us! Google! Live! Facebook! Twitter! Joomla Free PHP
Comentarios (34)
  • Miguel
    avatar
    Que tal Jhon muy bueno el material, mi consulta es la siguiente referente al videotuto q presentaste hoy.

    Quisiera saber como agregar un modulo nuevo si esque mi template no tiene modulo left. ya que en este template creaste uno encima del contenido.

    Este template que te menciono tiene todos los modulos top, user1, uiser2,user3, right, debug, footer etc ) pèro menos el left.
  • Jhon Marreros
    avatar
    Hola Miguel,

    Supongo que se trata de un template de dos columnas como el de esta página.

    Bueno si no tienes el módulo left, antes de hacer los pasos que aqui menciono, tienes que poner las bases para esta posición, es decir tienes que colocar las etiquetas div adecuadas en el index.php, asi como modificar tu archivo CSS.

    Revisa este link
    http://www.desarrolloweb.com/articulos/2160.php

    Saludos.
  • miguel
    avatar
    Excelente
    gracias por el dato y por tu tiempo.
  • k4nn4bis
    avatar
    hola segui el tutorial y me sirvio muchisimo, cree un nuevo espacio abajo de la cabecera para colocar un slideshow, hasta hay todo perfecto, pero ahora quiere dicvidir ese espacio en dos partes para que me queden dos modulos, el slide show, y al lado unos tabs que quiero insertar en la página, el cuento es que no me queda uno al lado del otro sino uno debajo del otro, que debo hacer? gracias por su respuesta y que excelentes tutoriales
  • Jhon Marreros
    avatar
    Hola k4nn4bis

    Tienes que colocar estilos css a los contenedores. Por ejemplo si tienes dos etiquetas divs, para que se posicionen una al lado de otra tienes que darle el estilo float: left a la primera.

    Revisa este tutorial
    http://www.htmllife.com/archivos/float_left_or_right/


    Saludos.
  • Adrian
    avatar
    Hola realice todo el proceso pero no aparece el modulo sobre el texto como quiero, igual al de muestra, mi plantilla es una rockettheme, no sé si lo que se muestra aqui no funciona en estas plantillas o más bien hay que realizar otra cosa más.
  • Jhon Marreros
    avatar
    Hola Adrian

    Es probable que sea un manejo ligeramente diferente ya que rockettheme utiliza gantry como framewok, espero revisar el tema y publicar algo relacionado.

    Saludos.
  • Nacho
    avatar
    Muchas gracias, siguiendo su guía he comprendido como incluir módulos y modificarlos. He añadido imágenes con link en el menú izquierdo. Seguro que hay más formas de hacerlo, pero su guía me ha sido muy útil.
    Espero poder aportar conocimientos cuando controle un poco joomla.
  • Javi
    avatar
    Hola a todos.

    Con respecto a añadir una nueva posición en la plantillas joomla, os hago la siguiente pregunta:
    Tengo una plantilla que son de tres columnas y esta OK, pero me gustaría que tuviese 5 columnas.
    Os resumo la idea.

    Las 3 columnas tienen su contenido y en total ocupa 900 pixeles. ¿como podría insertar dos nuevas columnas (izquierda y derecha ) de 150 pixeles cada uno para gestionar banners publicitario? De esta forma la plantilla tendría un total de 1200 pixeles.

    Estoy un poco agobiado pues el cliente quiere poner publicidad y no se como hacerlo.

    Esta es la web www.andaluciaevents.eu

    ¿Alguna sugerencia?

    Saludos


  • Jhon Marreros
    avatar
    Hola Javi

    Tienes q revisar la estructura de tu archivo index.php del template, adicionar los divs y posiciones adecuadas y también modificar el CSS.
    Como entenderas lo que te comento es una generalidad, espero profundizar en este tema en un futuro tutorial.

    Saludos.
  • Manuel
    avatar
    Excelente

    funciona rebien

    gracias por el tiempo dedicado a la explicación

    saludos desde Chile :)
  • leandro
    avatar
    hola perfecto el tuto¡¡¡

    pero¡¡¡

    yo quiero poner una posicion, en medio de los articulos, o sea, q se vean en mi home(pagina principal) 8 articulos, que los separe horizontalmente una posision para poner un banner, y despues otros articulos mas:
    Ejemplo: www.diariodecuyo.com.ar, separa las noticias un box-modulo-posicion de Sociales...

    espero q me puedas ayudar, he visto esto en otros sitio y no tengo idea como lo hacen,,,poseo lo basico de conocimiento sobre php.

    Gracias monito..

    saludos cordiales.
    LeandroG.
  • Doane
    avatar
    Excelente el tutorial, fácil, dinámico, directo.
    En 5 minutos solucioné un problema al cual llevaba 4 días intentando hallar una solución.

    Muchas gracias!
  • Erick
    avatar
    gracias!

    muchas gracias!

    con tu videotutorial me sacaste de un gran apuro!

    muchisimas gracias!
  • Mauricio Miranda
    avatar
    Excelente aporte

    De verdad lo felicito
  • Simon
    avatar
    Hola, me funciono pero tengo un problema, utilizo el mod_camp26_randomcontent que muestra articulos random y cuando hago click me aparece el articulo al final de los modulos que puse en la posicion central superior

    ¿como puedo hacer para que al hacer click en el modulo solo me muestre el articulo que deseo ver sin los modulos puestos en la posicion central superior?

    saludos desde chile
  • lucas
    avatar
    Hola muy bueno! sabes como agrego imagenes o textos dentro de las columnas? por ejemplo en la ubicacion Left? quiero agregar un texto o una imagen. Probe varios componentes, pero nada, en flash si puedo agregarla. Mil gracias!
  • Edison
    avatar
    Gracias, muy bien, y será posible que saber como utilizo y donde utilizo el prefijo css vi en este video.
  • Jose
    avatar
    Buenas y mcuhas gracias por el video, tengo un pequeño problema, la plantilla con la que yo trabajo no tiene ningún texto en el lugar donde quiero crear la posicion para el modulo (quiero crear esta posicion en la parte izquierda de la web y poner modulos unos debajo de otros como si fuese una columna). ¿alguien sabe como solucionar esto? Gracias =)
  • José Manuel
    avatar
    Buenas, este tutorial me sirvio de mucho, pero el bloque que quiero hacer es crear es la posición head y no lo consigo exactamente. Lo que hace que si me sale el head pero lo que es la imagen head sigue estando y entonces duplico el encabezado. ¿Donde fallo?
  • jrmoya
    avatar
    Muy bueno el aporte. Muchas gracias.
    Una consulta (por favor): Como puedo centrar el formulario de contactos de joomla ó cual el nombre del programa de debo modificar. logré modificar con la ayuda de firebug, pero no logro encontrar del programa. Muchas gracias por tu ayuda.
  • Daniel
    avatar
    Hola Jhon, tengo un problema quiero añadir una nueva posicion a mi template en la parte del header esquina derecha para poner imagenes con links a redes sociales, entonces mi pregunta es la siguiente. ¿En que parte del index.php de mi template tendria q poner la orden para mi nuevo modulo? Si no me explique bien o no sabrias decirme sin ver las posiciones de mi web te agradeceria que contactaras conmigo ya que me interesa bastante este tema. Muchas gracias.
  • Mari
    avatar
    Segui todos tus pasos, y no logro ver la posicion en mi pagina. la veo en el administrador y se la puedo asignar a un modulo pero no la veo :(
  • Javier
    avatar
    Hola, ya se como insertar una posicion, pero me interesaria que ocupase el ancho total del navegador. Se puede? gracias de antemano
  • joel pociello
    avatar
    hola, tu video tutorial a sido perfecto en algunas plantillas, pero haora tengo una plantilla donde en el archivo index.php, no salen los codigos div ni tampoco en ningun archivo de la plantilla, como lo hago entonces?

    gracias y un saludo
  • Edward Ferrer
    avatar
    Buenas, estamuy bueno el tutorial me ha servido bastante en los protectos.
    Una pregunta, hay alguna manera de agregar una posicion a un template de joomla, pero por fuera de la pagina, me explico, si la pagina completa esta metida dentro de un Div.Main o Div.MainBody o Div.Body etc... me gustaria saber si puedo crear una posicion a los lados (Izquierda o derecha), arriba de todo o por debajo de la pagina... un ejemplo, donde esta la imagen de la plantilla Beez, en doned esta el modulo a la izquierda de "menu principal" al lado izquierdo de la plantilla a esa altura o mas arriba, se puede agregar una posicion.
    Espero por la respuesta, gracias!
  • Maty
    avatar
    Muy bueno, interesante! Y super productivo! Una consulta se puede poner entre articulo y articulo separadores de modulos para poner imagenes? No se si me explico.

    Saludos. Dejo mi E-Mail en el campo correspondiente! Muchas Gracias!
  • Fernando
    avatar
    Me ha encantado el tutorial pero en mi template se ve que es diferente y me es bastante complicado saber cómo modificarlo con <div> y CSS. ¿al final has hecho algo para un template no tan básico y que pueda servirme de revisión? Gracias!!!
  • Jhon Marreros
    avatar
    Hola Fernando, te sugiero revises el siguiente enlace en donde se trata el mismo tema pero con un template comercial : http://tinyurl.com/6ggb4uv

    Saludos.
  • Camilo Celis
    avatar
    Hola buenas tardes, tengo un pequeño problema con mi template, ya que el viene de 3 columnas, pero cuándo busco las posiciones la central no me sale, no me aparece y por lo tanto no se le puede asignar nada a la misma, y necesito que mi pagina quede de 2 columnas en la organización que ya tengo.

    Intente borrar esa posición central, y me funciono en el home, pero al ver el resto del contenido al interior se desaparece el contenido por haber borrado eso..

    Si me puedes ayudar te agradeceria.
  • vivi ortega
    avatar
    una consulta, y para crear un footer?
    realicé mi pagina con el artisteer y solo vienen columnas izquierda,derecha, una barra de menu y el breadcrum.
    pero necesito con urgencia el footer. agradecería mucho una ayudita...bye
  • Thierry
    avatar
    Artisteer te poner footer, syndicate y todo...

    Prueba agregar ?=TP al final de tu dirección web para que veas las posiciones
  • aitor
    avatar
    hola esto funciona para joomla 2.5??

    ho es otro codigo que debemos insertar para crear nuevas posiciones??
  • vampur
    avatar
    Muy bueno el articulo.. FELICIDADES
Escribir comentario
Gravatar enabled