Ajustar el formato del texto

Usa la barra de herramientas de texto para dar formato a tu texto.

Última actualización: 30 de abril de 2024

Puedes dar formato al texto en el mismo editor en el que agregas texto, como en bloques de texto o leyendas de bloques de imagen.

Esta guía revisa las diferentes formas de dar formato al texto, como establecer el texto de encabezado o párrafo, crear listas, agregar sangrías, y usar negrita o cursiva.

Consejo

Para obtener más información sobre cómo aplicar estilo al texto, como fuentes, colores y espaciado, consulta Cómo modificar el estilo de un texto.

Dar formato al texto

Puedes aplicar el formato a textos mientras lo editas o lo agregas.

Para dar formato al texto en áreas como el bloque de texto y las leyendas del bloque de imagen:

  1. Destaca el texto al que quieres dar formato.
  2. Usa los íconos de la barra de herramientas para aplicar el formato al texto.

Después de usar una barra de herramientas de texto varias veces, podría contraerse en una versión condensada. Haz clic en ... para expandirla.

expand_toolbar.png

Ten presente que ciertas áreas de texto, como los paneles y la configuración de página, tienen distintas opciones de formato. Por ejemplo:

  • El icono de color solo aparece en los bloques de texto de la versión 7.1.
  • La barra de herramientas para el texto de bloque de imagen en la versión 7.0 incluye íconos para poner en negrita y cursiva, vincular, pegar como texto sin formato y borrar el formato. No se admiten otras opciones de formato.
  • El ícono de portapapeles para pegar como texto sin formato no aparece en las áreas que eliminan el formato automáticamente.

Utiliza las secciones siguientes para ver los pasos específicos para cada tipo de formato.

Alinear

En la barra de herramientas de texto, haz clic en el icono de alineación de párrafo para alinear el texto a la izquierda, al centro, a la derecha o justificarlo.

Text_toolbar_align_text_drop-down_menu.jpg

Negrita

En la barra de herramientas de texto, haz clic en la B en negrita.

Nota

si el paquete de fuentes no incluye estilos de fuentes más densos, el texto en negrita puede aparecer de forma diferente en los distintos navegadores. Para mejorar la coherencia del texto en negrita en los distintos navegadores, elige una fuente con más estilos.

Bold_icon_Squarespace_text_toolbar_large_letter_B.png

Código

La forma en que se muestra el código depende de la versión del sitio.

La barra de herramientas de texto no da formato al texto como código. Para mostrar ejemplos de código en el texto, utiliza la opción Mostrar origen en un bloque de código.

En la barra de herramientas de texto, usa el menú desplegable Formato para seleccionar Código. Esto evita que el código aparezca en el bloque de texto para que puedas mostrar ejemplos del código.

Según tus necesidades, tal vez desees usar la opción Mostrar origen en un bloque de código, debido a que este automáticamente formatea los fragmentos de código para que sean legibles.

code.png

Títulos

En la barra de herramientas de texto, utiliza el menú desplegable Formato para crear títulos. Las opciones de título son diferentes según la versión de tu sitio.

Headings_drop-down_Squarespace_text_toolbar.png

Elige entre cuatro niveles de títulos:

  • Título 1
  • Título 2
  • Título 3
  • Título 4

Elige entre tres niveles de títulos:

  • Título 1
  • Título 2
  • Título 3

Consejo

Crea una cita introductoria combinando estilos de título y envolviendo un bloque de texto alrededor de otro.

Efectos de resaltado

Cómo acceder a esta función

El resaltado de texto solo se admite en bloques de texto en sitios de la versión 7.1.

En la barra de herramientas de texto, usa la herramienta Resaltar texto para dar énfasis al texto. En el menú desplegable, selecciona una opción para resaltar texto:

  • Subrayado
  • A mano alzada
  • Onda
  • Cruz
  • Doble
  • Serrado
  • Circle
  • Garabato
  • Subrayado arriba y abajo
  • Diagonal
  • Tachado

