Astra The theme's site builder provides users with full control over site layout. Create headers, footers through an intuitive visual interface,404 pages, or dealing with individual and archived templates, the site builder provides a clear visualized view that makes it easy to manage the layout of the entire site.
![Image [1] - Astra Theme Site Builder: Improving Website Customization Efficiency](https://www.361sale.com/wp-content/uploads/2025/04/20250409163522112-image.png)
Site Builder Introduction
Site builder is a visual tool to view, edit and create different parts of your website like header, footer in one place,404 Page,Hooks, individual and archived templates, etc. The site builder makes it easy to manage individual layout sections and customize them.
Using the Site Builder
To get started with the site builder, first ensure that you have installed and activated the Astra Pro plugin and update Astra themes and plugins to the latest version.
- go into WordPress Dashboard, click Astraand then select Astra Pro Module, enable the site builder switch.
- When enabled, the Astra See in the menu Site Builder Options.
![Image [2] - Astra Theme Site Builder: Improving Website Customization Efficiency](https://www.361sale.com/wp-content/uploads/2025/04/20250409163941856-image.png)
strike (on the keyboard) Site Builder After that, go to the site builder interface. Here, different parts of the site can be created, viewed, or edited, such as the header, footer, and404 pageThe
Creating a new layout
To create a different header layout, simply hover over the head section, click "
![Image [3] - Astra Theme Site Builder: Improving Website Customization Efficiency](https://www.361sale.com/wp-content/uploads/2025/04/20250409164035829-image.png)
This takes you to the default editor page, where you can adjust the layout type as needed, set the sticky header, and choose whether to enable the shrink effect.
![Image [4] - Astra Theme Site Builder: Improving Website Customization Efficiency](https://www.361sale.com/wp-content/uploads/2025/04/20250409164056389-image.png)
- sticky setting: Determines whether the custom headertackinessis displayed, and select whether to enable the shrinking effect. If enabled, the top and bottom blank areas of the header are removed.
![Image [5] - Astra Theme Site Builder: Improving Website Customization Efficiency](https://www.361sale.com/wp-content/uploads/2025/04/20250409164105491-image.png)
- Display Settings: Determines whether the header is displayed throughout the site or only on specific pages or posts. Exclusion rules can be set to specify pages on which this header will not be displayed.
![Image [6] - Astra Theme Site Builder: Improving Website Customization Efficiency](https://www.361sale.com/wp-content/uploads/2025/04/20250409164133733-image.png)
- Device Visibility: Choose whether to display this custom header for different devices (desktop, tablet, mobile).
![Image [7] - Astra Theme Site Builder: Improving Website Customization Efficiency](https://www.361sale.com/wp-content/uploads/2025/04/20250409164141568-image.png)
Edit existing layout
If you need to modify an existing layout, go to Site Builder after All Layouts section to view the existing layout. Hover over the layout and click the "
![Image [8] - Astra Theme Site Builder: Improving Website Customization Efficiency](https://www.361sale.com/wp-content/uploads/2025/04/20250409164314625-image.png)
In the site builder dashboard, you can also see the "
![Image [9] - Astra Theme Site Builder: Improving Website Customization Efficiency](https://www.361sale.com/wp-content/uploads/2025/04/20250409164532791-image.png)
This option is to display the layout in a tabular format, similar to the old Custom Layout view. Here, you can choose to enable or disable specific custom layouts that have been added to the site.
![Image [10] - Astra Theme Site Builder: Improving Website Customization Efficiency](https://www.361sale.com/wp-content/uploads/2025/04/20250409164603641-image.png)
Exclusion rules and display conditions
The site builder provides options for setting display conditions and exclusion rules. For example, it is possible to create exclusive headers for logged-in users or set display conditions for specific pages. You can also choose to customize the time a layout is visible, specifying a specific date and time range.
![Image [11] - Astra Theme Site Builder: Improving Website Customization Efficiency](https://www.361sale.com/wp-content/uploads/2025/04/20250409164307949-image.png)
summarize
Astra The theme's site builder is a powerful tool that makes website customization intuitive and efficient. Easily create and manage different layouts for your website in one place, set display conditions and ensure that these layouts display correctly on different devices and pages. The site builder enhances the website customization experience when it comes to creating new layouts or editing existing ones.
Related articles
Link to this article:https://www.361sale.com/en/49522The article is copyrighted and must be reproduced with attribution.




















![Emoji[wozuimei]-Photonflux.com | Professional WordPress repair service, worldwide, rapid response](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticon[baoquan] - Photon Wave Network | Professional WordPress Repair Services, Worldwide Coverage, Rapid Response](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments