Nota: Si bien hemos traducido las guías más populares al español, algunas guías están disponibles solamente en inglés.
Agregar texto a las cabeceras

Many templates support page banners, where you can add an image, color, or video to the top of the page to introduce your content.

En la mayoría de las plantillas, puedes añadir texto por separado que se mostrará sobre la imagen de cacera. Debido a que se adapta a cualquier tamaño de pantalla o dispositivo móvil, esta es una excelente manera de añadir texto a tu cabecera.

Consejo: Como alternativas a nuestras opciones de banners integrados, puedes agregar un Bloque de imágenes a la parte superior de una Página de Diseño en cualquier plantilla. El Diseño de póster funciona especialmente bien como banner con superposición de texto.

Mira el video

Antes de comenzar

Antes de añadir texto a tu cabecera, aprende cómo añadir una imagen de cabecera.

We don't recommend using a banner image that has text within the actual image file for a couple reasons:

  • Las computadoras no pueden leer este texto, así que los motores de búsqueda no podrán indexarlas para que aparezcan en los resultados de búsqueda.
  • When your banner changes shape to adapt to different browser widths, it's likely that parts of the text will crop, as shown below.

Tipos de texto para la cabecera

Cada plantilla tiene sus propias opciones para las cabeceras. Aquí te mostraremos los tipos más comunes de texto para la cabecera y te recomendaremos algunas plantillas para lograr ciertos efectos. Mira las opciones por plantilla a continuación para ver el texto de cabecera compatible con tu plantilla.

Cabeceras de página

Page banners display at the top of pages, such as Blog Pages or Layout Pages. Most templates create an overlay from the page's title and description.

Plantillas recomendadas: Five, MontaukPacificYork (opciones de cabecera por plantilla)

Descripciones de las cabeceras especiales de página

En algunas plantillas, puedes añadir encabezados y botones a las cabeceras si usas las descripciones de página.

Plantillas recomendadas: Bedford (opciones de cabecera por plantilla)

Cabeceras para objetos de la colección

Los objetos de la colección son las publicaciones del blog, eventos y productos. En algunas plantillas, la información sobre el elemento se mostrará sobre la cabecera.

Plantillas recomendadas: Bedford, Farro, Skye (opciones de cabecera por plantilla)

Cabeceras en el área de introducción

Algunas plantillas admiten un área de encabezado que puedes personalizar con bloques. Este es el encabezado más versátil, que permite usar una amplia variedad de contenido y muchos tamaños de encabezado.

Plantillas recomendadas: BrineMercer, Nueva (opciones de cabecera por plantilla)

Cabecera de la Página de Índice

For templates that support a stacked Index Page, each section creates a banner on the page. Depending on your template, either the page description or the page content displays as an overlay.

Plantillas recomendadas: BedfordMercerPacific (opciones de cabecera por plantilla)

Agregar texto a la cabecera de una página

Most templates with page banners display the page's title and description over each banner.

Nota: Para las plantillas que muestran la descripción de página en la cabecera, las descripciones de página no se deberían usar exclusivamente para añadir contenido basado en la SEO (como se puede hacer en otras plantillas). El uso de descripciones de las páginas para la cabecera no tendrán un efecto negativo en la SEO.

Paso 1 - Agrega el título y la descripción de página

  1. En el Menú de Inicio, haz clic en Páginas.
  2. Posiciona el cursor sobre el título de página en el panel izquierdo y haz clic en gear-icon.
  3. Add text to the Page Title and Page Description fields in the Basic tab.
Consejo: Para mostrar un título diferente en los resultados de búsqueda y en las redes sociales, agrega unTítulo SEO.

Paso 2 - Agrega una imagen en miniatura (recomendado)

Algunas plantillas requieren una imagen de cabecera o video para que se muestre el texto. En la pestaña Medios, añade una imagen miniatura (o la URL de un video en las plantillas compatibles).

Paso 3 - Guarda y actualiza

Haz clic en Guardar, después actualiza la página. Los cambios en la cabecera, en ocasiones, no aparecen en la vista previa del sitio hasta que actualices la página.

Paso 4 - Vista previa

