Cómo añadir un menú de respuesta a pantalla completa en WordPress

¿Has visto los menús a pantalla completa que se utilizan en los blogs más populares? Este menú aparece en el sitio con un icono de hamburguesa por defecto. Cuando un usuario hace clic o pulsa sobre él, aparece una sobreimpresión a pantalla completa que contiene el menú del sitio con un bonito efecto. En este artículo, le mostraremos cómo añadir un menú de respuesta a pantalla completa en WordPress sin escribir ningún código.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Lo primero que debe hacer es instalar y activar el plugin DC Fullscreen Responsive Menu. Tras la activación, debe visitar la página Apariencia » DC Fullscreen Menu para configurar los ajustes del plugin.

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

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

DC Fullscreen Responsive le permite elegir un fondo y un color de texto para el menú también. Asegúrese de elegir una combinación que sea fácil para los ojos y que combine con su combinación de colores.

Al elegir el color del texto o del fondo, tenga siempre en cuenta cómo afectan estos colores a la legibilidad.

Puede elegir una fuente de Google para el texto del menú. Simplemente introduce el nombre de la fuente y el plugin la cargará por ti.

No olvides desmarcar la casilla situada junto a la opciónPequeño enlace a Autor. Si se deja marcada, añadirá un enlace al sitio web del autor del plugin en todas sus páginas.

Por último, haga clic en el botón Enviar para guardar su configuración. Ahora puede visitar su sitio web para ver el menú en acción. Le recomendamos que cambie 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 le haya ayudado a añadir un menú de respuesta a pantalla completa a su sitio de WordPress. También puede ver nuestra guía sobre cómo agregar el menú del panel de diapositivas en WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario