SERGIOIGLESIAS

Blog sobre Joomla

Cómo usar los saltos de página en los artículos de Joomla

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

Suscríbete a mi newsletter

¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un Curso de desarrollo de plantillas Joomla.

No hay comentarios

Artículos relacionados

Solicita presupuesto

¿Quieres una página web que funcione?

Contacta conmigo y hablemos de tu proyecto.