Visualiza tu banner en la vista previa del sitio y, si fuera necesario, usa el panel de Estilos del sitio para ajustar las fuentes y los colores.

Consejo: Puedes crear altura extra en la mayoría de las plantillas si añades espacios en blanco en la descripción. Presiona la tecla Return o Enter entre el texto de la descripción para que se pueda ver mejor la imagen. Esto puede ayudar a solucionar problemas de recorte y expande el largo de la cabecera para lograr un efecto dramático.

Si tu cabecera no se muestra, prueba con estos pasos para resolver problemas:

  1. Actualiza la página.
  2. Verifica la lista de la plantilla para confirmar que tu plantilla admite el texto de cabecera para ese tipo de página.
  3. Abre Estilos del sitio y comprueba si tu plantilla tiene opciones de estilo que ocultan el banner o el texto del banner.
  4. Review your template's Structure and style guide.

Formato especial para el texto de la descripción

In the Bedford family you can format the page description with headers and buttons for certain page types:

  • Páginas de Diseño, de Álbum, de Blog, de Eventos y de Productos

En estas plantillas, usa los pasos de la sección anterior para añadir una descripción. El formato que apliques en el texto de la Descripción de la Página determina cómo se mostrará:

  • Negrita muestra el texto como encabezado.
  • El texto sin formato crea texto normal de descripción.
  • Para añadir un botón a la cabecera, añade un enlace a la última línea.

El texto vinculado solo creará un botón si:

  • El texto del enlace no está en negrita.
  • No hay otro texto ni saltos de línea debajo del enlace.

En el ejemplo a continuación:

  • "Design is not a luxury" (El diseño no es un lujo) se convertirá en el título.
  • El texto "Good design..." (Un buen diseño...) se convertirá en la descripción de texto.
  • El enlace "Learn More" (Más información) se convertirá en un botón.

Después de guardar y actualizar, modifica el estilo del encabezado, la descripción y el botón dentro de Estilos del sitio:

  • Usa la Sección Banner en Estilos del sitio.
  • El título de la página no se muestra.

Añade texto a la cabecera de los objetos de la colección

Las cabeceras para esos objetos de la colección, en general, crean superposición de texto a partir de la configuración para esa publicación del blog, evento o producto. Usa los enlaces a continuación para ajustar la configuración para cada tipo de objeto.

Añadir texto superpuesto en el área de introducción

In the Brine family, the intro area content displays over the banner. You can customize this area with blocks, such as a Text Block or Button Block.

Añadir texto en la cabecera de la Página de Índice

In a stacked Index, each section creates a banner on the page. Either the page description or the page content displays as an overlay in these template families:

  • Bedford - Page description displays over the banner. Format it with headers and buttons.
  • Brine - Page content displays over the banner. To add banner text, add a Layout Page section and customize it with blocks.
  • Pacific - Page content displays over the banner. To add banner text, add a Layout Page section and customize it with blocks.

Modifica el estilo del texto

Use the tweaks in the Site Styles to adjust the fonts and colors. Banner style tweaks will usually affect every banner on your site.

For more information, review the "Structure and style" page in your template's guide.

Opciones de texto de cabecera por plantilla

Here are the banner text options in these template families:

Template family Cabeceras de página Cabeceras para objetos de la colección
Adirondack
  • Sin superposición del texto
  • Entradas del blog, eventos, productos: sin superposición de texto
Bedford
  • Entradas del Blog: título, un elemento de metadatos.
  • Eventos:  sin superposición de texto

Brine

  • Área de bloques abiertos ("área de introducción")
  • El contenido del encabezado (como el título del sitio y los enlaces de navegación) se pueden mostrar sobre el banner.
 

Farro

 
  • Publicaciones de blog: el título de la entrada y hasta cuatro elementos de metadatos

Five

  • Título de página y descripción, el título/logo del sitio y la descripción, o sólo una imagen de cabecera. Conoce más.
 

Montauk

  • Título y descripción de página.
 

Pacific

 

Skye

 

Supply

 
  • Entradas del blog, eventos: sin superposición de texto

Tremont

 

York

  • Título y descripción de página.
 
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 2 de 11