Descripción de la separación automática de palabras en la versión 7.0

Última actualización: 22 de agosto de 2024

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.

Cómo acceder a esta función

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

long-header.png

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:

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:

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:

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.

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.

Descripción de la separación automática de palabras en la versión 7.0