Los sitios de la versión 7.0 separan palabras entre los distintos renglones con guiones.

Los guiones (-) separan las palabras que se extienden más allá de los márgenes de un área de texto. Solo algunos navegadores web lo hacen automáticamente. Si una palabra de un sitio se extiende más allá del navegador, es posible que los visitantes tengan que desplazarse hacia un lado para leerla.

Para mantener tu texto visible, Squarespace separa automáticamente (o "envuelve") las palabras que son demasiado largas al siguiente renglón. Como parte de esta separación, agregamos guiones a los encabezados para mostrar cuándo una palabra se divide en dos líneas. Esto hace que tu sitio sea adaptable a dispositivos móviles y otros navegadores más estrechos.

Esta guía es para la versión 7.0. El texto no se separa en sílabas en la versión 7.1.

No quiero que mi texto se separe en sílabas

No hay una forma integrada para deshabilitar la separación automática en sílabas, pero si no te gusta cómo se ve, prueba estas opciones.

Haz que tu texto sea más corto

Para evitar la separación en sílabas en los encabezados tanto como sea posible, intenta ajustar el texto para que ocupe menos espacio:

• Ajusta la fuente, el tamaño y el espaciado.
• Acorta las palabras.
• Si tu sitio admite escalar fuentes, reduce el tamaño mínimo para que el encabezado pueda achicarse según sea necesario.
• Reemplaza las direcciones de correo electrónico largas por un enlace a la dirección de correo electrónico.
• Reemplaza las URL largas por texto vinculado o un botón.

Amplía el contenedor

Un contenedor es el cuadro invisible en el que se muestra tu texto. Por ejemplo, si tu Bloque de texto se muestra en una barra lateral, el contenedor sería el ancho de la barra lateral.

Cuanto más estrecho sea el contenedor, más probable es que veas palabras separadas en sílabas. Aquí hay algunas opciones para ajustar el ancho de los contenedores donde se muestra el texto:

• Asegúrate de que tu texto esté en una sola columna.
• Para los elementos de una cuadrícula, disminuye la cantidad de elementos por fila para que cada elemento tenga más espacio. Por ejemplo, en una página de blog en cuadrícula/apilada, reducirías el ajuste de Publicaciones por fila (máximo).
• Si tu sitio tiene ajustes para modificar el ancho del sitio o de la página, intenta aumentarlo. Encontrarás esos ajustes en Estilos del sitio.
• Si tu sitio está en la versión 7.0, explora tu guía de plantillas para conocer más opciones, como la configuración del recuadro de contenido.

Usa un código personalizado para deshabilitar la separación en sílabas

Si tienes conocimientos de programación, puedes agregar código personalizado a CSS para eliminar los guiones. Ten presente que se trata de una modificación avanzada. Al igual que todos los códigos personalizados, no se garantiza que esto funcione y podría interferir con el diseño de tu sitio.

Este tema surgió en nuestro Squarespace Forum, y puedes ver la publicación aquí para informate mejor y para obtener código de ejemplo.

Nota: Las modificaciones personalizadas del código están fuera del alcance de nuestro soporte. Esto significa que no podemos ayudarte más con la configuración o la solución de problemas. Además, con una solución basada en un código, no podemos garantizar su funcionamiento o la compatibilidad total con Squarespace. Esto incluye cómo funciona con nuestro diseño adaptable, en especial su aspecto en dispositivos móviles y sus funciones en todas las plantillas. El código personalizado tambié pueden ocasionar problemas de visualización con actualizaciones futuras de nuestra plataforma. Aunque no podemos ayudarte más, hay muchos recursos que te pueden orientar en la dirección correcta:

• Infórmate sobre las mejores prácticas para agregar código personalizado.
• Lee nuestra guía general sobre las personalizaciones de basadas en código.
• Visita Squarespace Forum, nuestro foro para clientes y desarrolladores.
• Contrata a un Squarespace Expert para ayudar a crear código personalizado para tu sitio.

Mi texto no se separa en sílabas

En algunos casos, es posible que el texto de tu sitio web no se separe en sílabas automáticamente, incluidos:

• Títulos del sitio
• El cuerpo del texto
• URL
• Direcciones de correo electrónico

Algunas plantillas también pueden evitar que se rompa cierto texto, como el texto del banner en la plantilla York.

Si esto sucede, agrega un guión y un espacio manualmente o sigue las sugerencias anteriores para optimizar tu texto, reemplazarlo o ampliar el contenedor.