¿Quieres colocar un botón de scroll hacia arriba en WordPress? Seguramente has visto que en otros sitios web es común conseguir un botón con una flecha hacia arriba, ubicado del lado derecho. Al seleccionar este botón se activa la función de scroll hacia arriba, el cual es sumamente útil en páginas que contienen mucho contenido, haciendo que tus usuarios deban ir hasta abajo. Por ello, esto es un gran componente que nos ayuda a volver al menú y otros elementos de la parte superior de una forma mucho más rápida.
Hoy en Actiweb, estaremos hablando de cómo puedes colocar un botón para hacer scroll hasta arriba en WordPress.
Crea tu sitio web de WordPress en forma fácil y con el mejor precio del mercado en Actiweb. Ofrecemos el hosting que más te conviene en nuestro Servicio dedicado y exclusivo para WordPress.
Colocar un botón de scroll en WordPress utilizando un plugin
En primer lugar, lo que debes hacer es instalar y activar el plugin To Top catch plugins. Para comenzar con ello, debes dirigirte a la sección de Plugin ubicada en tu WordPress y seleccionar la pestaña Añadir Nuevo. En la página de Añadir Nuevo Plugin, deberás buscar el plugin que quieres instalar utilizando el campo de búsqueda que se te ofrece en la parte derecha de esta página. Coloca el nombre del plugin y haz clic en Enter para continuar con la búsqueda. Si realizaste todos estos pasos de la forma correcta, el plugin estará apareciendo dentro de los principales resultados de búsqueda. Ahora solo tienes que seleccionarlo para instalarlo y activarlo.
Cuando lo tengas activado, te estará apareciendo una opción ubicada del lado izquierdo de tu escritorio de WordPress que se denomina To Top Settings. Por medio de esta opción tendremos la facilidad de hacer toda la configuración de nuestro plugin con solo seleccionarla.
Con esto podrás observar las diferentes funciones de configuración que están colocadas a modo de acordeón, entre ellas puedes conseguir: Opciones básicas (Basic settings), Opciones del icono (Icon settings), Opciones avanzadas (Advanced settings) y Opciones de reseteo (Reset settings).
Opciones básicas del plugin
Iniciemos con la primera de las opciones: Opciones básicas. En ella puedes definir los píxeles que se van a mostrar hacia abajo y que queremos que aparezcan en el botón Scroll Offset, el nivel de transparencia que quieres que tenga el icono (Icon Opacity) y para finalizar, la fuente de iconos que quieres que extraiga la imagen del botón al momento de hacer scroll hacia arriba (Style). También podemos colocar una imagen haciendo clic en la última opción denominada Image.
Ahora en las siguientes opciones encontraras una pestaña denominada Icon settings. En ella puedes escoger el estilo que quieres para el icono (Select Icon Type). El color que quieres definir para el icono (Icon Color) así como el color que deseas definir para el fondo (Icon Background Color). El tamaño en cuanto a pixeles (Icon Size) y cómo quieres el estilo de los bordes (Border Radius).
Por medio de la pestaña Advanced settings se puede hacer la configuración de las opciones referentes a la ubicación (Location). Así como los aspectos que giran en torno a los márgenes de los diferentes elementos de la pantalla (Margin X y Margin Y). También cuentas con opciones con las que puedes mostrar el backoffice (Show on WP-ADMIN?), que se esconda al pasar algunos segundos (Enable Auto Hide y Auto Hide Time), además, puedes esconderlo en diferentes dispositivos pequeños (Hide on Small Devices? y Small Device Max Width).
Para terminar, tienes una opción para volver a los valores predeterminados haciendo que todas las opciones que has modificado vuelvan a como estaban antes.
Cuando termines de hacer toda la configuración correspondiente del plugin, puedes entrar en la parte pública de tu web y así observar si todo está funcionando en orden.
Si deseas adquirir un dominio al mejor precio del mercado, puedes contactarnos en Actiweb. Registra tu dominio desde hoy mismo con los mejores precios del mercado y la mejor Asistencia Técnica con soporte 24/7.
