Backend Editor controls
The Backend Editor presents the page as a structural canvas. It is particularly useful for auditing nesting, changing column layouts, and moving complete sections without depending on their frontend appearance.
Row controls
Hover over a row to reveal the controls allowed for your role:
| Visible control | Result |
|---|---|
| Drag row to reorder | Moves the complete row to another position. |
| Add column | Adds another column to the row. |
| Row layout | Changes the number or proportions of columns. |
| Edit this row | Opens the row settings. |
| Clone this row | Creates a copy immediately after the original. |
| Toggle row | Collapses or expands the row in the editor only. |
| Delete this row | Removes the row and everything inside it. |
Deleting a row also removes its columns and components. Save a revision or duplicate the row first when you may need to recover it.
Column controls
Columns provide a smaller set of structural actions:
- Append to this column adds a component after the existing children.
- Prepend to this column adds a component before them.
- Edit this column opens width, alignment, background, spacing, visibility, and advanced settings.
- Delete this column removes the column and all of its contents.
The row layout selector is the normal way to change column proportions. Do not add empty columns solely to create space.
Component controls
A normal component can expose move, edit, clone, and delete controls. Container components can also expose an add control for compatible child items. Wait for the intended destination to highlight before releasing a dragged component.
Toolbar behavior
Common toolbar actions include Add new element, Undo, Redo, Preview, full-screen editing, and the current WordPress save action. Undo and redo cover changes in the current editor session; saved WordPress revisions are the recovery mechanism for earlier milestones.
Rich text and code
Rich-text components open an expanded content editor for paragraphs, headings, lists, links, and media. Raw HTML uses a code-focused editor and should be reserved for markup that supported components cannot produce. One unclosed tag can affect later sections, so preview after every Raw HTML change.
A safe structural-editing routine
- Collapse unrelated rows with Toggle row.
- Move or edit one section.
- Reopen the affected row and confirm its children.
- Preview the rendered page.
- Save the post as one coherent milestone.
See Add, move, duplicate, and delete content for operation-specific checks.