Site Editor Overview

AlonePro is built from the ground up as a 100% Full Site Editing (FSE) block theme. There is no legacy Customizer (Appearance → Customize). All visual styling, header & footer editing, global typography, color palette selection, and template structures are managed directly within the WordPress Site Editor.

Opening the Site Editor

To access the Site Editor:

1. Log in to your WordPress dashboard.
2. In the left navigation menu, go to Appearance → Editor.

The Three Core Navigation Panels

When opening the Site Editor, the left sidebar provides access to the three foundational pillars of your site's design:

1. Templates Panel (Appearance → Editor → Templates)

Templates control the structural layout of entire page types across your website. AlonePro provides complete block templates for:

• front-page: The dedicated homepage template.
• home: The default blog posts index.
• page: Default standard page layout.
• page-container: Centered container layout with padding (custom template).
• page-full-width: Edge-to-edge full width layout.
• about-us, contact-us, frequently-asked-questions: Specialized charity page layouts.
• theme-terms-conditions, theme-privacy-policy: Legal page structures.
• single, archive, search, 404, index: Standard WordPress content and error templates.

2. Patterns & Template Parts Panel (Appearance → Editor → Patterns)

Contains reusable components and modular layout blocks:

• Template Parts: Independent structural components such as header-v2, footer-4-columns, and footer-4-columns-newsletter. Editing a template part updates it across every template where it is inserted.
• Patterns: AlonePro's 38 pre-designed nonprofit section patterns categorized under Banners, Call to Action, and Medical/Education sections.

3. Styles Panel (Global Styles Sidebar)

Click the circular Styles icon (half-black, half-white circle in the upper right toolbar):

• Browse 13 Style Variations with curated color tokens and font pairings.
• Customize global typography (headings, body, links).
• Fine-tune global spacing, layouts, and block-specific default styling.

Editing vs. Customizing: Key Differences