Editar los ajustes de un componente

Cada componente define sus propios ajustes. El diálogo muestra solo los campos compatibles con ese componente, y algunos campos aparecen únicamente después de seleccionar otra opción.

Abrir el diálogo correcto

1. Identifica el componente en el lienzo.
2. Selecciona su control de edición.
3. Confirma el nombre del componente en el diálogo antes de cambiar nada.

Editar la fila o columna circundante no cambiará el contenido de un componente hijo.

Leer los ajustes según su propósito

Los diálogos pueden agrupar los campos de formas distintas, pero los propósitos comunes incluyen:

• Content: texto, medios, enlaces, selecciones o fuentes de datos;
• Spacing: relleno u otros valores de espaciado compatibles;
• Visibility: los rangos de pantalla en los que el componente permanece visible;
• Advanced: clases, identificadores, apilamiento, animación o comportamiento especializado;
• grupos específicos de funciones como fondo, controles, estilos u opciones de consulta.

No esperes que todos los grupos aparezcan en cada componente.

Respetar las dependencias

Una elección puede mostrar campos adicionales. Por ejemplo, seleccionar un centro de mapa personalizado expone la latitud y la longitud; elegir un vídeo de fondo expone ajustes específicos de la fuente. Completa los campos recién visibles antes de guardar.

Al desactivar una función, comprueba si los valores dependientes ocultos seguirán importando si la función se vuelve a activar más adelante.

Guardar en dos etapas

Guardar el diálogo devuelve sus valores al lienzo del constructor. No actualiza necesariamente la entrada de WordPress.

1. Guarda el diálogo del componente.
2. Previsualiza el resultado.
3. Selecciona Update, Publish o Submit for Review para la entrada.

Cambiar el fondo de una fila o columna

Usa el control de edición de la fila o columna, incluso cuando esté dentro de la diapositiva de un deslizador.

1. Abre Background y usa Select main background image para elegir una imagen de la biblioteca de medios. También puedes sustituir la URL directamente.
2. Usa Select mobile background image por separado cuando el diseño necesite una imagen distinta en pantallas pequeñas.
3. Guarda el diálogo del componente y vuelve a abrirlo para comprobar que la imagen elegida sigue seleccionada.
4. Para eliminar una imagen de fondo, usa su control de eliminación y guarda el diálogo del componente. La imagen permanece en la biblioteca de medios.
5. Guarda o actualiza la entrada de WordPress y verifica el fondo en la previsualización de la página a anchos de escritorio y móvil.

Cerrar el diálogo del componente sin guardar descarta los cambios de imagen pendientes. Guardar un componente no publica la página; sigue Save, update, preview, and publish para terminar.

Preferir los controles compatibles

Usa los campos propios de un componente antes de añadir Raw HTML, clases personalizadas o estilos en línea. Los controles compatibles conservan el comportamiento responsivo y son más fáciles de entender para otro editor.

Si un cambio necesita una clase o un ID, sigue Use CSS classes and identifiers safely.