Editor X: agregar y personalizar texto

7 min de lectura
El Editor X está en proceso de transición hacia Wix Studio, nuestra nueva plataforma para agencias y freelancers.Más información sobre Wix Studio
El texto es una de las partes más importantes de tu sitio. Crea un texto interesante y atractivo para captar la atención de tus visitantes y personaliza su aspecto y cómo se comporta en diferentes breakpoints.
En este artículo, aprenderás a hacer lo siguiente:

Agregar exto

Agrega texto desde el panel Agregar en la parte superior del Editor. El panel Agregar contiene texto temático que coincide con tu sitio.

Para agregar texto:

  1. Haz clic en Agregar elementos en la parte superior del Editor X.
  2. Haz clic en Texto.
  3. Arrastra un elemento de texto a la página:
    • Estilos de texto: agrega un encabezado o un párrafo que coincida con el estilo de tu sitio.
    • Títulos: elige una de nuestras diversas sugerencias de títulos para usar en tu página. 
    • Texto contraíble: este elemento es ideal para fragmentos de texto largos que pueden parecer abrumadores al principio. Oculta parte de tu texto y los visitantes pueden hacer clic en él para leer más. 
    • Máscara de texto: agrega tu texto y rellénalo con una imagen, un video o un degradado para que se destaque. 
  4. Haz clic en Editar texto y escribe el texto.
Corrector de ortografía:
El Editor X utiliza el corrector de ortografía de tu navegador cada vez que agregues texto a tu sitio. No necesitas habilitarlo, simplemente comienza a escribir dentro de un elemento de texto para verlo en acción. Si no puedes ver si el corrector de ortografía está funcionando, asegúrate de que esté habilitado en tu navegador. 

Dar formato a tu texto

Darle formato al texto ayuda a organizarlo para lograr una comunicación más clara. Hay miles de combinaciones posibles. Alinear, usar viñetas o numerar tu texto para mantenerlo ordenado. Agrega cursiva, subraya, resalta o utiliza negrita para que se destaque. 
Puedes dar formato a tu texto de diferente manera en diferentes breakpoints.

Para dar formato a tu texto:

  1. Haz clic en el cuadro de texto al que deseas dar formato.
    Consejo: Mantén presionada la tecla Shift para seleccionar y dar formato a varios cuadros de texto a la vez.
  2. Haz clic en Editar texto.
  3. (En el Inspector profesional) Formatea tu texto con las siguientes herramientas:
Herramienta de formato
Explicación
Procedimiento
Tema
Estos temas se han creado para que coincidan con tu sitio. Puedes editar un tema y guardar los cambios para poder usarlo de nuevo en tu sitio.
Haz clic en el menú desplegable Tema y selecciona un tema. Personaliza el tema con las herramientas de formato, luego haz clic en Actualizar el tema para guardar los cambios en el tema.
Fuente
Elige entre cientos de fuentes. También puedes cargar tus propias fuentes y agregar fuentes de idiomas.
Haz clic en el menú desplegable Fuente y elige una fuente. 
Alterar texto
Configura el tamaño máximo y mínimo del texto en todos los breakpoints. 
Haz clic en el icono Alterar texto e ingresa los tamaños mínimo y máximo.
Tamaño de la fuente
Configura un tamaño de fuente específico.
Haz clic en el menú desplegable Tamaño de la fuente y configura el tamaño.
Negrita 
Pon el texto en negrita.
Haz clic en el icono Negrita.
Cursiva 
Pon el texto en cursiva.
Haz clic en el icono Cursiva.
Subrayado
Subraya el texto.
Haz clic en el icono Subrayado.
Color
Cambia el color del texto.
Haz clic en el icono Color y selecciona un color.
Resaltar
Agrega un color al fondo del texto para resaltarlo.
Haz clic en el icono Resaltar y selecciona un color.
Enlace de texto
Incluye un hipervínculo en tu texto para que cuando los visitantes hagan clic en él, los dirija al destino vinculado.
Haz clic en el icono Enlace, elige el destino del enlace e introduce sus detalles.
Alinear
Alinea el texto a la izquierda, al centro o a la derecha, o justifícalo en todo el cuadro de texto.
Haz clic en un icono de alineación.
Espaciado de líneas
Cambia el espacio entre las líneas del cuadro de texto. Puedes establecer una cantidad específica o utilizar el espaciado automático.
Haz clic en el icono Espaciado de líneas y configura el espaciado o haz clic en Espaciado automático para rellenar automáticamente la caja de texto.
Espaciado de caracteres
Cambia el espacio entre los caracteres del cuadro de texto.
Haz clic en el icono Espaciado de caracteres y configura la cantidad de espacio entre los caracteres.
Lista con viñetas
Crea una lista y agrégale viñetas.
Haz clic en el icono Lista con viñetas para agregar viñetas.
Lista numerada
Crea una lista numerada.
Haz clic en el icono Lista numerada para agregar números.
Sangría
Agrégale sangría a tu texto.
Haz clic en Reducir sangría o Aumentar sangría para cambiar el tamaño de la sangría.
Dirección del Texto
Cambia la dirección del texto de izquierda a derecha y de derecha a izquierda.
Haz clic en el icono Dirección del texto.
Taguear encabezado
Usa las etiquetas de encabezado para estructurar el contenido a fin de mejorar la optimización SEO de tu sitio web y contribuir a la accesibilidad. 
Haz clic en el menú desplegable Etiqueta de encabezado y selecciona una etiqueta.
Notas:
  • No se puede vincular el texto que se extiende en más de dos párrafos. Esto significa que si tienes dos palabras u oraciones separadas por Enter, actúan como dos párrafos y no puedes enlazarlas a la vez. Puedes vincular texto que se extiende a lo largo de dos párrafos si utilizas Shift + Enter para crear el espacio de línea en lugar de Enter.
  • Puedes eliminar el subrayado del texto con hipervínculo seleccionando el texto vinculado y haciendo clic en el icono Subrayado.
  • Wix tiene licencias para las fuentes en el Editor X. Están disponibles SOLAMENTE para uso digital y dentro de tu sitio Wix. Para obtener más información, consulta los Términos de Uso de Wix. No puedes descargar las fuentes para usarlas, pero puedes buscar las versiones de código abierto e instalarlas en tu computadora. Ten cuidado con las fuentes que se encuentran en las URL externas. Estos no son propiedad de Wix, de modo que debes comunicarte con el autor y solicitar permiso para usarlas.

