Cómo mejorar la narración de un sitio web con el deslizador Timeline de Essential Blocks

Un elemento importante en el diseño de sitios web es cómo mostrar eficazmente líneas de tiempo o acontecimientos históricos importantes.Bloques esenciales debido a Editor Gutenberg Se proporciona una herramienta muy útil: elDeslizador de línea de tiempoque muestra el contenido de forma más vívida. Ya se trate de contar la historia de una empresa, mostrar el progreso de un proyecto o mostrar otros contenidos relacionados con el tiempo, el deslizador de línea de tiempo proporciona atractivos elementos visuales que ayudan a mejorar la experiencia de navegación del usuario.

Primeros pasos con el deslizador de la línea de tiempo

1. Instalación y activación del plug-in Bloques Esenciales

Antes de empezar, asegúrese de que el Bloques esenciales Los plugins (tanto la versión gratuita como la Premium) se han instalado y activado correctamente. Esta función forma parte de la versión Premium de Essential Blocks y, por tanto, requiere la versión Pro para funcionar.

• existe Panel de WordPress en, en Bloques esenciales.

• Cambiar a Pestaña BloquesEncuentre Deslizador de línea de tiempo y haga clic en el botón Activar.

2. Insertar el deslizador de la línea de tiempo en la página

A continuación, iremos al editor de páginas para utilizar el deslizador de la línea de tiempo.

• Abra la página en la que desea insertar la línea de tiempo y haga clic en icono del signo más.
• En el cuadro de búsqueda que aparece, escriba Deslizador de línea de tiempoA continuación, haga clic en el bloque e inmediatamente aparecerá el control deslizante de la línea de tiempo en la página.

3. Configuración de fuentes y estilos de contenido

El deslizador Línea de tiempo permite seleccionar diferentes fuentes de contenido y estilos para personalizar la presentación de la línea de tiempo. Siga los pasos que se indican a continuación para configurarlo:

• En la parte superior de la página, haga clic en Editor de bloques.
• Cambiar a Generaletiquetas (normales).

• Seleccione la fuente de contenidos con la opción personalización(Personalizado) o dinámica (ciencia)(Dinámico), en función de cómo se presente el contenido.

• Seleccione su estilo preferido entre los estilos preestablecidos y haga clic en Confirmar.

4. Personalizar cada entrada de la línea de tiempo

Puedes añadir títulos, fechas, contenido de texto, etc. a cada entrada de la línea de tiempo:

• Haz clic en cualquier entrada de la línea de tiempo para editarla Título, fecha responder cantando Contenido del texto.

• Si es necesario, encienda el Hamlet corto para mostrar un mensaje corto.

5. Configurar el deslizador de la línea de tiempo

La configuración de la función del control deslizante de la línea de tiempo puede ajustarse aún más para una presentación más flexible:

• existe Ajustes del control deslizante(Configuración del deslizador) en el que puedes activar o desactivar las flechas, la reproducción automática, los puntos, etc.

• Seleccione si desea activar estas funciones y ajústelas en consecuencia.

6. Personalización del estilo y la apariencia

Para que el control deslizante de la línea de tiempo esté más en consonancia con el diseño del sitio, vaya a la sección Estilo(Estilo) para una personalización detallada.

• modificaciones Color del conectorycolor del iconoyTipografía etc.

• existe Sección de flechas（Personaliza el color, tamaño, etc. de las flechas en (sección Flechas).

7. Personalización avanzada y efectos de animación

Para que el control deslizante de la línea de tiempo resulte más atractivo, el botónBloques esenciales ofrece Personalización avanzada Opciones. Se puede ajustar lo siguiente:

• Tipo de fondo, color, estilo de borde etc. para que el deslizador de la línea de tiempo sea más personalizado.

• establecer Tipo de animaciónVelocidad de animación, tiempo de retardoque hace que el deslizador de la línea de tiempo se muestre suavemente cuando se carga la página.

8. Publicación y actualización de páginas

Una vez completados todos los ajustes, haga clic en escriba a tal vez actualización para guardar los cambios. El deslizador de línea de tiempo se ha configurado en la página para que los usuarios puedan disfrutar de una visualización de contenidos más interactiva y atractiva.

corto

hacer uso de Bloques esenciales (utilizado como expresión nominal) Deslizador de línea de tiempoEl deslizador de línea de tiempo es una gran manera de añadir un elemento interactivo y visualmente atractivo a su sitio web. Tanto si se utiliza para contar la historia, mostrar el progreso de un proyecto o presentar acontecimientos importantes a través de una línea de tiempo, los deslizadores de línea de tiempo son eficaces para captar la atención del usuario y mejorar su experiencia. Con una configuración y personalización sencillas, es fácil mostrar historias convincentes en tu sitio web.

Para obtener más información y tutoriales relacionados con WordPress, siga el enlaceRed de fluctuación de fotonestiene los tutoriales de WordPress más completos y los más activos.Comunidad de intercambio de WordPress.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres