WPFront Scroll Top – Botón de «Scroll» al Inicio en WordPress

WordPress nació con la idea de convertirse en un gestor de contenidos para blogs.

Aunque haya evolucionado y pueda adaptarse a cualquier otro tipo de proyecto web, mucho usuarios lo siguen usando como blog, lo cual es más que lógico.

En un blog las entradas se añaden de forma cronológica, teniendo que hacer scroll para ver las entradas anteriores y depende de cada administrador del blog, decidir cuantas entradas se visualizarán, si se añade un paginado, etc…

En cualquier caso, no es raro encontrarse con blogs con varios scroll de ratón antes de llegar al final.

Esto no es un problema, pero si estás abajo del todo y quieres volver a la parte superior del blog, tienes que deshacer el camino y volver a hacer scroll hacia arriba, tantas veces como lo has hecho hacia abajo.

Esto puede ser un incordio para el visitante lo que puede llevarle a abandonar el blog y eso es algo que no queremos.

Quizás hayas visto en algún blog una fecha en la parte inferior de pantalla, que al pulsarla te lleva a la parte superior del blog directamente.

Si lo que quieres es añadir una de estas flechas, no tendrás que programar nada, sólo tendrás que instalar y configurar un plugin como WPFront Scroll Top, que se encargará de hacer todo el trabajo sucio por ti.

Plugin WPFront Scroll Top

El plugin WPFront Scroll Top es gratuito, sencillo de utilizar y nos proporcionará la solución que estamos buscando sin complicaciones.

Podemos buscarlo en el repositorio de plugins de nuestra instalación de WordPress o simplemente descargarlo desde la página de plugins de WordPress haciendo click aquí.

Una vez lo tengamos activado en nuestro WordPress, tenemos que configurarlo y para ello tenemos un menú de configuración que podemos encontrar en Ajustes> ScrollTop.

No hay mucho que configurar, pero si ciertos aspectos, así que vamos a ver lo que podemos hacer con el plugin WpFront Scroll Top.

• – Habilitado
  Esto es sencillo, si marcamos la casilla, la flecha se muestra. Si no está activada, no. Al activarla te recuerdan que sin tienes instalado algún plugin de caché, deberás borrar la caché.
• – JavaScript Async
  Esto es opcional. Indican que activar JavaScript Async mejora el rendimiento del sitio, pero puede entrar en conflicto con alguna otra configuración. Sólo se puede comprobar activándolo y revisando que el blog funcione bien.
• – Offset de Desplazamiento
  Esta es la cantidad de píxeles que se tiene que hacer scroll antes de que aparezca el botón con la flecha.
• – Tamaño Botón
  Los botones tienen un tamaño por defecto. Si queremos cambiarlo podemos hacerlo desde aquí.
• – Opacidad Botón
  El botón tiene cierta transparencia que podemos variar para adaptarlo al diseño de nuestro blog.
• – Duración Botón Desvanecer
  Un pequeño detalle, el botón desaparece gradualmente, lo que le da un toque más pro.
• – Duración Desplazamiento
  Al pulsar en el botón con la flecha, el scroll hacia arriba es suave y desde aquí podemos controlar el tiempo en milisegundos.
• – Auto Ocultar
  Podemos hacer que el botón se oculte automáticamente pasado un tiempo.
• – Ocultar automáticamente Después deSi hemos activado la opción anterior, aquí podemos determinar el tiempo antes de que se oculte.
• – Ocultar en Ventana Pequeña
  A veces el botón puede molestar en los dispositivos móviles con pantallas pequeñas. Desde aquí podemos desactivarlo.
• – Anchura máxima ventana Pequeña
  Si hemos activado la opción anterior, desde aquí podemos determinar el tamaño, en píxeles, donde se ocultará el botón.
• – Ocultar en WP-ADMIN
  Esta opción podemos marcarla si no queremos que se muestre el botón cuando accedamos al administrador de WordPress.
• – Ocultar en iframes
  Esta opción la podemos activar si tenemos, por ejemplo, ventanas emergentes y no queremos que aparezca el botón en estas ventanas.
• – Estilo del botón
  Podemos seleccionar Imagen, Texto o Font Awesome. Por lo general seleccionaremos una imagen, pero podemos cambiarlo si queremos.
• – Button Action
  Aquí podemos determinar la acción al hacer click en el botón. En la mayoría de los casos usaremos la opción Scroll to Top, para que suba al inicio de la página, pero podemos indicarle que vaya a un elemento de la web o incluso a una URL, aunque esto no tiene mucho sentido para el tema que nos ocupa.

Después de configurar los aspectos generales de plugin, tenemos más opciones para determinar el sitio exacto donde queremos que se muestre el botón, texto, flecha, etc…

Esto dependerá del diseño de nuestro sitio web, así que sólo tenemos que probar hasta dejarlo a nuestro gusto.

Lo siguiente que podemos configurar en qué páginas queremos que se muestre.

Podemos marcar la opción de Todas las Páginas o Excluir las páginas donde no queramos que se muestre. Lo podemos filtrar al gusto.

Y por último podemos determinar el tipo de botón que queremos que se muestre.

El plugin nos ofrece una variedad interesante de imágenes que podemos utilizar con solo seleccionarla.

Como es posible que ninguno de los diseños coincida con la estética de nuestro blog, también podemos subir nuestro diseño a la biblioteca de medios de WordPress y utilizarla.

Hay que tener en cuenta que si hemos seleccionado antes que se muestre un texto o Font Awesome, no se mostrarán las imágenes y nos dará otras opciones.

Cosas a Tener en Cuenta

El plugin WPFront Scroll Top** funciona perfectamente en todas las pruebas que hemos hecho.

Es muy sencillo de utilizar, no ocupa casi nada y apenas consume recursos en el hosting, por lo que parece una buena opción para los más de 100 mil usuarios activos que tiene este plugin.

Si no tenemos conocimientos sobre HTML o CSS, usar el plugin WPFront Scroll Top nos solucionará el problema en un momento.

Hosting WordPress con SSD, SSL Gratis, cPanel y Soporte Técnico