Controles del Backend Editor

El Backend Editor presenta la página como un lienzo estructural. Resulta especialmente útil para auditar el anidamiento, cambiar los diseños de columnas y mover secciones completas sin depender de su apariencia en el frontend.

Lienzo del Backend Editor de POM

Controles de fila

Pasa el cursor sobre una fila para ver los controles permitidos para tu rol:

Control visible Resultado
Drag row to reorder Mueve la fila completa a otra posición.
Add column Añade otra columna a la fila.
Diseño de la fila Cambia el número o las proporciones de las columnas.
Edit this row Abre los ajustes de la fila.
Clone this row Crea una copia inmediatamente después de la original.
Toggle row Pliega o despliega la fila solo en el editor.
Delete this row Elimina la fila y todo lo que contiene.

Eliminar una fila también elimina sus columnas y componentes. Guarda una revisión o duplica la fila primero si es posible que necesites recuperarla.

Controles de columna

Las columnas ofrecen un conjunto más reducido de acciones estructurales:

  • Append to this column añade un componente después de los hijos existentes.
  • Prepend to this column añade un componente antes de ellos.
  • Edit this column abre los ajustes de ancho, alineación, fondo, espaciado, visibilidad y opciones avanzadas.
  • Delete this column elimina la columna y todo su contenido.

El selector de diseño de fila es la forma habitual de cambiar las proporciones de las columnas. No añadas columnas vacías solo para crear espacio.

Controles de componente

Controles de un componente en el Backend Editor

Un componente normal puede exponer controles para mover, editar, clonar y eliminar. Los componentes contenedor también pueden exponer un control para añadir elementos secundarios compatibles. Espera a que el destino previsto se resalte antes de soltar un componente arrastrado.

Comportamiento de la barra de herramientas

Las acciones habituales de la barra de herramientas incluyen Add new element, Undo, Redo, Preview, la edición a pantalla completa y la acción de guardado actual de WordPress. Deshacer y rehacer cubren los cambios de la sesión actual del editor; las revisiones guardadas de WordPress son el mecanismo de recuperación para hitos anteriores.

Texto enriquecido y código

Los componentes de texto enriquecido abren un editor de contenido ampliado para párrafos, encabezados, listas, enlaces y medios. Raw HTML utiliza un editor centrado en código y debe reservarse para el marcado que los componentes compatibles no pueden producir. Una etiqueta sin cerrar puede afectar a secciones posteriores, así que previsualiza después de cada cambio en Raw HTML.

Una rutina segura de edición estructural

  1. Pliega las filas no relacionadas con Toggle row.
  2. Mueve o edita una sección.
  3. Vuelve a abrir la fila afectada y confirma sus hijos.
  4. Previsualiza la página renderizada.
  5. Guarda la entrada como un único hito coherente.

Consulta añadir, mover, duplicar y eliminar contenido para comprobaciones específicas de cada operación.