Personaliza el resaltado usando las siguientes opciones de estilo:

  • Animación. Elige un estilo de animación: dibujar, desvanecer o desvanecer y ajustar escala. Usa el control deslizante Duración para establecer la duración de la animación. Si eliges la animación de dibujo, usa Dirección para seleccionar si la animación va de izquierda a derecha o de derecha a izquierda.
  • Traer al frente. Habilita para traer el resaltado al frente del texto. Cuando se desactiva, el resaltado aparece detrás del texto.
  • Color. Selecciona un color de la paleta de tu sitio o un color personalizado. Usa el control deslizante para ajustar la opacidad.
  • Extremos. Establece una forma cuadrada o redonda para los extremos del resaltado.
  • Grosor. Ajusta el grosor del resaltado.
Text_highlit_icon_in_the_Squarespace_text_toolbar_letter_a_with_a_squiggle_under_it.png

Sangría

En la barra de herramientas de texto, haz clic en los íconos de aumentar o disminuir sangría para aplicar sangría al texto a la izquierda o a la derecha. La sangría siempre se aplicará a todo el párrafo. No es posible aplicar sangría a una sola línea.

Indent_icon_Squarespace_text_toolbar.png

Cursivas

En la barra de herramientas de texto, haz clic en I para poner el texto en cursiva.

Italic_icon_Squarespace_text_toolbar.png

Enlace

En la barra de herramientas de texto, haz clic en el ícono del enlace. Puedes enlazar a:

  • Una página externa
  • Una página interna
  • A un archivo
  • A una dirección de correo electrónico
  • A un número de teléfono

Para ver los pasos detallados, visita Añadir enlaces a tu sitio.

Link_icon_Squarespace_text_toolbar.png

Lista

En la barra de herramientas de texto, haz clic en los íconos de lista numerada y con viñetas para crear listas.

List_icons_Squarespace_text_toolbar.png

Monoespacio o texto de código

El texto de monoespacio tiene la misma cantidad de espacio horizontal entre cada carácter. El nombre de este texto depende de la versión del sitio.

En la barra de herramientas de texto, haz clic en el menú desplegable Formato y selecciona Monoespacio.

Para obtener información sobre las opciones de tamaño, fuente y color para el texto de monoespacio, visita Cómo aplicar estilos a un texto.

Monospace_drop-down_Squarespace_text_toolbar.png

En la barra de herramientas de texto, haz clic en el menú desplegable Formato y selecciona Código.

Para obtener más información sobre las opciones de tamaño y color para el texto de código, visita Cómo aplicar estilos a un texto. No es posible cambiar el estilo de fuente.

code.png

Párrafo o texto normal

Aplica formato al cuerpo del texto principal del sitio mediante la barra de herramientas de texto. El nombre de este texto depende de la versión de tu sitio.

En la barra de herramientas de texto, utiliza el menú desplegable para elegir la opción Párrafo y añadir el cuerpo del texto normal. Elige entre tres niveles de texto de párrafo:

  • Párrafo 1
  • Párrafo 2
  • Párrafo 3

Para obtener información sobre las opciones de tamaño, fuente y color para el texto de párrafo, visita Cómo aplicar estilos a un texto.

Paragraph_drop-down_Squarespace_text_toolbar.png

En la barra de herramientas de texto, selecciona Normal en el menú desplegable para agregar cuerpo del texto normal.

Para ver qué ajustes de estilo cambian la fuente, el tamaño y el color del cuerpo del texto, visita Cómo aplicar estilos a un texto.

normal.png

Pegar como texto sin formato

Si copiaste texto de un programa externo, pégalo en el bloque como texto sin formato haciendo clic en el ícono del portapapeles de la barra de herramientas de texto.

Paste_as_plain_text_icon_Squarespace_text_toolbar.png

Cita

En la barra de herramientas de texto, haz clic en el ícono de comillas para agregar formato a la cita.

