Usa la barra de herramientas de texto para dar formato a tu texto.
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:
- Destaca el texto al que quieres dar formato.
- 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.
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.
Color de fondo de bloque
En la barra de herramientas de texto, haz clic en el icono de fondo del bloque para agregar un color de fondo al bloque de texto. El color viene definido por la combinación de colores de la sección. Para cambiarlo, visita Cambiar colores.
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.
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.
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.
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
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.
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.
Cursivas
En la barra de herramientas de texto, haz clic en I para poner el texto en cursiva.
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.
Lista
En la barra de herramientas de texto, haz clic en los íconos de lista numerada y con viñetas para crear listas.
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.
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.
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.
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.
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.
Cita
En la barra de herramientas de texto, haz clic en el ícono de comillas para agregar formato a la cita.
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.
Escala
El ajuste de escala de texto solo se admite en bloques de texto en los 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.
Tachado
En la barra de herramientas de texto, haz clic en el ícono de tachado para agregar formato tachado.
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.