Ir al contenido principal

Editar el logo personalizado del menú

Aprende cómo subir y personalizar un logo que reemplaza los nombres en texto en el menú de navegación para un aspecto de marca.

Escrito por Brian
Actualizado hoy

Editar el logo personalizado del menú

Aprende cómo subir y personalizar un logo que reemplaza los nombres en texto en el menú de navegación para un aspecto de marca.

¿Quieres mostrar un logo en lugar de los nombres en texto en el menú de navegación? ¡Puedes subir un logo de menú personalizado que aparece en lugar de los nombres de la pareja. Genial para darle marca a tu boda!

Qué es un logo de menú personalizado

El logo de menú personalizado reemplaza los nombres de la pareja en texto en el menú de navegación con una imagen. Aparece en la barra de menú en la parte superior de tu sitio.

Diferente de:
- Logo del encabezado: Aparece en el encabezado principal de tu página de inicio
- Favicon: Icono diminuto en las pestañas del navegador
- Logo del menú personalizado: Específicamente para el menú de navegación

Requisitos

Para subir un logo de menú personalizado, primero necesitas habilitar Mostrar nombres en el menú:

  1. Ve a Sitio webConfiguración del sitio → pestaña Menú

  2. Encuentra el interruptor Mostrar nombres en el menú

  3. Actívalo

  4. La opción de logo de menú personalizado aparecerá debajo

Cómo subir un logo de menú personalizado

  1. Ve a Sitio web en tu navegación principal

  2. Haz clic en el icono de configuración para abrir Configuración del sitio

  3. Haz clic en la pestaña Menú en la parte superior

  4. Encuentra Mostrar nombres en el menú y asegúrate de que esté activado

  5. Debajo, verás la sección Logo de menú personalizado

  6. Haz clic en Subir logo de menú personalizado (40px de alto)

  7. Selecciona tu archivo de logo desde tu computadora

  8. El logo se sube y aparece en la vista previa

  9. Haz clic en Guardar cambios en la parte inferior

¡Tu logo ahora aparece en el menú de navegación!

Especificaciones del logo

Altura: 40px es lo recomendado (mencionado en el botón de subida)

Formato: PNG, GIF, JPG o SVG

Fondo transparente: PNG o SVG con transparencia funciona mejor

Relación de aspecto: Los logos horizontales funcionan mejor que los cuadrados o verticales

Tamaño del archivo: Mantenlo por debajo de 200KB para carga rápida

Crear un logo de menú

Herramientas de diseño: Canva, Adobe Illustrator, Figma

Mantenlo simple: Los logos pequeños necesitan diseños limpios y audaces

Texto legible: Si tu logo incluye texto, asegúrate de que sea legible en tamaños pequeños

Alto contraste: El logo debería ser visible contra el fondo de tu menú

Ideas de logo

Tus nombres y fecha: "Emily & Jordan | 2026"

Monograma: Tus iniciales en un diseño elegante

Hashtag de boda: Tu hashtag en una fuente estilizada

Símbolo mínimo: Anillos simples, corazón o icono significativo

Ilustrado: Ilustración personalizada representándolos

Logo vs. nombres en texto

Cuando subes un logo de menú personalizado:

El logo aparece en el menú de navegación

Los nombres en texto se reemplazan por la imagen del logo

El resto del sitio no cambia (el logo solo afecta el menú)

¡Si quieres tanto logo como texto, necesitarás incluir texto en tu imagen del logo!

Eliminar el logo de menú personalizado

Para volver a los nombres en texto en el menú:

  1. Ve a Configuración del sitio → pestaña Menú

  2. Encuentra la sección Logo de menú personalizado

  3. Haz clic en Eliminar sobre la vista previa del logo

  4. El logo se elimina

  5. Haz clic en Guardar cambios

¡Los nombres en texto de la pareja reaparecerán en el menú!

Logo del menú vs. logo del encabezado

