La navegación de la barra lateral de una sola página de Divi lo hace fácil

Cuando crea una nueva página, puede habilitar fácilmente la opción de navegación de una sola página de Divi, brindando a sus visitantes una representación visual y clicable de su progreso en la página. También puede usar enlaces de anclaje personalizados e ID de sección para crear menús de una página para el paquete completo de una página.

Habilitar la navegación de una sola página

Habilitar la navegación de una sola página es fácil y se puede hacer por página. Siempre que cree o edite una página, busque el cuadro «Configuración de Divi» a la derecha de su editor de texto. Dentro de este cuadro, verá la opción de navegación de puntos. Seleccione «Activado» en el menú desplegable y luego guarde la página. Ahora notará que se ha agregado una barra de navegación flotante en el lado derecho de su página. La barra de navegación de puntos agrega automáticamente un enlace en el que se puede hacer clic a cada sección de su página. Cuando agrega una nueva sección, se agregará automáticamente un nuevo enlace circular (o punto) a su navegador lateral flotante. Los usuarios pueden hacer clic en los puntos para saltar a diferentes secciones de la página. También facilita la identificación de dónde se encuentra el visitante en la página, lo que hace que las páginas de formato largo sean más fáciles de entender y navegar.

Crear enlaces de menú personalizados para sitios web de una página

Además de la navegación lateral, también es posible transformar la navegación del encabezado principal en una navegación de una página. Si está creando un sitio web de una página, entonces no desea que los enlaces de su menú apunten a páginas separadas. En cambio, estos enlaces pueden apuntar a secciones relevantes en la misma página. Al hacer clic, pueden llevarlo a la sección correspondiente de la página utilizando un efecto de desplazamiento suave. Esto se puede lograr utilizando identificaciones personalizadas. A cualquier elemento de la página que se crea con el generador se le puede asignar una ID. Puede asignar una ID a una sección haciendo clic en el icono de configuración de la sección y buscando la configuración de «ID de CSS». Una vez que se ha asignado una ID, puede vincularla desde el menú de navegación. Por ejemplo, supongamos que tiene una sección llamada «Acerca de nosotros» y desea que se vincule a la parte de su página que describe su empresa.

Señalando un enlace de menú a una ID

Para crear un enlace de menú personalizado, deberá agregar un nuevo enlace a su menú utilizando la pestaña «Apariencias> Menús» en su Panel de WordPress. Una vez que haya creado un nuevo menú y lo haya asignado a la ubicación de Navegación principal, puede comenzar a agregar enlaces a su encabezado. En este caso, crearemos un enlace personalizado haciendo clic en la pestaña «Enlace» en el lado izquierdo de la página. Una vez que haya hecho clic, se le darán dos campos (URL y Texto del enlace). Para el «Texto del enlace», simplemente ingrese el texto que desea que aparezca en su menú (por ejemplo, «Acerca de nosotros»). Para la URL, debemos vincularnos a la ID que asignamos a nuestra sección anteriormente. En este caso, agregamos la identificación «aboutus» pero puede agregar cualquier nombre de identificación que desee. Como utilizamos la ID «aboutus», podemos vincularnos a esa ID creando una URL que apunte a «/ # aboutus». Puede usar este mismo método para crear tantos enlaces personalizados como desee. Simplemente ingrese una URL de «/ #» seguida de la ID que desea orientar.

Pin It on Pinterest