Ir al contenido principal

Agrega un logo a un encabezado de página

Aprende a poner la identidad de tu marca en tu página agregando una Imagen de Logo o Texto de Logo al Encabezado de la página.


Agrega un bloque de logo a tu encabezado

Paso 1. Selecciona tu tipo de bloque

  • Abre la pestaña Website desde el Dashboard

  • Selecciona la pestaña Pages

  • Selecciona la página que deseas editar y haz clic en Customize. Aprende a abrir tu editor de página

  • Ve al panel de la barra lateral y haz clic en Header

  • Haz clic en Add Content

  • Selecciona Logo:

DD9EA714-1EBC-4D74-BC4B-509157C6D888.png

Después de agregar el Tipo de Bloque de Logo, selecciona:

  • Imagen

  • Texto

Nota: Si ya subiste una Imagen de Logo a la sección Branding de tu Configuración de Detalles del Sitio antes de crear la página, el Tipo de Logo de Imagen tomará por defecto el Logo subido en tu Configuración de Detalles del Sitio. Si deseas cambiar la imagen de tu página, sigue el Paso 2: Sube tu Logo.

Según el Tipo de Logo seleccionado:

  • Sube tu Imagen de Logo haciendo clic en Select Image y eligiendo un archivo nuevo o un archivo reciente

  • Ingresa texto en el campo Logo Text


Personaliza tu bloque de logo

Atributo alt de la imagen

Ingresa una breve descripción de la imagen para identificarla con fines de SEO, accesibilidad, o en caso de que la imagen no se pueda mostrar.

Si has seleccionado Image como tu Tipo de Logo, personaliza el ancho de tu imagen para cambiar la apariencia de tu Logo en tu página.

Si seleccionaste Text como tu Tipo de Logo, personaliza el color del texto para usar los colores de tu marca de sitio o un color personalizado para tu Texto de Logo.

Estirar bloque

Habilita la configuración Stretch Block para llenar el espacio restante de la sección del Encabezado.

Una buena regla para usar la función Stretch Block es habilitarla para el Bloque ubicado más a la izquierda de tu sección de Encabezado.

Por ejemplo, si quieres que tu Logo esté en el extremo izquierdo de tu Encabezado y un Menú y un Menú de Usuario en el extremo derecho, selecciona Stretch Block para tu Logo:

Controla la alineación y posicionamiento de tus bloques ajustando Stretch Block y Block Alignment para los bloques en tu Encabezado.

Alineación del texto

Ajusta la alineación horizontal de tu bloque en el Encabezado para que aparezca más a la izquierda, centrado, o alineado a la derecha.

Ten en cuenta que esta configuración se verá afectada por el posicionamiento y la alineación de los bloques circundantes.

¿Ha quedado contestada tu pregunta?