Teléfono: 636 727 156E-mail: info@byteweb.esQUIERO UNA WEB VIVA
Como añadir un timeline en Wordpress

Cómo crear un timeline en tu WordPress

Qué es un timeline

Empecemos por lo más básico, ¿qué es un timeline?

Un timeline es una representación visual de una serie de sucesos ordenados cronologicamente dentro de una linea de tiempo con el fin de facilitar al usuario el orden de los sucesos.

Esta función nos puede ser útil si tenemos un blog personal, para la historia cronológica de una empresa o incluso para explicar el proceso de un servicio o un producto.

Linea de tiempo para WordPress
Ejemplo de timeline

Cómo crear un timeline con la plantilla DW Timeline

Esta plantilla muestra por defecto todas las entradas de tus categorías en formato timeline, por lo que no requiere de ninguna configuración especial. Instalar, activar, defines tu página del blog en ajustes/lectura y listo.

Podéis descargaros la plantilla de forma gratuita clicando aquí. Podéis ver una demo de la plantilla en este enlace.

Plantilla para timeline WordPress

Cómo añadir un timeline horizontal con el plugin Timeline slider

Para añadir este plugin a nuestro WordPress basta con buscarlo en el repositorio oficial de WordPress siguiendo la ruta plugins/añadir nuevo (recuadro rojo de la imagen) o podemos descargarlo o subirlo a través del FTP.

Timeline con timeline slider

Para este tutorial tomaremos como ejemplo cual podría ser el timeline para mostrar a un cliente el desarrollo de una pagina web.

Una vez instalado y activado podremos observar como en el administrador de nuestro WordPress se nos ha creado una nueva pestaña con el nombre Timeline Slider. Hacemos click en el submenú Timeline category.

Aquí crearemos una categoría en la que englobaremos todos los sliders de nuestro timeline. En nuestro caso la definiremos con le nombre Sliders.

Timeline Slider WordPress

Ahora ya podemos añadir nuestro primer slider. Para ello accedemos a Timeline Slider/Add Slider.

  1. Añadimos el título.
  2. Insertamos el contenido.
  3. Seleccionamos la categoría.
  4. Añadimos la imagen destacada.
  5. Publicamos el slider.

Y repetimos este paso tantas veces como sliders necesitemos.

Timeline slider plugin
Ya solo nos quedará insertar los sliders de nuestro timeline en la página que nos interese. Para ello solo debemos añadir el shortcodes [th-slider] en el contenido de la pagina. El plugin nos ofrece la posibilidad de personalizar nuestro timeline añadiendo parámetros al shortcodes. Dichos parámetros son los siguiente:
  • Limit: [th-slider limit = «- 1 ″] (Límita el número de imágenes que se mostrarán a la vez. De manera predeterminada, se establece en» -1 «, es decir, todas las imágenes. Por ejemplo, si quieres mostrar solo 5 imágenes, establecer límite a limit = «5»)
  • design:[th-slider design = «design-1 ″] (Selecciona el diseño. En la versión gratuita hay 2 diseños. Design-1 y Design-2)
  • Category:[th-slider category = «category_ID”] (Muestra el slider por su ID de categoría).
  • Pagination and arrows: [th-slider dots=”false” arrows=”false”] Para ocultar las flechas o botones de paginación
  • Autoplay and Autoplay Interval: [th-slider autoplay=”true” autoplay_interval=”100″]
  • Slide Speed:[th-slider speed=”3000″] Definimos la velocidad dels slider
  • Fade :[th-slider fade=”true” ]
  • Loop :[th-slider loop = «true»] Para definir un bucle infinito
De este modo si por ejemplo queremos cambiar el diseño de nuestro slider y reducir la velocidad al shortocodes que hemos insertado en nuestra página deberíamos añadirle 2 parámetros quedando de esta forma: [th-slider design=”design-3″ speed=”2000″]

Cómo añadir un timeline vertical con Responsive WordPress Timeline Plugin

Instalamos y activamos Responsive WordPress Timeline del mismo modo que hemos hecho con el anterior plugin. También se nos añadirá una nueva pestaña al menú del administrador de nuestro WordPress, dicha pestaña lleva por título Everest Timeline.

timeline everest plugin

Este plugin nos resulta sumamente interesante porque nos permite crear timelines de todos nuestros post pero también nos permite crear  filtros por categorías o taxonomias.