Cambiar el color de la viñeta o de la numeración

Haz que tus listas sean más interesantes eligiendo un color para el texto y otro diferente para las viñetas o la numeración. 

Para cambiar el color de las viñetas o números:

  1. Haz clic en el cuadro de texto correspondiente.
  2. Haz clic en Editar texto.
  3. Elige un color para tus viñetas o números:
    1. Resalta todo el texto dentro del cuadro de texto (incluidas las viñetas o los números).
    2. Selecciona el color que desees.
      Nota: Todo el texto del cuadro de texto cambia al color seleccionado.  
  4. Elige un color diferente para el texto:
    1. Resalta el texto correspondiente (sin su viñeta / número).
    2. Selecciona el color que desees.
      Nota: El texto cambia al nuevo color, pero las viñetas y los números siguen siendo del color que elegiste en el paso 3.

Texto adaptable en todos los breakpoints

Con el Editor X, puedes configurar el aspecto de tu texto en todos los tamaños de pantalla. A continuación encontrarás algunas herramientas útiles para ayudarte a crear el texto perfecto.

Tamaño del texto

Haz clic en el icono Escalar texto para establecer el tamaño máximo y mínimo de tu texto en los distintos breakpoints. Esto significa que el tamaño del texto se ajusta a la pantalla del visitante, pero siempre dentro del rango que tú definas.
Esto ayuda a garantizar que el texto se ajuste a todas las pantallas posibles sin superponer otros elementos ni ocupar más espacio que el que deseas. 
Consejo:
Si has configurado los tamaños mínimo y máximo y el texto aún termina en renglones adicionales, intenta aumentar el ancho de la caja de texto para permitir más espacio para que el texto cambie de tamaño.

Apilar texto

Al ver tu sitio desde una pantalla más pequeña, con frecuencia los elementos cambian de tamaño, lo que podría ocasionar la pérdida de información importante. El apilamiento garantiza que el texto nunca se superponga a otros elementos, independientemente del tamaño de la pantalla, al crear una caja flexible que le da a cada componente su espacio.
El apilamiento también es útil para las cajas de texto que siempre deben aparecer juntas, como un encabezado y un párrafo. De esta manera, continúan juntos en todos los breakpoints.
Para usar el apilamiento, haz una selección múltiple de los elementos de texto y haz clic en Apilar.
Obtén más información sobre el apilamiento de elementos.

Tamaño fijo vs. fluido

Usa el Inspector a la derecha del Editor para establecer cómo se redimensiona el texto cuando cambia el breakpoint.
  • Fijo: el texto mantiene un tamaño fijo en cada breakpoint.
  • Fluido: el ancho del texto se agranda y se achica de acuerdo con el tamaño del breakpoint.

¿Te ha sido útil?

|