Building Page Layouts

This guide explains how to design a custom Header, Footer, and Home Page using QuickBuildWP Elementor Layout Toolkit.

1. How to Design a Header and Footer for Your Theme

Step 1: Create Header and Footer Sections

1. Log in to your WordPress Admin Dashboard.
2. Navigate to Templates > Saved Templates.
3. Click Add New Template.
4. Choose Section as the template type.
5. Name the section as per your preference:
   • For Header: Header
   • For Footer: Footer
6. Click Create Template.

Step 2: Assign Child Categories

1. Assign the Header template to the Header Child Category of your theme.
2. Assign the Footer template to the Footer Child Category of your theme.

Step 3: Design Using Elementor

1. Open the created sections using Edit with Elementor.
2. Use QuickBuildWP Layout Toolkit:
   • Browse Navbar Templates for the header.
   • Browse Footer Templates for the footer.
3. Customize the templates by adding your logo, navigation menu, social icons, and contact details.

Step 4: Use the Reset Button

• If needed, click the Reset Button in the Layout Toolkit to restore default settings.

Step 5: Save and Publish

1. Once the design is complete, Save the sections.
2. Assign this theme to your setup via QuickBuildWP->Setup section.
3. Browse your website to see your header and footer live.

2. How to Design the Home Page

Step 1: Create the Home Page

1. Navigate to Templates > Saved Templates.
2. Click Add New Template.
3. Select Page as the template type.
4. Name the page Home (or as desired).
5. Assign the page to the Home Category of your Theme.

Step 2: Design with Elementor

1. Edit with Elementor.
2. Use the QuickBuildWP Elementor Layout Toolkit:
   • Browse through Predefined Blocks like Hero Sections, Services, Testimonials, and Contact Forms.
   • Insert and Customize Blocks as needed.

Step 3: Customize Content and Design

• Add content elements like Headings, Images, Videos, and Buttons.
• Adjust Typography, Colors, Backgrounds, and Spacing.

Step 4: Publish

1. Click Publish.
2. Visit the Home Page to see it live.

3. Designing Other Pages

Follow the same steps as above to design additional pages. Create new templates using Templates > Saved Templates and assign them to relevant categories of your QuickBuildWP theme. Use QuickBuildWP Layout Toolkit for maximum design flexibility. Start designing and build stunning WordPress websites with ease!