Getting Started
Build your first page
Stardetha Page Builder adds a visual, drag-and-drop editor to WordPress. This page gets you from a fresh install to a published page.
On this page
Install and activate
Upload the plugin zip via Plugins → Add New → Upload Plugin in your WordPress dashboard, then activate it. Stardetha adds its own menu item to the WordPress admin sidebar, plus an "Edit with Stardetha" button on every page and post.
Create your first page
Create a new page (or open an existing one) and click Edit with Stardetha. This opens the visual editor, which replaces the default WordPress block editor for that page with a live, click-to-edit preview of your site.
A tour of the editor
| Area | What it does |
|---|---|
| Left panel | Browse and drag widgets onto the page; click any element on the canvas to edit its settings here instead. |
| Canvas | A live, editable preview of the page — click any element to select and edit it directly. |
| Top bar | Undo/redo, responsive preview switcher, preview and publish controls. |
| Navigator | A collapsible outline of every section, column and widget on the page, useful once a page gets complex. |
Sections, columns and containers
Pages are built from nested structural elements:
- Section — a full-width horizontal strip that holds one or more columns.
- Column — sits inside a section and holds widgets; columns sit side by side.
- Container — a newer, more flexible alternative to sections/columns built on CSS flexbox, which can nest inside itself. See Flexbox Container in Features for how to switch a page over to it.
Drag a widget from the left panel onto the canvas to add it; drag the small handles that appear on hover to reorder sections, columns or widgets.
Designing for mobile
Use the device icons in the top bar to preview and edit Desktop, Tablet and Mobile independently. Most style controls (spacing, font size, alignment, visibility) can be set per-breakpoint — set the desktop version first, then switch devices and adjust only what needs to change.
Saving and publishing
Use Save Draft while you work, Preview to check the live page in a new tab, and Publish (or Update for an existing page) when it's ready. Stardetha keeps a revision history you can step back through — see Revisions in Tools.