Vamos Everest Timeline/Add New y si nuestra intención es crear un timeline de todos nuestros post con los ajustes que aparecen por defecto es suficiente.
Si deseas crear un filtro activa la opción Filter Taxonomies/Categories Post. Te aparecerán los siguientes ajustes:

  • Taxonomy/Category Queries Type: En este ajuste definiremos si el filtro se aplicará a una o varias categorías/taxonomías.
  • Taxonomy/Category: Aquí le indicamos si será una categoría o una taxonomía.
  • Term: Definimos que categoría/taxonomía.

El último ajuste es para definir el estado del timeline.

timeline everest WordPress

Accedemos a la sección layout setting. Basicamente lo que vamos a definir es el estilo del timeline mediente 2 ajuste:

  • : Definimos si queremos el timeline a 1 o 2 columnas.
  • : Definimos que plantilla vamos a utilizar. La versión gratuita del plugin ofrece 2 opciones.

Seleccionamos los ajustes a nuestro gusto y clicamos en general settings.

crear timeline con everest timeline

Definimos los ajuste generales:

  • Post Content: Definimos si queremos que aparezca todo el contenido del post o el número de caracteres.
  • Number of Post: Definimos el número de entradas que van a aparecer.
  • Display Post Category: Definimos si queremos que aparezca el nombre de la categoría asociada al post.
  • Display Post Tag: Definimos si queremos aparezcan las etiquetas de la entrada.
  • Display Post Author: Definimos si queremos que se vea el nombre del autor del post.
  • Display Post Comment Count: Definimos si queremos que se visualize el número de comentarios de cada uno de los post.
  • Display Post Date: Definimos si queremos se vea la fecha.
  • Date Format: Definimos el formato de la fecha.
  • Display Read More Link: Seleccionamos si nos interesa que aparezca el botón de leer más.
  • Read More Text: Texto que aparecerá en el botón de ller más.
  • Post Link: Definimos si los post enlazarán a cada una de sus entradas o a un enlace personalizado.
  • Image Size: Definimos el tamaño de las imagenes.
configurar everest timeline

Llegamos al último apartado de la configuración del timeline. El resumen de este apartado es para definir si queremos mostrar los botones para compartir en redes sociales y en que redes sociales.

Guardamos todos los ajustes, pegamos el shortcodes (recuadro rojo de la imagen), y lo pegamos en la página en la que queramos que aparezca el timeline. En nuestro caso el shortcodes es [et id=»4998″].

configurar everest timeline WordPress
Compártenos en tu red social favorita
Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on whatsapp
¿Te ha resultado útil? ¡Puntúalo!
[Total: 2 Media: 5]

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

leido y acepto nuestra política de privacidad. *

Información básica sobre protección de datos en base al Reglamento Europeo de Protección de datos (UE) 2016/679 (RGPD) - Responsable: Carlos Jiménez Méndez - Finalidad: Gestión y moderación de comentarios. - Legitimación: Consentimiento expreso del usuario a través de la selección de la casilla check de envío del formulario. Consentimiento del interesado. - Destinatarios: Proveedor de hosting de la web en EU, Webempresa Europa S.L., cuyos niveles de protección son adecuados según Comisión de la UE. - Derechos: Podrá ejercitar los derechos de acceso, rectificación, supresión, oposición, portabilidad y retirada de consentimiento de sus datos personales en la dirección de correo electrónico info@byteweb.es - Procedencia: El propio interesado - Más Información: Podrá acceder a la segunda capa de Información en el siguiente enlace

Últimos post del blog

Configurar Store locator plus Wordpress

Store locator plus, configuramos el plugin de las múltiples localizaciones.

Tener una buena comunicación con nuestros clientes es un echo que está demostrado. Hoy en día existen muchas herramientas para llevar a cabo esta labor: e-mail, teléfono, redes sociales, etc etc. Una de las más extendidas es mostrar la localización de nuestro negocio a través de Google maps. Implementar la localizacíon de nuestro negocio en

Insertar widgets al menu Wordpress

Añadir widget a cualquier menú de tu WordPress

Has querido alguna vez querer poner en tu menú un botón personalizado, o unos botones de redes sociales, quizás tu web es multidiomas y quieres poner las banderas de los idiomas o simplemente una herramienta para buscar contenido en tu página web y ya sea porque  la plantilla no tiene asignada un área de widget

buscar y arreglar enlaces rotos wordpress

Enlaces rotos, localízalos y repáralos con Broken link checker

A Google no le gusta que le hagan perder tiempo, recursos o que en tu web ofrezcas una mala experiencia a los usuarios. Si tu web tiene enlaces rotos que devuelven un error 404 esas son las consecuencias: Respecto a Google son perder autoridad web, perder tiempo de rastreo y indexación en los resultados de

Ir arriba

Este sitio web utiliza cookies para que tengas la mejor experiencia. Si continúa navegando estás dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies.