Page Editor Introduction


OperationDescription
⓵ Top Navigation Bar・View page status and last save time

・Switch between device modes or customize canvas width

・Set page name, dimensions, active time, SEO info, and auto-save function

・Save, preview, or publish page
⓶ Add ComponentsView component options or system Section templates; click and hold to drag and add them to the canvas.


⚠️ If you are adding the first component to a blank canvas, please drag the component to the top of the canvas and wait for the blue positioning line to appear before releasing the mouse.
Layer Tree・View the component structure of the entire page

・Drag, rename, copy, or delete specific components
CSS EditorUse CSS syntax to achieve advanced styling effects not yet supported by the component panel
Template LibraryView or apply templates; if it's a custom Section template, you can also edit it
⓺ BreadcrumbsAfter selecting a component, you can view its parent structure
⓻ CanvasThe main area for editing page content; click on the canvas to switch between different components, and the right-side component settings panel will change accordingly
⓼ Set Base TagsDetermine which AMP tags this section should be associated with, which will affect the settings of child components below
⓽ Configure Component DetailsIn the [Settings] tab, decide what content the component should display; in the [Style] tab, decide how to display it

Did this page help you?