[{"@context":"https:\/\/schema.org\/","@type":"BlogPosting","@id":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-agregar-un-menu-receptivo-de-pantalla-completa-en-wordpress\/#BlogPosting","mainEntityOfPage":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-agregar-un-menu-receptivo-de-pantalla-completa-en-wordpress\/","headline":"C\u00f3mo agregar un men\u00fa receptivo de pantalla completa en WordPress","name":"C\u00f3mo agregar un men\u00fa receptivo de pantalla completa en WordPress","description":"\u00bfNecesita agregar un men\u00fa receptivo de pantalla completa en WordPress? Cuando sus usuarios hagan clic o toquen un \u00edcono de hamburguesa, se mostrar\u00e1 una superposici\u00f3n ... Leer m\u00e1s<\/a>","datePublished":"2022-08-08","dateModified":"2022-08-08","author":{"@type":"Person","@id":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/#Person","name":"adrimadise\u00f1o","url":"https:\/\/xn--adrimadiseo-beb.com\/author\/mitzamitza-es\/","image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4f04015a3698191a873267b006e8e8789ce30b6ee841a5518a6033860d50fe16?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"adrimadise\u00f1o.com","logo":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/05\/cropped-logo_adrima.png","width":450,"height":90}},"image":{"@type":"ImageObject","@id":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/08\/Como-agregar-un-menu-receptivo-de-pantalla-completa-en-WordPress.png","url":"https:\/\/xn--adrimadiseo-beb.com\/wp-content\/uploads\/2022\/08\/Como-agregar-un-menu-receptivo-de-pantalla-completa-en-WordPress.png","height":385,"width":680},"url":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-agregar-un-menu-receptivo-de-pantalla-completa-en-wordpress\/","about":["Plugins"],"wordCount":1341,"articleBody":"\u00bfNecesita agregar un men\u00fa receptivo de pantalla completa en WordPress?Cuando sus usuarios hagan clic o toquen un \u00edcono de hamburguesa, se mostrar\u00e1 una superposici\u00f3n de pantalla completa del men\u00fa de su sitio web con una hermosa animaci\u00f3n.En este art\u00edculo, le mostraremos c\u00f3mo agregar un men\u00fa receptivo de pantalla completa en WordPress sin escribir ning\u00fan c\u00f3digo.\u00bfPor qu\u00e9 agregar un men\u00fa receptivo de pantalla completa en WordPress?Los men\u00fas bien dise\u00f1ados ayudan a sus visitantes a orientarse en su sitio web de WordPress. Pero puede ser dif\u00edcil tocar un men\u00fa est\u00e1ndar mientras usa la pantalla peque\u00f1a de un tel\u00e9fono inteligente.Los usuarios m\u00f3viles ya han superado a los usuarios de escritorio en muchos sitios web. Es por eso que le recomendamos que obtenga una vista previa de la versi\u00f3n m\u00f3vil de su sitio de WordPress para ver c\u00f3mo se ve su sitio web en dispositivos m\u00f3viles.Un men\u00fa sensible a pantalla completa se ajustar\u00e1 autom\u00e1ticamente a diferentes tama\u00f1os de pantalla. Dado que todo el espacio disponible se utiliza para el men\u00fa, es m\u00e1s f\u00e1cil navegar en tel\u00e9fonos inteligentes y tabletas.Echemos un vistazo a c\u00f3mo agregar un men\u00fa receptivo de pantalla completa en WordPress.C\u00f3mo agregar un men\u00fa receptivo de pantalla completa en WordPressLo primero que debe hacer es instalar y activar el Men\u00fa de pantalla completa: compatible con dispositivos m\u00f3viles y receptivo enchufar. Puede consultar nuestra gu\u00eda paso a paso sobre c\u00f3mo instalar un complemento de WordPress para obtener m\u00e1s detalles.Tras la activaci\u00f3n, debe dirigirse a la Opciones de men\u00fa de pantalla completa p\u00e1gina en su men\u00fa de administraci\u00f3n de WordPress para configurar los ajustes del complemento. Te llevar\u00e1 a la pesta\u00f1a ‘Configuraci\u00f3n’ autom\u00e1ticamente.Comience marcando la casilla de verificaci\u00f3n ‘Activar men\u00fa de pantalla completa animado’ para habilitar el men\u00fa.Es una buena idea marcar tambi\u00e9n la casilla ‘Mostrar el men\u00fa solo para usuarios administradores’ al principio. Esto le permitir\u00e1 ver los cambios a medida que configura el men\u00fa, pero los visitantes de su sitio no podr\u00e1n verlo hasta que haya terminado.No olvide regresar y desmarcar esa casilla cuando haya terminado.Otras configuraciones le permiten mostrar el men\u00fa solo en dispositivos m\u00f3viles, cerrar el men\u00fa con un clic o desplazarse y ocultar el men\u00fa en p\u00e1ginas espec\u00edficas. Para nuestro ejemplo, dejaremos esta configuraci\u00f3n sin marcar, pero si\u00e9ntase libre de personalizarla como desee para su propio sitio.Dise\u00f1o y apariencia del men\u00fa de pantalla completaA continuaci\u00f3n, personalizaremos el dise\u00f1o del men\u00fa. Para hacerlo, deber\u00e1 hacer clic en la pesta\u00f1a ‘Dise\u00f1o\/Apariencia’ en la parte superior de la p\u00e1gina. En esta p\u00e1gina, puede elegir los colores, la fuente y la configuraci\u00f3n de animaci\u00f3n para su men\u00fa.En la parte superior de la p\u00e1gina, ver\u00e1 dos configuraciones de color. El primer color es para el icono del men\u00fa de hamburguesas. Esto se mostrar\u00e1 en la esquina superior derecha de su sitio web. Cuando sus visitantes hagan clic o lo toquen, el men\u00fa de pantalla completa se mostrar\u00e1 u ocultar\u00e1.La segunda configuraci\u00f3n de color es para el fondo del men\u00fa.Al hacer clic en cada cuadro, aparecer\u00e1 una paleta de colores. Puede hacer clic en el color que desea usar o escribir su c\u00f3digo hexadecimal.Despu\u00e9s de elegir los colores del men\u00fa, debe desplazarse hacia abajo en la p\u00e1gina hasta la secci\u00f3n Fuente\/Apariencia. Aqu\u00ed puede elegir el color de fuente, la familia y el tama\u00f1o que se utilizar\u00e1 para el texto del men\u00fa.Para este tutorial, nos quedaremos con la configuraci\u00f3n predeterminada que usa la fuente de nuestro tema. Recomendamos esta configuraci\u00f3n porque coincidir\u00e1 con el dise\u00f1o de su sitio web. Adem\u00e1s, cargar fuentes adicionales podr\u00eda afectar el rendimiento y la velocidad de su sitio de WordPress.Tambi\u00e9n hay configuraciones para mostrar un men\u00fa lateral lateral en p\u00e1ginas espec\u00edficas y desplazar el men\u00fa principal si no es lo suficientemente alto. Para este tutorial, dejaremos esas configuraciones sin marcar, pero si\u00e9ntete libre de experimentar con ellas en tu propio sitio.Despu\u00e9s de eso, deber\u00e1 desplazarse hacia abajo hasta la secci\u00f3n ‘Configuraci\u00f3n de animaci\u00f3n’. Hay dos configuraciones principales que puede ajustar.El primero de ellos es ‘Tipo de animaci\u00f3n’. Esto le permite seleccionar la direcci\u00f3n de la animaci\u00f3n cuando el men\u00fa est\u00e1 activado. Puede elegir de arriba a abajo, de izquierda a derecha y de derecha a izquierda.La segunda configuraci\u00f3n es el efecto que obtiene al pasar el mouse sobre una entrada del men\u00fa. Las opciones son l\u00ednea de relleno, color de fondo y color de fondo con un borde redondeado.Contenido del men\u00fa de pantalla completaFinalmente, deber\u00e1 desplazarse hacia atr\u00e1s hasta la parte superior de la p\u00e1gina y hacer clic en la pesta\u00f1a ‘Contenido del men\u00fa’. Aqu\u00ed puede seleccionar el men\u00fa de WordPress que se mostrar\u00e1 en su men\u00fa de pantalla completa.Junto a “Seleccionar men\u00fa” en la parte superior, deber\u00e1 elegir un men\u00fa de la lista desplegable. Si a\u00fan no ha creado un men\u00fa de navegaci\u00f3n, consulte nuestra gu\u00eda sobre c\u00f3mo agregar men\u00fas de navegaci\u00f3n en WordPress.Si desea que se muestre contenido adicional en la pantalla del men\u00fa, puede agregarlo en la siguiente secci\u00f3n, etiquetada como ‘HTML gratuito\/c\u00f3digos cortos’. Simplemente escriba su contenido en el cuadro del editor y agregue los archivos multimedia que desee. Este contenido se mostrar\u00e1 debajo del men\u00fa.Tambi\u00e9n hay una casilla de verificaci\u00f3n que incluir\u00e1 un enlace a la p\u00e1gina de su pol\u00edtica de privacidad. Sin embargo, muchos propietarios de sitios web prefieren agregar esto en el pie de p\u00e1gina en lugar del men\u00fa principal.A continuaci\u00f3n, es posible que desee agregar \u00edconos sociales. Estos se mostrar\u00e1n en una fila en la parte inferior de su men\u00fa de pantalla completa.Para agregarlos, simplemente despl\u00e1cese hacia abajo hasta la secci\u00f3n ‘Iconos sociales’ e ingrese un t\u00edtulo para el \u00edcono, como ‘Facebook’. Despu\u00e9s de eso, elija el icono apropiado y escriba la URL de su p\u00e1gina social.Puede agregar m\u00e1s \u00edconos haciendo clic en el bot\u00f3n ‘Agregar otro \u00edcono’.Finalmente, puede agregar una barra de b\u00fasqueda nativa de WordPress en la parte superior de su men\u00fa receptivo. Deber\u00e1 desplazarse hasta la parte inferior de la p\u00e1gina “Contenido del men\u00fa” y marcar la opci\u00f3n “\u00bfAgregar barra de b\u00fasqueda?” caja. Si lo desea, tambi\u00e9n puede escribir alg\u00fan texto de marcador de posici\u00f3n.Por \u00faltimo, haga clic en el bot\u00f3n ‘Guardar cambios’ para almacenar su configuraci\u00f3n.Ahora puede visitar su sitio web para ver el men\u00fa receptivo de pantalla completa en acci\u00f3n. Le recomendamos que cambie el tama\u00f1o de su navegador para ver c\u00f3mo se comporta el men\u00fa en diferentes tama\u00f1os de pantalla.As\u00ed es como se ve en nuestro sitio web de demostraci\u00f3n.Una vez que est\u00e9 satisfecho con su men\u00fa de pantalla completa, no olvide volver a navegar a Opciones de men\u00fa de pantalla completa y desmarque ‘Mostrar el men\u00fa solo para usuarios administradores’. Despu\u00e9s de hacer clic en el bot\u00f3n “Guardar cambios”, los visitantes de su sitio web podr\u00e1n acceder al men\u00fa.Esperamos que este art\u00edculo lo haya ayudado a aprender c\u00f3mo agregar un men\u00fa receptivo de pantalla completa a su sitio de WordPress. Es posible que tambi\u00e9n desee aprender a incrustar un video de Facebook o consultar nuestra lista de los mejores complementos de formulario de contacto para WordPress.Si te ha gustado este art\u00edculo, suscr\u00edbete a nuestro Canal de Youtube para tutoriales en v\u00eddeo de WordPress. Tambi\u00e9n puedes encontrarnos en Gorjeo y Facebook. "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Plugins","item":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/#breadcrumbitem"},{"@type":"ListItem","position":2,"name":"C\u00f3mo agregar un men\u00fa receptivo de pantalla completa en WordPress","item":"https:\/\/xn--adrimadiseo-beb.com\/plugins\/como-agregar-un-menu-receptivo-de-pantalla-completa-en-wordpress\/#breadcrumbitem"}]}]