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?