Extensiones y tutoriales para Joomla

Extensiones para Joomla. Aprende Diseño web, SEO y más

Publicado por en en Extensiones
  • Tamaño de letra: COM_EASYBLOG_FONT_LARGER COM_EASYBLOG_FONT_SMALLER
  • Visitas: 1071
  • 0 Comentarios
  • Imprimir

Añade Pestañas a los contenidos de tus artículos en Joomla

Clasifica contenidos en Pestañas agradables a la vista dentro de tus artículos...

Tabber inserta pestañas en tus artículos joomlaSon muchas las veces que queremos ordenar algunos contenidos dentro un artículo, y es allí donde la clasificación por pestañas nos cae como anillo al dedo.

Por esa razón hoy analizaremos un poco a fondo el plugin Tabber, un práctico script que nos permite poner pestañas en nuestro contenido. Al instalar Tabber, automáticamente se añadirá un botón debajo de tu editor de texto. Así fácilmente podrás insertar el código para las pestañas que desees.

El código se parece algo a lo siguiente:

Código del plugin tabber

y nos da el siguiente resultado:

Tab Title 1

Your text...

Tab Title 2

Your text...

Como puedes ver la sintaxis es sencilla. Donde dice "Tab Tile" reemplazas por el título que deses para tu pestaña. Y donde dice "Your text..." pones todo el contenido que deseas clasificar en tus pestañas.

Obviamente el texto puede contener prácticamente lo que tu desees, imagenes, videos, etc., es decir lo que pongas en tu editor web, también es soportado dentro de cada pestaña.

Pero eso no es todo, Tabber tienen otras opciones para configuraralas a tu gusto.

Por ejemplo podrás elegir por defecto la pestaña que deseas que salga seleccionada. El código sería algo como esto:


Codigo tabber personalizado

Pestaña 1

Conenido 1

Pestaña 2

Contenido 2 con imagen

Ejemplo de happy face

Pestaña 3

Contenido 3

Otra interesante e útil característica es que con Tabber podrás tener pestañas anidadas un dentro de otra, el código sería algo parecido a esto:

ejemplo de pestañas anidadas con tabber


Nivel 1 - Primera

    Esta es la primera pestaña
   

Nivel 2 - Primera

        Primera pestaña anidada
   

Nivel 2 - Segunda

        Segunda pestaña anidada
   


Nivel 1 - Segunda

     Segunda pestaña principal

Una opción también muy buena de este plugin es que cada título de pestaña, pondrá por defecto la etiqueta <h2>, de esta manera los títulos de tus pestañas serán más amigables para el SEO de tu sitio.

Por último, dentro de la configuración del plugin (ingresando al Administrador de plugins) podrás cambiar más configuraciones a tu gusto como el color de la línea, el redondeado de las pestañas, la direccion de izquierda a derecha o viceversa, etc.

Este plugin es gratuito, está disponible para Joomla 1.5, 1.6, 1.7 y 2.5, aunque existe su versión PRO que tiene ventajas sobre el gratuito. Puedes descargarlo desde la página del desarrollador.

Sin embargo desde nuestro sitio podrás descargar la versión PRO de Tabber haciendo click en este enlace

Calificar el artículo:
1

Comentarios

  • No hay comentarios por el momento. Se el primero en enviar un comentario.

Deja tu comentario

Invitado Jueves, 23 Mayo 2013

Siguenos en Facebook