[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla # Cómo usar los saltos de página en los artículos de Joomla [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net) 21 Abril 2021 [Tips Joomla](https://sergioiglesias.net/blog/joomla) 2 - 4 minutos Visitas: 3167 - - [ Formación Joomla ](https://sergioiglesias.net/etiquetas/formacion-joomla) - [ Cursos Joomla ](https://sergioiglesias.net/etiquetas/cursos-joomla) - [ Proyecto Joomla ](https://sergioiglesias.net/etiquetas/proyecto-joomla) ![](https://sergioiglesias.net/images/blog/tips/pagebreaks-joomla.jpg) 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 [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/como-usar-los-saltos-de-pagina-en-los-articulos-de-joomla "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-usar-los-saltos-de-pagina-en-los-articulos-de-joomla&text=C%C3%B3mo%20usar%20los%20saltos%20de%20p%C3%A1gina%20%28pagebreaks%29%20en%20los%20art%C3%ADculos%20de%20%23Joomla%20-%20%23MejorConJoomla "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=C%C3%B3mo%20usar%20los%20saltos%20de%20p%C3%A1gina%20%28pagebreaks%29%20en%20los%20art%C3%ADculos%20de%20%23Joomla%20-%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-usar-los-saltos-de-pagina-en-los-articulos-de-joomla "Enví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](https://extensions.joomla.org) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/saltos-pagina/salto-de-pagina-01_1230.png?version=dcf6f5c8cd6d041f72aaf74c038a0d37) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/saltos-pagina/salto-de-pagina-02_1230.png?version=6818b10874964a8c7123f76cea52e666) #### 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/saltos-pagina/salto-de-pagina-03_1230.png?version=7b3f5057159668ce4cdbe3641b2385a1) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/saltos-pagina/salto-de-pagina-04_1230.png?version=d25a619510b5822333f254f698ca63b5) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/saltos-pagina/salto-de-pagina-05_1230.png?version=d0e2a4d37e30df4cdf096598ee1abc45) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/saltos-pagina/salto-de-pagina-06_1230.png?version=4bfcf33808b57cc4569df905159e7f16) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/saltos-pagina/salto-de-pagina-07_1230.png?version=c11dec4c1b7811e900d75a8ba6ee4a64) 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](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/saltos-pagina/salto-de-pagina-08_1230.png?version=dd7402995b85679424b1130a99f515ef) Eso sí. Cuidado con la plantilla que estés utilizando ya que, dependiendo de cómo esté desarrollada y del [Framework de Front](https://sergioiglesias.net/blog/general/277-frameworks-de-desarrollo-de-plantillas-joomla) 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](https://sergioiglesias.net/blog/joomla/493-overrides-y-presentaciones-alternativas-en-joomla-que-son-como-crearlos-y-como-utilizarlos) 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 [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/como-usar-los-saltos-de-pagina-en-los-articulos-de-joomla "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-usar-los-saltos-de-pagina-en-los-articulos-de-joomla&text=C%C3%B3mo%20usar%20los%20saltos%20de%20p%C3%A1gina%20%28pagebreaks%29%20en%20los%20art%C3%ADculos%20de%20%23Joomla%20-%20%23MejorConJoomla "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=C%C3%B3mo%20usar%20los%20saltos%20de%20p%C3%A1gina%20%28pagebreaks%29%20en%20los%20art%C3%ADculos%20de%20%23Joomla%20-%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-usar-los-saltos-de-pagina-en-los-articulos-de-joomla "Envíalo") [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado ### ¿No sabes bien en qué estado está tu web Joomla? Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden. Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML [ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables [![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS. [](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias") ### 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**. [Quiero apuntarme!](https://sergioiglesias.net/newsletter) ### No hay comentarios ### Deja tu comentario En respuesta a Some User Nombre \* Dirección de email \* Texto del comentario \* Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*