Introduction

Welcome to The Block WordPress theme documentation! This guide is designed to help you get the most out of The Block theme by teaching you how to use its powerful block-based features and make the most of its built-in patterns. Whether you’re new to WordPress block themes or looking to streamline your workflow, this documentation will walk you through every essential step.

With The Block theme, your website is built using blocks-the fundamental units of content in WordPress. Blocks allow you to easily add, arrange, and customize everything from text and images to galleries and buttons, giving you complete control over the look and feel of your pages and posts. The Block theme is designed for simplicity and flexibility, enabling you to create visually stunning layouts without the need for complex templates or custom code.

Features

A key feature of The Block theme is its use of block patterns. Patterns are pre-designed combinations of blocks that you can insert with a click, saving you time and ensuring design consistency across your site. This documentation will show you how to:

• Add and customize individual blocks to build your content.
• Insert, modify, and create your own block patterns to speed up your design process and maintain a cohesive style.
• Understand the hierarchy and structure of block themes, so you can confidently organize your pages and posts.

By following this documentation, you’ll learn not only how to use the blocks and patterns provided by The Block theme, but also how to create your own custom patterns to match your unique vision. Let’s get started and unlock the full creative potential of The Block theme!

Patterns

In WordPress block-based themes, patterns (often called block patterns) are pre-designed, reusable collections of blocks that can be quickly inserted into any post, page, or template. Each pattern is essentially a layout made up of multiple WordPress blocks-such as headings, paragraphs, images, or buttons-arranged in a specific way to create visually appealing sections like testimonials, hero banners, call-to-actions, or entire page layouts. Patterns are designed to streamline the site-building process, allowing users to add complex layouts with just a few clicks and then customize them as needed, without starting from scratch each time.

There are two main types of patterns: regular patterns, which are independent copies that can be edited individually after insertion, and synced patterns (formerly reusable blocks), which update across all instances when edited. Patterns can be created directly in the WordPress editor, registered by theme or plugin developers using PHP, or added from the official Pattern Directory. For theme developers, patterns are a powerful tool to provide consistent, user-friendly designs and speed up development, while for users, they offer an easy way to build and customize content-rich layouts within the block editor.

Slider Pattern

The Block theme Slider Pattern is a responsive carousel pattern designed specifically for block-based WordPress themes. This pattern enables users to create carousels-also known as sliders-directly within the WordPress block editor, allowing for seamless integration with both desktop and mobile layouts. Users can add as many slides as needed, with each slide capable of containing any type of WordPress block, such as images, text, buttons, or even more complex layouts.

Box Columns Pattern

The Box Column pattern is a streamlined block layout featuring three distinct columns, each designed to highlight a key feature. Within each column, there is space for an image, a title, and descriptive text, creating a visually balanced and informative section. This pattern offers a clear, organized way to present main features or services, making it an effective choice for showcasing essential content in a professional and engaging format.

Animated Logos Pattern

The Animated Logos pattern is designed to showcase a series of partner or brand logos in a visually engaging, continuously looping carousel. This pattern displays multiple logo images that scroll or animate in an infinite loop, ensuring ongoing visibility for each brand or partner featured. The animation works seamlessly across desktop and mobile devices, providing a smooth, responsive experience. By presenting logos in an endless loop, the pattern effectively highlights affiliations, sponsors, or clients, making it ideal for building trust and demonstrating credibility on your website. You can easily add as many logos as needed, and the animation ensures that all logos receive equal attention without requiring user interaction.

Contact Person Pattern

The Contact Person pattern is a focused block layout designed to highlight an individual point of contact on your website. This pattern typically features the person’s name, their position or title within the organization, and a brief descriptive text. It also includes a clear call to action-such as a button or link-encouraging visitors to reach out, connect, or learn more. The Contact Person pattern is ideal for introducing team members, support representatives, or key contacts, making it easy for users to identify the right person to connect with and take the next step. Its clean, organized structure ensures that important contact information stands out and is easily accessible.

Featured Columns Pattern

The Featured Columns Pattern is a visually distinctive block layout designed to highlight a sequence of steps or features in a clear, engaging way. It consists of multiple columns, each set against a light background that helps the section stand out from the rest of the page. Each column prominently displays a numbered counter-such as 1, 2, 3-to guide visitors through a process or showcase key points in a logical order. This combination of visual emphasis and structured numbering makes the pattern ideal for presenting step-by-step instructions, feature highlights, or any content that benefits from a clear, sequential layout. The light background and bold counters ensure the content is both eye-catching and easy to follow.

Interactive Columns Pattern

The Interactive Column pattern is a dynamic two-column layout designed to enhance user engagement and streamline information delivery. On the left side, it presents a list of feature titles accompanied by brief descriptions, while the right side displays a detailed explanation of the selected feature. Users can click or tap on any title in the left column to instantly reveal more information about that feature in the right column, making it easy to explore multiple features without leaving the section. This interactive experience works seamlessly on both desktop and mobile devices, ensuring accessibility and usability for all visitors. The pattern is ideal for product features, service highlights, FAQs, or any content that benefits from an organized, interactive presentation.

Pricing Columns Pattern

The Pricing Columns pattern is a structured block layout designed to clearly present different pricing options or packages. Each column typically highlights a specific package and includes a prominent “Recommended” tag to draw attention to the most popular or best-value option. The layout features a large, easy-to-read price, the name of the package, a concise description outlining what’s included, and a clear call to action (CTA) such as a “Sign Up” or “Get Started” button. This pattern makes it simple for visitors to compare packages at a glance and quickly identify the best choice for their needs, while the visually distinct elements ensure key information stands out and encourages user engagement.

Mockup Quote Pattern

The Mockup Quote pattern is a visually appealing layout designed to highlight a testimonial, statement, or key message. It features an image-often a product mockup, user photo, or relevant graphic-positioned on the right side, while the left side displays a prominent title and a descriptive text. This arrangement draws attention to both the visual and written content, making it ideal for showcasing customer quotes, product endorsements, or important highlights. The clean, balanced design ensures that the message is easily readable and the accompanying image reinforces the content, creating a compelling and trustworthy presentation.

Testimonials Pattern

The Mockup Quote pattern is a visually appealing layout designed to highlight a testimonial, statement, or key message. It features an image-often a product mockup, user photo, or relevant graphic-positioned on the right side, while the left side displays a prominent title and a descriptive text. This arrangement draws attention to both the visual and written content, making it ideal for showcasing customer quotes, product endorsements, or important highlights. The clean, balanced design ensures that the message is easily readable and the accompanying image reinforces the content, creating a compelling and trustworthy presentation.

FAQ Accordion Pattern

The FAQ Accordion Pattern is a user interface design commonly used to organize frequently asked questions in a compact, interactive format. It consists of a vertically stacked list of questions, each serving as a clickable header. When a user clicks on a question, the corresponding answer smoothly expands below it, while other answers remain hidden, keeping the layout tidy and easy to navigate. This approach allows users to quickly scan questions and reveal only the information they need, reducing clutter and improving readability, especially on mobile devices where screen space is limited.