(Tiempo estimado: 2 - 4 minutos)

En el artículo de esta semana te enseñaré a utilizar los saltos de página (o pagebreaks) en los artículos de Joomla y para qué puedes utilizar este recurso.

Cómo usar los saltos de página (pagebreaks) en los artículos de #Joomla - #MejorConJoomla Tuitéalo

Para qué usar los saltos de página en Joomla

Los saltos de línea en Joomla son un recurso que no suelen utilizarse pero que te pueden ayudar a dividir el contenido de un artículo para conseguir diferentes opciones:

  • Tabla de contenido.
  • Pestañas con distinta información.

Tabla de contenido

Aunque existen plugins en el JED que hacen esto de una forma más fácil, de forma nativa puedes utilizar esta funcionalidad para conseguir una tabla de contenido.

Vamos a partir de un artículo normal como el que te presento en la siguiente captura:

Crear tabla de contenido con saltos de página en Joomla - 01

Como puedes ver, es un artículo con varios párrafos.

El efecto que queremos que tenga es el siguiente:

Crear tabla de contenido con saltos de página en Joomla - 02

Cómo crear una tabla o índice de contenido

Para ello tienes que hacer lo siguiente:

Crear tabla de contenido con saltos de página en Joomla - 03

  1. Ir a la pantalla de creación o edición de artículo.
  2. Posicionar el ratón al comienzo del párrafo en donde quieres crear el salto de línea.
  3. Hacer clic con en el icono de "Salto de línea" del editor de textos que estés utilizando.
  4. Rellenar el formulario que se abre en formato popup o ventana emergente

    Crear tabla de contenido con saltos de página en Joomla - 04
    NOTA: con rellenar el primero de los campos (Título) es suficiente.

  5. Pulsar en el botón de "Insertar un salto de página".

Siguiendo estos pasos verás que ahora en el artículo aparece una línea de puntos que indica que hay un salto de línea (no confundir con la de "Leer más", aunque ésta última es de color rojo).

Crear tabla de contenido con saltos de página en Joomla - 05

Ahora solo tendrás que repetir este procesos las veces que necesites y tendrás listo tu artículo Joomla con saltos de página y con su índice de contenido.

Pestañas informativas

Igual que antes, tienes extensiones que hacen esto de una forma más sencilla. Pero si quieres hacer todo con Joomla, aquí tendrías la opción.

Los pasos a seguir son los mismos que ya te he explicado en la opción anterior.

Para conseguir el efecto de "pestañas" tienes que ir a la configuración del plugin Contenido - Salto de página.

Pestañas con saltos de página en Joomla - 01

Como puedes ver en la captura anterior tienes diferentes campos de configuración.

Te recomiendo que juegues con ellos para que veas lo que puedes llegar a hacer con el artículo.

Para esta ocasión el campo que nos interesa es el de "Estilo de presentación".

Este campo nos permite seleccionar entre 3 formatos diferentes:

  • Páginas (es el que viene por defecto y ya has visto cómo se comporta).
  • Deslizadores.
  • Pestañas.

Si seleccionas la opción de "Pestañas" el artículo cambiará automáticamente a este formato:

Pestañas con saltos de página en Joomla - 02

Aunque no iba a entrar en el otro formato, aprovecho y te pongo una captura de cómo se vería si seleccionas la opción de "Deslizadores".

Básicamente se trata de un efecto acordeón.

Efecto acordeón con saltos de página en Joomla - 01

Eso sí.

Cuidado con la plantilla que estés utilizando ya que, dependiendo de cómo esté desarrollada y del Framework de Front que utilice, se comportará como esperas o no.

En este ejemplo que te he puesto no hay problema ya que utilizo la plantilla por defecto de Joomla (Protostar) que está basada en Bootstrap 2.3.2.

En caso de que no funcione como esperas siempre puedes utilizar la técnica de overrides para adaptarla a tus necesidades.


Espero que este artículo te haya y que te haya resultado interesante.

Si quieres ayudar a otros usuarios con este tema... comparte el artículo.

Cómo usar los saltos de página (pagebreaks) en los artículos de #Joomla - #MejorConJoomla Tuitéalo

Sobre el autor, Sergio Iglesias

Sergio Iglesias

Sergio Iglesias es formador, desarrollador y front-end del CMS Joomla!. A través de su blog y sus cursos puedes aprender a desarrollar tu propio portal web autogestionable.

 

¿Te ha gustado el artículo? ¡Suscríbete YA!

¿Necesitas un sitio web que funcione?

¿No quieres depender de nadie para gestionar tu página web?

Recibe contenido exclusivo y GRATIS mi curso sobre desarrollo de plantillas Joomla!


Me apunto ya!

Escribir un comentario

Puedes publicar el comentario que quieras, pero si lo considero SPAM será eliminado automáticamente.

 

SergioIglesias.NET te informa que los datos de carácter personal que nos proporciones rellenando este formulario serán tratados por Sergio Iglesias Sánchez como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es, únicamente, para gestionar los comentarios de este blog. La legitimación se realiza a través del consentimiento del interesado. Te informamos que los datos que nos facilitas estarán ubicados en los servidores de SiteGround (proveedor de hosting). Ver política de privacidad de Siteground. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no pueda atender tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en info@sergioiglesias.net así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en mi política de privacidad.

¿Quieres tener un sitio web que funcione?

Contacta conmigo