El widget de Navegación por Desplazamiento o Scroll Navigation ofrecee múltiples configuraciones de estilo y contenido, lo que permite configurar los íconos, usar etiquetas, definir la posición de los elementos, el tipo de fondo, y hay mucho más que puedes personalizar para que el widget se vea tal y como lo deseas. Puedes ajustar la visibilidad o posición de la Navegación para que aparezca a la Derecha -es el predeterminado- o a la izquierda.
Ejemplo del Widget de Navegación por DesplazamientoDesplazamiento. En la imagen de abajo puede ver el ejemplo del Widget de Navegación por Desplazamiento en uso con la visibilidad de la Navegación a la Izquierda.
Usar este widget, como veremos es sumamente sencillo. Quiero aclarar que estoy usando Kava como tema, Elementor Pro y CrocoBlock en una instalación fresca o nueva de WordPress ya que se trata de la creación de un Sitio Web.
- Lo primero que haremos es crear la sección e identificarla en el Navigator» de Elementor -ver a la derecha-. Una vez hemos terminado de configurar la Sección, en el Menú de Elementor buscamos el Widget de Navegación por Desplazamiento -Scroll Navigation -ver a la izquierda- y lo arrastramos a la parte superior de la Sección -ver recuadro gris en la parte superior de la imagen-. De manera predeterminada nos muestra tres Elementos o Items. Puedes escoger editarlos o como lo hice yo, eliminar dos de ellos y editar el que queda. Vamos al Segundo Paso.
- Con nuestra Sección seleccionada vamos a Avanzado y la identificamos en el ID de CSS exactamente a como lo hicimos en el «Navigator»
- Una vez hecho esto ahora Oprimimos el Elemento que dejamos de los predeterminados y lo editamos de manera que el Label o Etiqueta y Section Id o ID de Identificación estén identificados tal y como lo identificamos en el ID de CSS.
- Ahora únicamente nos resta repetir los pasos anteeriores para cada una de las Secciones que necesitemos. A continuación verás tan sólo imágenes de dos secciones más, a pesar de que el sitio cuenta con más de ellas.
- Para ver en uso el Widget puedes ir a jmraccountingpr.com