Extensiones para mostrar contenidos en Joomla 1.6

mostrar_contenidos_0Tutorial para configurar distintos sistemas para mostrar contenido en Joomla 1.6. Existen gran cantidad de extensiones que nos permitirán mostrar los contenidos de nuestra web de las formas mas diversas, desde las típicas pestañas hasta los popups, pasando por los modalbox o los efectos de deslizamiento. Con estas extensiones podremos mostrar imágenes, artículos o incluso contenidos externos a nuestra web.

 

Pestañas

Este sistema nos permitirá mostrar el contenido repartido en pestañas. Al acceder a una pestaña, el resto quedarán ocultas creando la sensación de que permanecen tras la pestaña que estamos viendo.

Para mostrar el contenido de este modo podemos emplear el plugin “Tabber”, disponible en su página oficial.

Tras instalarlo, podremos configurar algunos de sus parámetros en las propiedades del plugin.

mostrar_contenidos_1

 

Posteriormente tendremos que crear un artículo e incluir el código apropiado. Si no queremos escribir el código, podemos emplear el botón “Insert Tabs” que se genera durante la instalación del plugin. Podemos quitar este botón desactivando el plugin “Button Tabber”.

mostrar_contenidos_1_1

 

El resultado en el front-end será como el siguiente:

mostrar_contenidos_2

Desplegable

El empleo de este método nos permitirá agrupar el contenido para luego desplegar aquello que queramos ver.

Podemos utilizar el plugín “Slider” descargándolo desde aquí.

Después de instalarlo y activarlo configuraremos sus opciones, como los colores, la forma de los bordes, etc.

mostrar_contenidos_2_1

 

Tras esto incluiremos el código en el artículo. Al igual que en el caso anterior, dispondremos de un botón que creará los elementos de forma automática.

mostrar_contenidos_2_2

 

Cuando accedamos al front-end, veremos algo similar a esto: 

mostrar_contenidos_2_3

 

Slide

Mediante este sistema podremos mostrar distintas informaciones dentro de una especie de recuadro. Las informaciones aparecerán una tras otra mediante un efecto de deslizamiento.

En este caso podemos emplear el módulo “TinySlideshow”, que podremos descargar desde su página.

Una vez instalado, veremos que nos permitirá mostrar hasta 8 elementos diferentes, tanto texto como imágenes. También podremos definir el tamaño del módulo, el tiempo de espera hasta que aparezca el contenido siguiente, etc.

mostrar_contenidos_3

 

Al acceder a la web, veremos que el contenido del módulo pasa automáticamente. Podremos pasarlo de forma manual pulsando en las flechas de dirección.

mostrar_contenidos_4

 

Detalles

Con este método podremos mostrar información adicional acerca de una imagen o contenido. Los datos adicionales se mostrarán mediante un efecto de deslizamiento al pulsar sobre el enlace.

Para conseguir este efecto, tendremos que emplear el plugin “Details Toggle” descargándolo desde su página web.

Si accedemos a los detalles del plugin en el gestor de plugins, veremos que podemos modificar el código CSS de la extensión.

mostrar_contenidos_5

 

Para mostrar información mediante este sistema, tendremos que incluir el código adecuado en un artículo.

mostrar_contenidos_6

 

Al acceder a la web veremos una lista de imágenes o texto, pudiendo acceder a sus datos adicionales pulsando sobre uno de los elementos.

mostrar_contenidos_7

 

Iframe

Aunque el uso de frames no es muy aconsejable, si tenemos la necesidad de emplearlos podemos utilizar el plugin “Percha Iframe”, disponible para descargar desde su página.

Una vez instalado y activado, será suficiente con incluir el código adecuado en un artículo. Podremos establecer el ancho y alto del frame.

mostrar_contenidos_7_1

 

Cuando accedamos a nuestra página, veremos el contenido dentro de un frame.

mostrar_contenidos_8

 

Popup

Empleando este método podremos mostrar contenido dentro de una ventana emergente. El plugin “Joomla Popin” nos facilitará el trabajo a la hora de crear un popup.

Después de instalarlo, accederemos a sus propiedades desde el gestor de plugins. Aquí introduciremos el código html del popup, su tamaño, tipo de usuarios a los que se les mostrará, etc.

mostrar_contenidos_9

 

Tras esto, incluiremos el código necesario en el texto de un artículo.

mostrar_contenidos_10

 

Al acceder al front-end veremos la ventana emergente tal y como se muestra a continuación. 

mostrar_contenidos_11

 

ModalBox

Con este sistema mostraremos el contenido dentro de una especie de ventana emergente. La página web quedará oscurecida, centrándose así la atención sobre el modal box.

Podemos emplear el plugin “Dione Gallery Wizard”, que nos permitirá mostrar desde imágenes hasta páginas web externas empleando el método descrito.

Tras instalarlo, podemos acceder a él desde el gestor de plugins para configurar algunas de sus opciones, como el tamaño, colores, etc.

mostrar_contenidos_12

 

Ahora tendremos que incluir el código adecuado, en función del contenido que queramos mostrar, dentro de nuestro artículo.

mostrar_contenidos_13

 

Pulsando sobre el enlace de nuestra web, veremos el contenido dentro de un modal box.

mostrar_contenidos_14

 

Enlace | Tabber

Enlace | Slider

Enlace | TinySlideshow

Enlace | Details Toggle

Enlace | Percha Iframe

Enlace | Joomla Popin

Enlace | Dione Gallery Wizard

Escribir un comentario

Por favor procura que tus comentarios estén relacionados con la entrada, comenta con tu nombre y no pongas enlaces en tu comentario. Intenta también respetar a los demás lectores, los comentarios off topic, promocionales, ofensivos o ilegales serán editados y borrados.


Código de seguridad
Refescar