Descripción

Mediante el componente UCA PageSecuencer podemos crear una página que muestre un asistente multipágina, esto es, vaya mostrando información dividida en secciones sobre las que se puede navegar secuencialmente mediante los botones “Anterior” y “Siguiente”.

La presente página es un ejemplo operativo del comportamiento del componente, mostrando la información de modo paginado.

Por favor, pulse en el botón “Siguiente” para ver cómo usar el componente.

Modo de Uso

• Cree la página en el editor de WordPress UCA en modo “html”.
• Introduzca el contenido dividido en secciones (generalmente elementos ‘ div‘ html) y cree un elemento que envuelva a todas las secciones (puede ser también otro elemento ‘div‘) con un identificador o un nombre de clase único (aunque pueden ser un elemento de cualquier tipo):

  <div id="paginas">

• Introduzca el shortcode (puede ser en cualquier posición, normalmente al final de la página), indicando el nombre del componente pageSecuencer y cuál es identificador del elemento que envuelve a las páginas (el elemento ‘padre’):

  [pageSecuencer item="#paginas"]

• Cuando se muestre la página al usuario, el componente automáticamente mostrará los elementos ‘hijo’ de forma páginada y mostrará la barra para navegar de una página a la inmediatamente anterior o siguiente.
• En la siguiente imagen se puede observar como quedaría el contenido completo de una página que hace uso del componente:
  

Por favor, pulse en el botón “Siguiente” para ver otras características y opciones del componente.

Características

• El componente calcula automáticamente el número de páginas y crea una barra separadora superior y la barra de navegación Anterior-Siguiente
• Permite la navegación mediante teclado en las páginas (con las teclas de navegación de flecha izquierda y derecha)
• Permite enlazar a una página determinada mediante “#n_pagina“, por ejemplo https://docwp.uca.es/pagesecuencer/#2: Si el usuario pulsa el enlace se le mostrará la página 2 del componente.
• Se puede usar en cualquier parte de la página, incluso se pueden mostrar varios componentes multipágina dentro de una página.