¿Has visto el menú responsive de pantalla completa que se usa en blogs populares? Estos menús aparecen en el sitio web con el icono de hamburguesa predeterminado. Cuando el usuario hace clic o lo toca, aparece una superposición de pantalla completa que contiene el menú del sitio, que funciona maravillosamente. En este artículo, le mostraremos cómo agregar un menú receptivo de pantalla completa en WordPress sin escribir ningún código.

Superposición de menú receptivo a pantalla completa en WordPress

videotutorial

Suscríbete a WPBeginner

Si no te gusta el video o necesitas más explicaciones, sigue leyendo.

Lo primero que debe hacer es instalar y activar el complemento DC Fullscreen Responsive Menu.Después de la activación, debe acceder Apariencia » Menú de pantalla completa de DC página para configurar los ajustes del complemento.

Configuración del menú de pantalla completa

Debe seleccionar un menú de la lista desplegable. Si aún no ha creado un menú de navegación, consulte nuestra guía sobre cómo agregar un menú de navegación en WordPress.

Después de eso, debe elegir la dirección del efecto deslizante para el menú de pantalla completa. Puede elegir arriba, derecha, izquierda, abajo o ningún efecto.

El menú receptivo de pantalla completa de DC también le permite elegir un fondo y un color de texto para el menú. Asegúrese de elegir una combinación que sea agradable a la vista y que coincida con su combinación de colores.

Al elegir colores de texto o de fondo, siempre tenga en cuenta cómo esos colores afectan la legibilidad.

Puede elegir Google Fonts para el texto del menú. Simplemente ingrese el nombre de la fuente y el complemento lo cargará por usted.

No olvides desmarcar la casilla junto a la opción “Pequeño enlace al autor”. Si está marcado, agregará un enlace al sitio web del autor del complemento en todas sus páginas.

Finalmente, haga clic en el botón Enviar para almacenar su configuración. Ahora puede visitar su sitio web para ver el menú en acción. Recomendamos cambiar el tamaño de su navegador para ver cómo se comporta el menú en diferentes tamaños de pantalla.

Esperamos que este artículo lo haya ayudado a agregar un menú receptivo de pantalla completa a su sitio de WordPress. También puede consultar nuestra guía sobre cómo agregar un menú de panel deslizante en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.