Paso 2: Selecciona el dise\u00f1o del banner<\/h3>\n\n\n\n
El dise\u00f1o del banner principal depende del tema de tu sitio y de los elementos que decidas agregar al men\u00fa. Puedes combinar im\u00e1genes, colores y textos para lograr distintos efectos visuales. A continuaci\u00f3n, te explicamos las opciones disponibles:<\/p>\n\n\n\n
2.1. Banner solo con t\u00edtulo<\/h4>\n\n\n\n
Para un dise\u00f1o minimalista con solo el t\u00edtulo del men\u00fa:<\/p>\n\n\n\n
- \n
- Activa el selector “sin color”<\/strong> al editar el men\u00fa.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-29-at-15-53-53-Paginas-y-Menus-Qubia-V4.png\")
<\/figure>\n<\/div>\n\n\n<\/p>\n\n\n\n
- \n
- Desactiva o elimina cualquier imagen asociada al men\u00fa.\n
- \n
- Consulta: \u00bfC\u00f3mo desactivar una imagen?<\/a> | \u00bfC\u00f3mo eliminar una imagen?<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
Resultado:<\/strong> El banner mostrar\u00e1 \u00fanicamente el t\u00edtulo, como en este ejemplo:<\/p>\n\n\n
\n![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-29-at-15-52-00-Productos-Pet-Care-1024x329.png\")
<\/figure>\n<\/div>\n\n\n<\/p>\n\n\n\n
2.2. Banner con color y t\u00edtulo<\/h4>\n\n\n\n
Si prefieres que el banner tenga un color de fondo:<\/p>\n\n\n\n
- \n
- Desactiva el selector “sin color”<\/strong>.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/banner.png\")
<\/figure>\n<\/div>\n\n\n<\/p>\n\n\n\n
- \n
- Elige un color desde el selector de color<\/strong>.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-25-at-10-17-35-Paginas-y-Menus-Qubia-V4-1024x68.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
- \n
- Aseg\u00farate de no tener im\u00e1genes activas en el men\u00fa o desact\u00edvalas.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-25-at-10-18-23-Paginas-y-Menus-Qubia-V4-1024x224.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
Resultado:<\/strong> Obtendr\u00e1s un banner con color y t\u00edtulo, como este:<\/p>\n\n\n\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-25-at-10-24-59-Accesorios-para-perros-Pet-Care-1024x452.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
2.3. Banner con color, t\u00edtulo y descripci\u00f3n<\/h4>\n\n\n\n
Para incluir una descripci\u00f3n breve o completa en el banner:<\/p>\n\n\n\n
- \n
- Sigue los pasos del apartado anterior.<\/li>\n\n\n\n
- A\u00f1ade una descripci\u00f3n en el men\u00fa.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-25-at-10-30-59-Paginas-y-Menus-Qubia-V4-1-1024x574.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
Nota:<\/strong> La forma en que se muestra la descripci\u00f3n en el banner principal puede variar considerablemente seg\u00fan el tema que elijas para tu sitio. Algunos temas destacan la descripci\u00f3n con tipograf\u00edas grandes y ubicaciones prominentes, mientras que otros la integran de manera m\u00e1s discreta, priorizando elementos como el t\u00edtulo o las im\u00e1genes de fondo. Por ello, es importante probar diferentes temas y ajustar el contenido de la descripci\u00f3n para garantizar que se adapte arm\u00f3nicamente al dise\u00f1o general de tu p\u00e1gina.<\/p>\n\n\n\n
Resultado:<\/strong><\/p>\n\n\n\n
Con descripci\u00f3n breve:<\/strong><\/p>\n\n\n\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-25-at-10-37-31-Nuestros-Servicios-Pet-Care-1024x494.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
Con descripci\u00f3n extensa:<\/strong><\/p>\n\n\n\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-25-at-10-40-12-Nuestros-Servicios-Pet-Care-1024x490.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
2.4. Banner con imagen y t\u00edtulo <\/h4>\n\n\n\n
Para crear un banner que incluya una imagen y el t\u00edtulo del men\u00fa, aseg\u00farate de agregar una sola imagen en las configuraciones del men\u00fa. Si tienes m\u00e1s de una imagen cargada, desactiva o elimina las que no deseas mostrar para evitar que se genere un efecto tipo carrusel. Esto garantizar\u00e1 que el banner sea est\u00e1tico y resalte la imagen seleccionada junto al t\u00edtulo.<\/p>\n\n\n\n
El dise\u00f1o final del banner depender\u00e1 del tema que hayas elegido y puede verse de la siguiente forma:<\/p>\n\n\n\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-25-at-10-47-44-Contactanos-Pet-Care-1024x576.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
Consejo adicional:<\/strong> Al seleccionar una imagen, utiliza archivos de alta calidad y con las dimensiones recomendadas para tu tema, asegur\u00e1ndote de que se ajusten bien al dise\u00f1o sin perder resoluci\u00f3n.<\/p>\n\n\n\n
2.5. Banner con imagen, t\u00edtulo y descripci\u00f3n<\/h4>\n\n\n\n
Combina los elementos anteriores a\u00f1adiendo una descripci\u00f3n breve o extensa seg\u00fan lo necesites. Aseg\u00farate de que la descripci\u00f3n sea compatible con el dise\u00f1o del tema.<\/p>\n\n\n\n
Resultado:<\/strong><\/p>\n\n\n\n
Descripci\u00f3n breve:<\/strong><\/p>\n\n\n
\n![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Recurso_31_1.png\")
<\/figure>\n<\/div>\n\n\n<\/p>\n\n\n\n
Descripci\u00f3n extensa:<\/strong><\/p>\n\n\n
\n![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Recurso_30_1.png\")
<\/figure>\n<\/div>\n\n\n<\/p>\n\n\n\n
2.6. Banner con video y t\u00edtulo<\/h4>\n\n\n\n
Para configurar un banner que muestre un video junto al t\u00edtulo del men\u00fa, necesitas cargar una imagen en el men\u00fa y, al llenar los campos correspondientes, incluir el enlace del video o un c\u00f3digo iframe<\/em>. Esto reemplazar\u00e1 la imagen con el video en la presentaci\u00f3n del banner.<\/p>\n\n\n\n
Es importante asegurarte de que el formato del video sea compatible con el dise\u00f1o del tema y que est\u00e9 alojado en una plataforma confiable para evitar problemas de carga. Si tienes dudas sobre c\u00f3mo configurar videos en tu men\u00fa, consulta el FAQ relacionado: \u00bfC\u00f3mo configurar videos en un men\u00fa?<\/a>.<\/p>\n\n\n\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-25-at-10-53-06-Paginas-y-Menus-Qubia-V4-1024x64.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
Dependiendo del tema que utilices, el banner mostrar\u00e1 el video en lugar de una imagen est\u00e1tica, conservando el t\u00edtulo del men\u00fa como parte del dise\u00f1o visual.<\/p>\n\n\n\n
2.7. Banner con m\u00faltiples im\u00e1genes o videos y efecto carrusel<\/h4>\n\n\n\n
Para crear un banner con efecto carrusel o slider<\/em>, necesitas cargar varias im\u00e1genes y\/o videos en tu men\u00fa, asegur\u00e1ndote de que todas las opciones est\u00e9n marcadas como visibles. Esto permitir\u00e1 que los elementos cargados se muestren de manera rotativa en el banner, ofreciendo un dise\u00f1o din\u00e1mico y atractivo.<\/p>\n\n\n\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-25-at-10-59-14-Paginas-y-Menus-Qubia-V4-1024x380.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
2.8. Banner con el mismo t\u00edtulo y descripci\u00f3n, pero diferentes im\u00e1genes<\/h4>\n\n\n\n
Si deseas que tu banner muestre diferentes im\u00e1genes mientras el t\u00edtulo y la descripci\u00f3n permanecen iguales, simplemente carga las im\u00e1genes en el men\u00fa sin a\u00f1adirles un t\u00edtulo ni descripci\u00f3n individuales. Esto har\u00e1 que se utilicen autom\u00e1ticamente el t\u00edtulo y la descripci\u00f3n establecidos en el men\u00fa principal para todas las im\u00e1genes.<\/p>\n\n\n\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-25-at-11-02-29-Galeria-Qubia-V4.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
2.9. Banner con t\u00edtulo y descripci\u00f3n variado por im\u00e1genes<\/h4>\n\n\n\n
Para un banner donde cada imagen tenga su propio t\u00edtulo y descripci\u00f3n, debes asignar un nombre y una descripci\u00f3n espec\u00edficos al momento de agregar cada imagen al men\u00fa. Si dejas alg\u00fan campo vac\u00edo, se tomar\u00e1 el valor predeterminado establecido en el men\u00fa principal. Esto te permite personalizar cada imagen mientras mantienes un dise\u00f1o coherente.<\/p>\n\n\n\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Screenshot-2024-11-25-at-11-05-31-Paginas-y-Menus-Qubia-V4-1.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
2.10. Banner sin t\u00edtulo, sin descripci\u00f3n, sin imagen y sin color<\/h4>\n\n\n\n
Si prefieres que no aparezca ning\u00fan banner en tu sitio, habilita la opci\u00f3n “sin color” en el men\u00fa. Adem\u00e1s, desactiva las casillas de mostrar t\u00edtulo y mostrar descripci\u00f3n, y verifica que no haya im\u00e1genes cargadas ni visibles en el men\u00fa.<\/p>\n\n\n
- Aseg\u00farate de no tener im\u00e1genes activas en el men\u00fa o desact\u00edvalas.<\/li>\n<\/ul>\n\n\n\n
- Elige un color desde el selector de color<\/strong>.<\/li>\n<\/ul>\n\n\n\n
- Desactiva el selector “sin color”<\/strong>.<\/li>\n<\/ul>\n\n\n
- Consulta: \u00bfC\u00f3mo desactivar una imagen?<\/a> | \u00bfC\u00f3mo eliminar una imagen?<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
- Desactiva o elimina cualquier imagen asociada al men\u00fa.\n
![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Captura_de_pantalla_2024-01-25_094640.png\")
<\/figure>\n<\/div>\n\n\n![\"\"](\"https:\/\/blog.qubia.databyte.cl\/wp-content\/uploads\/2024\/11\/Captura_de_pantalla_2024-01-25_095925.png\")
<\/figure>\n<\/div>\n\n\n