header-logo
Primeros pasosCrea tu sitio web y haz crecer tu negocio con Wix
Crear tu sitioCrea y gestiona tu sitio con las funciones intuitivas de Wix
Cuenta y facturaciónGestiona suscripciones, planes y facturas
Usar las apps móviles de WixGestiona tu negocio y conecta con los miembros
Conectar un dominioAprende a comprar, conectar o transferir un dominio
Administrar tu negocioHerramientas para ampliar tu negocio y tu presencia online
Promocionar tu sitioHerramientas de marketing y SEO para impulsar tu negocio
Wix Studio, Partners y EnterpriseFunciones avanzadas para trabajar de forma eficaz
Obtener ayudaSoluciones, problemas conocidos y contacto
placeholder-preview-image
Wix LearnMejora tus habilidades con nuestros cursos y tutoriales.
Blog de WixObtén consejos para diseño web, marketing y mucho más.
Guía de SEOMejora el tráfico orgánico en buscadores.
Website developmentCrea un sitio con nuestra plataforma full-stack.
Contrata a un profesionalVincúlate con un especialista que te ayude a alcanzar tus objetivos
placeholder-preview-image
En este artículo
  • Personalizar el diseño del texto
  • Personalizar el diseño del botón Expandir/Vincular

Editor de Wix: diseñar un texto contraíble

3 min
En este artículo
  • Personalizar el diseño del texto
  • Personalizar el diseño del botón Expandir/Vincular
Una vez que hayas agregado y configurado el texto contraíble, puedes personalizar su diseño y opciones para que coincidan con el sitio. Ajusta la fuente, el formato y el espaciado para que coincidan con tu marca y se adapten al aspecto y a la alineación del sitio.

Personalizar el diseño del texto

Después de configurar el texto contraíble, puedes personalizar el diseño del mismo, lo que incluye el formato, la alineación y las fuentes.

Para personalizar el diseño del texto:

  1. Ve al editor.
  2. Haz clic en el cuadro de texto.
  3. Haz clic en Cambiar diseño.
  4. Selecciona Texto en el menú desplegable y personalízalo con las siguientes opciones:
    • Estilo: selecciona el tema de texto en el menú desplegable para aplicar rápidamente una fuente y un tamaño al texto.
    • Fuente: elige cómo se ve el texto en el menú desplegable.
    • Tamaño de la fuente: haz que el texto sea tan pequeño o tan grande como quieras.
    • Formato: personaliza aún más el texto con opciones como la negrita y cursiva. También puedes elegir un color de texto, resaltado y contorno.
    • Alineación: cambia la forma en la que se alinea el texto y la dirección en la que entra. 
    • Espaciado de caracteres e interlineado: haz que el espacio entre los caracteres y las líneas sea más pequeño o más pronunciado.
    • Aplicar sombra al texto: agrega una sombra para darle al texto un efecto 3D. Puedes personalizar diferentes aspectos de la sombra para hacerla más o menos dramática.
El panel de diseño de texto contraíble. El cursor pasa el cursor sobre el menú desplegable de fuentes.

Si eliges contraer el texto, puedes diseñar los botones Expandir y Contraer. Si el texto conduce a un enlace, también puedes cambiar el botón Vincular para que se vea exactamente como lo deseas. 

Hay 2 estados que puedes personalizar:
  • Normal: cómo se ve el botón antes de que un visitante interactúe con él.
  • Efecto cursor: cómo se ve el botón cuando un visitante pasa el cursor sobre él.

Para personalizar el botón del cuadro de texto:

  1. Ve al editor.
  2. Haz clic en el cuadro de texto.
  3. Haz clic en Cambiar diseño.
  4. Selecciona Botón para expandir/contraer en el menú desplegable.
  5. Haz clic en la pestaña Normal o Efecto cursor para personalizar el diseño para cada estado con los siguientes ajustes:
    • Estilo: selecciona el tema del texto en el menú desplegable para aplicar rápidamente una fuente y un tamaño al botón.
    • Fuente: elige cómo se ve el texto en el menú desplegable.
    • Tamaño de la fuente: haz que el texto del botón sea tan pequeño o tan grande como quieras.
    • Formato: personaliza aún más el botón al aplicar opciones como la negrita y cursiva a su texto. También puedes elegir un color de texto, resaltado y contorno.
    • Alineación: cambia la forma en la que se alinea el texto y la dirección en la que entra.
    • Espaciado de caracteres e interlineado: haz que el espacio entre los caracteres y las líneas sea más pequeño o más pronunciado.
    • Sombreado: agrega una sombra para darle al botón un efecto 3D. Puedes personalizar diferentes aspectos de la sombra para hacerla más o menos dramática.
El panel de diseño de texto desplegable. El cursor pasa el cursor sobre el control deslizante de tamaño de fuente.

Helpmate

Hola

¿Necesitas más ayuda?
Resumen del artículo
Unlock personalized helpLog in to get the most out of Helpmate.