Plugin que muestra una barra de progreso de lectura solo en artículos

Cómo funciona este Plugin

Para crear este plugin de progreso de lectura para tus artículos tienes que seguir estos pasos:

1. Crea un archivo en el directorio wp-content/plugins/ con el nombre que quieras para tu plugin. Por ejemplo barra-progreso.php.
2. Dentro del archivo barra-progreso.php, debes pegar el código que te dejado anteriormente.
3. Ahora, activa el plugin para activar la barra de progreso en tus artículos.
4. Recuerda que puedes modificar la cabecera de este plugin, añadiéndole tu información o la de tus clientes.

Cómo hacer cambios en la barra

En este ejemplo, yo he creado una barra de 10px de grosor, de color rojo y a una distancia superior de 50px. Es más que probable que necesites cambiar estos valores para que se ajuste al diseño de tu web.

Si necesitas cambiar el grosor, el color, o lo que es más probable, la posición respecto a la parte superior, para colocarla justo debajo del menú de navegación, debes cambiar estos valores:

Si te has dado cuenta, en realidad este efecto no muestra el progreso de lectura del artículo. En realidad muestra el desplazamiento vertical de la ventana, es una forma de «engañar» al usuario, pero bueno, este engaño no es tan grave, ¿verdad?… 🙁