Logo de menú personalizado: Logo pequeño en la barra de navegación (40px de alto)

Logo de encabezado personalizado: Logo más grande en el área del encabezado principal (540px de ancho)

¡Son subidas diferentes! Puedes tener:
- Ambos (logo en menú Y encabezado)
- Solo uno (menú o encabezado)
- Ninguno (solo nombres en texto)

Ubicación del logo en el menú

El logo aparece donde normalmente se mostrarían tus nombres en el menú. Dependiendo de tu tema:

Lado izquierdo: Logo a la izquierda, enlaces del menú a la derecha

Centro: Logo en el centro, enlaces divididos izquierda y derecha

Lado derecho: Enlaces del menú a la izquierda, logo a la derecha

¡Tu tema controla la ubicación exacta!

Actualizar tu logo del menú

Para cambiar tu logo del menú:

  1. Ve a Configuración del sitio → pestaña Menú

  2. Encuentra Logo de menú personalizado

  3. Haz clic en Eliminar para quitar el logo actual

  4. Haz clic en Subir logo de menú personalizado (40px de alto) de nuevo

  5. Selecciona tu nuevo archivo de logo

  6. Haz clic en Guardar cambios

¡El nuevo logo reemplaza al anterior!

Visualización en móvil

Los logos del menú generalmente aparecen en móvil también, pero podrían ser más pequeños o posicionados diferente. ¡Prueba en un teléfono para ver cómo se ve!

Algunos temas ocultan el logo del menú en móvil a favor del icono de menú hamburguesa.

Consideraciones de color del logo

Fondos de menú claros: Usa un logo oscuro o colorido

Fondos de menú oscuros: Usa un logo claro o blanco

PNGs transparentes: Dejan que el fondo del menú se vea a través

¡Asegúrate de que tu logo sea visible contra el color de fondo de tu menú!

Formatos de archivo explicados

PNG: Mejor para logos con transparencia o colores sólidos

SVG: Vector escalable, se mantiene nítido a cualquier tamaño (mejor opción si lo tienes)

JPG: Funciona pero no admite transparencia (podría tener un cuadro de fondo)

GIF: Funciona pero anticuado, usa PNG en su lugar

¡PNG o SVG son tus mejores opciones!

Probar tu logo del menú

Después de subir:

  1. Visita tu sitio web de boda en vivo

  2. Revisa la barra de menú buscando tu logo

  3. Asegúrate de que sea claro y legible

  4. Prueba en escritorio y móvil

  5. Verifica que se vea bien con los colores de tu menú

Problemas comunes

Logo demasiado grande: Podría desbordar la barra del menú. Redimensiona a 40px de alto.

Logo no visible: Revisa el contraste contra el color de fondo de tu menú.

Logo pixelado: Usa una resolución más alta o formato vectorial (SVG).

Cuadro blanco alrededor del logo: Usa PNG o SVG con fondo transparente.

Consistencia de marca

Si estás usando un logo de menú personalizado, considera usar el mismo logo o similar:
- Como logo del encabezado
- En tus invitaciones
- En tus save-the-dates
- En tu papelería

¡La marca consistente se ve profesional!

Cuándo usar un logo de menú

Tienes un logo de boda: Ya diseñado para invitaciones.

Quieres marca fuerte: El logo refuerza tu identidad de boda.

Visual > texto: Prefieres imágenes sobre texto simple.

Monograma personalizado: Has diseñado un hermoso monograma.

Cuándo omitirlo

El texto funciona bien: Tus nombres se ven genial en el menú tal como están.

Prefieres simplicidad: El texto es más limpio y directo.

No tienes logo diseñado: No quieres gastar tiempo creando uno.

El tema se ve mejor con texto: Algunos temas están optimizados para menús de texto.

¡Un logo de menú personalizado es opcional pero agrega un toque pulido y de marca a la navegación de tu sitio web de boda!

¿Ha quedado contestada tu pregunta?