Quote_icon_Squarespace_text_toolbar.png

Eliminar el formato

En la barra de herramientas de texto, haz clic en el ícono de quitar formato para eliminar el formato del texto. Esto puede resultar útil si pegas texto de otras fuentes o si deseas empezar de nuevo. En los bloques de texto de la versión 7.1, también se eliminan los colores de texto personalizados.

Squarespace_text_toolbar_clear_text_formatting_button.jpg

Escala

Cómo acceder a esta función

El ajuste de escala de texto solo es compatible con algunas familias de plantillas 7.0 y bloques de texto en sitios de la versión 7.1 .

Para establecer el tamaño del texto para que ocupe el ancho del bloque sin saltos de línea, independientemente del tamaño del navegador, haz clic en el ícono de escala de texto en la barra de herramientas de texto Esta opción es la mejor para títulos o titulares breves; el texto más largo puede parecer demasiado pequeño, especialmente en los navegadores móviles.

Cuando se ajusta la escala del texto, otros ajustes de tamaño no la afectarán. Puedes usar formato de título o de párrafo para que coincidan con otros estilos, como fuentes, y para optimizar tu texto para el SEO.Puedes seguir poniendo texto en negrita, cursiva y tachado cuando se ajuste la escala, y cambiar su color, pero algunas opciones, como listas y citas extraídas, no funcionarán. 

Scaling_text_icon_Squarespace_text_toolbar.png

Tachado

En la barra de herramientas de texto, haz clic en el ícono de tachado para agregar formato tachado.

Strikethrough_icon_Squarespace_text_toolbar.png

Subrayado

Las opciones de subrayado varían según la versión del sitio.

Algunas áreas, como las pantallas de bloqueo y los mensajes emergentes con promociones, tienen opciones de subrayado, pero los bloques de texto no admiten el subrayado de texto con la barra de herramienta de texto.

También puedes resaltar texto y usar el atajo de teclado + U en un Mac o Ctrl + U en Windows para agregar un subrayado.

Considera cuidadosamente la ubicación del subrayado, ya que los visitantes a menudo suponen que el texto subrayado es un enlace y pueden intentar hacer clic en este.

Algunas plantillas tienen opciones en Estilos del sitio para subrayar tipos específicos de texto. Utiliza el cuadro que sigue para revisar el tipo de texto que puedes subrayar en esas familias de plantillas.

También puedes resaltar texto y usar el atajo de teclado + U en un Mac o Ctrl + U en Windows para agregar un subrayado.

Considera cuidadosamente la ubicación del subrayado, ya que los visitantes a menudo suponen que el texto subrayado es un enlace y pueden intentar hacer clic en este.

Familia de plantillas

Texto que puedes subrayar

Adirondack

Títulos de páginas y títulos de publicaciones de blog

Avenue

Enlaces del cuerpo

Aviator

Ninguna

Bedford

Ninguna

Brine

Encabezado de la barra de búsqueda

Farro

Encabezado de la barra de búsqueda

Five

Título del sitio de la barra lateral y texto H3 de la barra lateral

Flatiron

Ninguna

Forte

Enlaces del cuerpo

Galapagos

Ninguna

Ishimoto

Ninguna

Momentum

Enlaces del cuerpo

Montauk

Ninguna

Native

Enlaces del cuerpo

Pacific

Ninguna

Skye

Enlaces del cuerpo

Supply

Ninguna

Tremont

Vínculos de navegación y enlaces del menú Índice

Wells

Ninguna

Wexley

Enlaces del cuerpo

York

Ninguna

Solución de problemas

Si copias y pegas contenido de programas como Microsoft Word o Google Drive, el texto podría llevar un estilo oculto que interfiere con el formato de Squarespace. Si tienes problemas con el espaciado o los títulos del texto pegado, consulta Cómo corregir el formato del texto para obtener ayuda.

Considera contratar a un diseñador independiente a través del Squarespace Marketplace para personalizar el texto de tu sitio.

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.