Navigator, Layers, and Reusable Sections

Step 1: Read the Element Tree
Open Navigator when the canvas is crowded or an element is hard to click. Read the parent, slot, and child relationships before moving anything. Select the exact heading, image, button, column, or section by name so a small content update never removes the surrounding page structure.

Step 2: Name Important Layers
Give major sections and reusable elements descriptive names. Names such as Home Hero, Pricing Grid, or Contact Button make later support and team editing much safer than a long list of generic sections. Keep stable element identifiers when replacing content so responsive values and extension data remain connected.

Step 3: Reuse the Right Structure
Use a section or page template when the same structure belongs in several places. Insert a reviewed starter, then replace its sample copy, media, links, and accessibility text. Reuse should reduce repeated work without turning every page into an identical block of unrelated content.

Step 4: Manage Shared Templates
Use Builder Templates and Theme Builder for headers, footers, page shells, archives, search, 404 pages, and other shared layouts. Confirm the role and display conditions before publishing. A shared template change can reach many routes, so test one matching and one nonmatching page before completing the update.
