Editor de Wix Studio: usar el panel Inspector profesional
4 min de lectura
El panel Inspector profesional es donde puedes editar las propiedades de cada elemento, sección y página del sitio. Elige cómo se redimensionan los elementos en los diferentes breakpoints, ajusta el diseño, agrega interacciones y mucho más.
¿Cómo accedo al panel del Inspector profesional?
![GIF que muestra las diferentes partes del panel Inspector profesional](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/11/07/88519e2b-b8e9-4ac3-a7f6-7842a1d53bd2/d5cd0e49-c329-4525-b61f-3c7a8e1ba65e.gif)
Diseño
La pestaña Diseño es la primera que ves en el panel Inspector profesional. Aquí es donde puedes cambiar el aspecto, el tamaño y la posición del elemento en los distintos breakpoints.
- Tamaño y comportamiento adaptativo: mira el ancho y la altura del elemento y elige cómo se redimensiona en las diferentes pantallas.
- Diseño: cambia los colores, los bordes y el formato del elemento, agrega sombras y mucho más. Las opciones disponibles aquí dependen del tipo de elemento.
- Cursor: Agrega un cursor personalizado a un elemento, sección o página.
- Estilo: ajusta el espaciado, la visualización y la cuadrícula de secciones, celdas, contenedores, repetidores y flexboxes.
- Posición: ajusta el acoplamiento y los márgenes del elemento para que permanezca en su lugar en diferentes tamaños de pantalla. También puedes elegir aquí un tipo de posición (por ejemplo, anclada o adhesiva).
- Ajustar: cambia la apariencia de un elemento aplicando transformaciones (por ejemplo, opacidad, ángulo, sesgo).
- Ancla: agrega un ancla a un elemento o sección para que puedas enlazarlo directamente.
Nota:
Algunas de estas secciones solo están disponibles para ciertos elementos.
![Captura de pantalla de la pestaña Diseño en el Inspector profesional, que muestra las opciones disponibles para un elemento de texto](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/08/2b992f58-444d-4997-896d-43b0f5d142c8/2cd74355-9594-4b18-9985-9e45c2660968.png)
Interacciones
La pestaña Interacciones te permite agregar llamativas animaciones que captan la atención de los visitantes. Después de seleccionar un elemento, sección o página, elige el tipo de animación que deseas:
- Entrada: aparece una animación cuando el elemento se carga por primera vez.
- Pasar el cursor: las animaciones se activan cuando los visitantes pasan el cursor por encima.
- Hacer clic: las animaciones se activan cuando los visitantes hacen clic en un elemento.
- Desplazarse: las animaciones se activan cuando los visitantes se desplazan hacia arriba y hacia abajo en la página.
- Bucle: las animaciones se reproducen en bucle continuo.
![Captura de pantalla de la pestaña Interacciones, que muestra un elemento de texto con varias animaciones aplicadas](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/08/864bf327-cb0f-4ef8-bcb1-8b3a16cecc49/84e4166e-5ce3-4e0f-9c3c-638b378f74b2.png)
Contenido
¿Buscas inspiración? Accede a la pestaña Contenido para obtener ideas de texto, botones, imágenes, formas y arte vectorial. Puedes filtrar las sugerencias por tipo de negocio o cualquier otro término de búsqueda, para que los resultados se ajusten a tus necesidades.
![Captura de pantalla de la pestaña Contenido en el Inspector profesional, que sugiere ideas para un párrafo para una heladería](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/08/60ee7711-4a3a-40b5-a272-003a4955b03e/f6f82aff-7186-47f1-9938-8d98d5a3aaa5.png)
CMS
En Wix Studio, hemos movido los conjuntos de datos al panel del Inspector profesional para que sean más fáciles de usar.
Ahora, cuando accedes al panel Inspector profesional y seleccionas una página, puedes ver todos los conjuntos de datos existentes en la página. También puedes cambiar las conexiones, ajustar la configuración del conjunto de datos o agregar un nuevo elemento, todo desde el panel Inspector profesional.
Selecciona un elemento y haz clic en el icono Conectar a CMS
, para abrir el panel del Inspector profesional automáticamente. En el panel, puedes conectar el elemento a un conjunto de datos, administrar las conexiones, cambiar los ajustes del conjunto de datos o agregar un nuevo conjunto de datos.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/06/16/2d484f5d-e1bf-4d48-9e42-82216e8b88de/08e74518-edad-42f8-b007-c974ba767eb6.png)
Más información sobre cómo usar el CMS en Wix Studio.
![Captura de pantalla de las opciones de conexión que se muestran en el panel Inspector profesional.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2023/06/27/568a651c-bba0-47d2-bbb1-c31bbdd521f4/04053b64-1e8c-42e6-a774-0702fd4a0102.png)
¿Te ha sido útil?
|