The WordPress pattern library – 20 different Gutenberg template parts


WordPress Getting Started
WordPress Getting Started

Overview of Gutenberg template parts

Header

Footer

Hero section

WordPress templates
WordPress templates

Hero image

Hero video

Call-to-action (CTA) section

This section is designed to prompt users to take a specific action, such as signing up for a newsletter or making a purchase. Effective use of web design page blocks can make CTAs more compelling and increase conversion rates. CTAs are an essential component of the best WordPress block themes.

Subscribe to our newsletter

Features section

Testimonials section

Team members section

Display information about team members, including photos, names, and roles, to personalise your site. This can be achieved using block themes WordPress, making it easy to introduce your team professionally. Team member sections can be integrated into various templates, ensuring consistency.

Pricing table

FAQ section

WordPress theme
WordPress theme

Blog posts section

Portfolio section

Contact information section

Social media links section

Newsletter signup section

Search bar

Build like a pro

Breadcrumb navigation

Breadcrumb navigation helps users understand their location within your site and navigate back to previous pages easily. Using Gutenberg block styles, you can create effective breadcrumb navigation that improves user experience. Breadcrumbs are essential for complex websites with multiple pages.

Sidebar

Error 404 page

Gutenberg template
Gutenberg template

FAQs: Gutenberg template parts

What are Gutenberg template parts?

Gutenberg template parts are reusable sections of a WordPress block-based theme, such as headers, footers, or sidebars. They allow you to build and manage specific parts of your site layout independently using the block editor.

How are template parts different from templates in WordPress?

Templates define the layout of entire pages (like single posts or archives), while template parts are sections used within those templates. For example, a template might include a header and footer—each of which is a separate template part.

Do I need a special theme to use template parts?

Yes, you need a block-based theme that supports full site editing (FSE). Examples include Twenty Twenty-Four and other themes designed specifically for Gutenberg.

Can I edit template parts without code?

Yes, template parts can be edited visually using the WordPress Site Editor. You can customize layout, blocks, colors, and typography directly in the interface—no coding required.

What types of template parts can I create?

Common template parts include:

Header
Footer
Sidebar
Post meta sections
Navigation areas

You can also create custom template parts for use in multiple templates.

Are changes to template parts applied globally?

Yes, when you update a template part (like a header or footer), the changes are reflected across all templates where that part is used. This ensures design consistency site-wide.

Can I export or reuse template parts on other sites?

What happens if I switch themes?

If you switch to a non-block-based theme, your template parts won’t be used, and your site will fall back to traditional PHP templates. Switching between block themes usually preserves your custom template parts.

Author-Kyra

Kyra Pieterse

Author

Kyra is the co-founder and creative lead of MaxiBlocks, an open-source page builder for WordPress Gutenberg.

You may also like