Greyd Theme / Greyd WP

The Greyd Theme offers a range of options and customizations that allow users to create visually cohesive and flexible WordPress websites. This article outlines the core components available in the theme, including style variations, templates, patterns, and specific editor behaviors.

The Greyd Global Styles are described in a separate article.

Style Variations

In addition to the default purple and yellow design, the Greyd Theme includes seven additional style variations. Each variation defines a unique color scheme for your site. The following styles are available:

These variations affect the visual identity of your site globally and serve as a base for other design elements like section styles and patterns.

Section Styles

Section Styles are pre-defined color sets (background, text and link) that can be applied to Group and Columns blocks within the editor. The colors are picked from the active Style Variation or any adjustments that have been made. With a single click, users can switch between Contrast, Neutral, and Primary styles.

Templates

The Greyd Theme includes a comprehensive set of templates for common page types. These include the following templates:

• All Archives (archive.html)
• Blank (blank.html)
• Blog Home (home.html)
• Index (index.html)
• Page with Title (page-with-title.html)
• Page: 404 (404.html)
• Pages (page.html)
• Search Results (search.html)
• Single (single.html)

All templates are built using WordPress block templates and can be customized directly within the Site Editor. Users can also create and add new templates to suit specific use cases.

Template Parts

Header and footer areas are managed using template parts, offering several layout options. These template parts can be assigned and edited individually for maximum layout flexibility. The following template parts are included:

• Header
  • Header Advanced
  • Header Centered
  • Header Right Aligned
  • Header Simple (Default)
  • Header Simple Dark
• Footer
  • Footer with Four Columns, Dark
  • Footer with Four Columns (Default)
  • Footer with Menus, Dark
  • Footer with Menus
  • Footer Simple, Centered
  • Footer Simple
  • Footer with Three Columns, Dark
  • Footer with Three Columns

Patterns

The Greyd Theme includes over 70 pre-designed block patterns. These are organized into categories:

• Call To Action (12 patterns)
• Columns (19 patterns)
• Content (19 patterns)
• General (4 patterns)
• Hero (12 patterns)
• Pages (4 patterns)
• Posts (5 patterns)
• Pricing (3 patterns)
• Testimonials (2 patterns)

Some patterns come in multiple color variants, matching the selected Style Variation. Patterns are accessible from the block inserter and provide quick layout solutions without manual design work.

Difference Between Greyd Theme and Greyd WP

Functionally, the Greyd Theme and Greyd WP theme offer an identical experience in terms of templates, patterns, and global styles. However, they differ in four key aspects:

• How translations are handled
• The update mechanism (custom updater vs. WordPress.org theme repository)
• Minor differences in the theme dashboard layout
• Breakpoint settings in the Greyd Global Styles are only available if the Greyd Plugin is active

Users starting with the free Greyd WP theme can seamlessly continue to use it with the premium Greyd Plugin without needing to switch themes.

Editor: Main Tag Warning

To support accessibility best practices, the theme includes a built-in check in the Site Editor to ensure that templates contain exactly one <main> tag. This tag is required by WordPress to generate the “Skip to Content” link automatically. If no <main> tag is found or if more than one is present, a warning message appears.

• If there are too many tags found, reduce the number to one, with one group remaining that contains the Content block and has the <main> tag assigned.
• If there are no tags found, add the Content block in a group. Go to the Group settings in the sidebar to the Advanced section and choose <main> from the HTML Element setting.

All default templates in the Greyd Theme already include the appropriate structure. The warning will disappear once the template is corrected and saved.

Dashboard

The theme dashboard provides useful links and highlights key features. Depending on whether you’re using the Greyd Theme or Greyd WP theme, the interface varies slightly. The premium version includes links to the plugin dashboard, while the free version gives you an overview of the available plugin features. The sidebar offers quick access to the official WordPress theme support forum, the Greyd help center, and recent changelog entries. In the main dashboard area, you’ll find shortcuts to important areas such as Global Styles and the Template Editor.