Screen Overview When Entering [Edit Site] After Site Creation
ⓛ Site Name
•
Displays the site name entered during creation.
•
You can edit the site name in the site settings.
② Editing View Mode
•
Adjusts the preview size for mobile, tablet, and desktop views.
•
Allows you to zoom in and out for better visibility.
③ Editing Area
•
Drag and drop individual components from the left panel to the center to arrange them.
•
Added components can be edited by modifying text, changing images, resizing, and adjusting styles to create your desired design.
④ Components
Components are building blocks used to structure a site, categorized into different types:
1.
Recommended Designs → Pre-designed templates that allow you to quickly build a site.
2.
Background → Elements for setting the website background.
3.
Layout → Structural components such as grids and columns for organizing content.
•
Drag and drop a layout component, then adjust its size and style.
4.
Elements → Functional units that make up the site.
⑤ Outline
•
The outline displays a structured list of all components in the editing area.
•
This helps visualize the layout and hierarchy of website elements.
How to Use the Outline
1.
When you add a component to the editing area, it automatically appears in the outline.
2.
Use the outline to easily check the site structure.
3.
Click a component in the outline to quickly edit, delete, or rearrange it.
*Note: Deleting Components
Components have a hierarchical structure, meaning deleting a parent component will also remove all child components.
To keep child components, move them to a different area before deleting the parent component.
⑥ Component Properties & Settings
•
The right settings panel allows you to customize the style of added components.
•
You can adjust font, size, color, spacing, and other properties.
•
The available customization options vary by component type.
⑦ Top Buttons
•
Undo: Reverts the most recent action to the previous state.
•
Redo: Restores an action that was undone using Undo.
•
Preview
◦
View how the current edited site will look when published.
◦
Allows you to experience interactive elements and click events as a real user would.
◦
Supports previews for PC, tablet, and mobile to test responsiveness across devices.
•
Publish
◦
Saves and publishes the edited content as a live website.
◦
Further edits can still be made after publishing. Any changes must be republished to take effect.
◦
Note: Once published, previous versions cannot be restored.
•
More Options
◦
Go to Guide
▪
Check the guide if you encounter difficulties while editing.
◦
View Help
▪
Reopen the help menu that appears when first entering the editor.