{"id":157,"date":"2025-05-19T16:21:18","date_gmt":"2025-05-19T16:21:18","guid":{"rendered":"https:\/\/theblocktheme.com\/?page_id=157"},"modified":"2025-05-19T16:21:44","modified_gmt":"2025-05-19T16:21:44","slug":"documentation","status":"publish","type":"page","link":"https:\/\/theblocktheme.com\/?page_id=157","title":{"rendered":"Documentation"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-1731824d wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading\">Documentation<\/h1>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--10)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3506bd9a wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column ttf-sidebar is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:20%\"><form role=\"search\" method=\"get\" action=\"https:\/\/theblocktheme.com\/\" class=\"wp-block-search__no-button wp-block-search\"    ><label class=\"wp-block-search__label screen-reader-text\" for=\"wp-block-search__input-1\" >Search<\/label><div class=\"wp-block-search__inside-wrapper\" ><input class=\"wp-block-search__input\" id=\"wp-block-search__input-1\" placeholder=\"\" value=\"\" type=\"search\" name=\"s\" required \/><\/div><\/form>\n\n\n<h4 class=\"wp-block-heading\">Documentation<\/h4>\n\n\n\n<div class=\"wp-block-group ttf-side-links has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column ttf-documentation is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:80%\">\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">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\u2019re new to WordPress block themes or looking to streamline your workflow, this documentation will walk you through every essential step.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Features<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add and customize individual blocks to build your content.<\/li>\n\n\n\n<li>Insert, modify, and create your own block patterns to speed up your design process and maintain a cohesive style.<\/li>\n\n\n\n<li>Understand the hierarchy and structure of block themes, so you can confidently organize your pages and posts.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">By following this documentation, you\u2019ll 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\u2019s get started and unlock the full creative potential of The Block theme!<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Patterns<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Slider Pattern<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<div class=\"wp-block-group swiper is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile swiper-wrapper is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center swiper-slide is-layout-flow wp-container-core-column-is-layout-c6aab7f7 wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-cover alignfull has-aspect-ratio\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;aspect-ratio:16\/9;min-height:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-158\" alt=\"\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/slide-1.jpg\" style=\"object-position:50% 100%\" data-object-fit=\"cover\" data-object-position=\"50% 100%\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient has-gradient-3-gradient-background\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group fade-in has-global-padding is-layout-constrained wp-container-core-group-is-layout-078d23b8 wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center hero1 exclude has-light-color has-text-color has-link-color wp-elements-ac44154aeb6f956275667b95d8466eee\">Slider<\/h1>\n\n\n\n<p class=\"has-text-align-center has-light-color has-text-color has-link-color wp-elements-9654ab8d62c7fefa65fed7ff970fe8cd wp-block-paragraph\">This is an example of the slider.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-0aa01211 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center swiper-slide is-layout-flow wp-container-core-column-is-layout-c6aab7f7 wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-cover alignfull has-aspect-ratio\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;aspect-ratio:16\/9;min-height:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-228\" alt=\"\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/slide-3.jpg\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient has-gradient-3-gradient-background\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group fade-in has-global-padding is-layout-constrained wp-container-core-group-is-layout-078d23b8 wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center hero1 exclude has-light-color has-text-color has-link-color wp-elements-d552113ba30eba583c5deb30d8cd511c\">Slide 2<\/h1>\n\n\n\n<p class=\"has-text-align-center has-light-color has-text-color has-link-color wp-elements-9654ab8d62c7fefa65fed7ff970fe8cd wp-block-paragraph\">This is an example of the slider.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-0aa01211 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center swiper-slide is-layout-flow wp-container-core-column-is-layout-c6aab7f7 wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-cover alignfull has-aspect-ratio\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;aspect-ratio:16\/9;min-height:unset;\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-227\" alt=\"\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/slide-2.jpg\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim wp-block-cover__gradient-background has-background-gradient has-gradient-3-gradient-background\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group fade-in has-global-padding is-layout-constrained wp-container-core-group-is-layout-078d23b8 wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading has-text-align-center hero1 exclude has-light-color has-text-color has-link-color wp-elements-813e4dfe4bfeb59c2171932aba362a7e\">Slider 3<\/h1>\n\n\n\n<p class=\"has-text-align-center has-light-color has-text-color has-link-color wp-elements-9654ab8d62c7fefa65fed7ff970fe8cd wp-block-paragraph\">This is an example of the slider.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-0aa01211 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Learn More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group swiper-pagination has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Pagination<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Box Columns Pattern<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<div class=\"wp-block-group ttf-box-columns fade-in has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide scrub is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-border-color has-light-background-color has-background is-layout-flow wp-container-core-column-is-layout-bd58878e wp-block-column-is-layout-flow\" style=\"border-color:#E5E7EB;border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/native-blocks.svg\" alt=\"Native WordPress Block\" class=\"wp-image-83\" style=\"object-fit:cover\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading exclude\">Native Blocks<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\n        Designed for the latest WordPress capabilities, block themes give you the power to edit and\n        personalize every part of your site, from navigation menus and headers to content and\n        footers, all through intuitive block-based controls.\n      <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-color has-light-background-color has-background is-layout-flow wp-container-core-column-is-layout-bd58878e wp-block-column-is-layout-flow\" style=\"border-color:#E5E7EB;border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/easy-to-use.svg\" alt=\"Easy to Use\" class=\"wp-image-84\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading exclude\">Easy to Use<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\n        Experience your site in real time as you add, edit, and rearrange content\u2014with intuitive\n        editing tools and seamless features to keep everything effortlessly organized. No plugins or\n        coding needed. A full WYSIWYG experience.\n      <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-color has-light-background-color has-background is-layout-flow wp-container-core-column-is-layout-bd58878e wp-block-column-is-layout-flow\" style=\"border-color:#E5E7EB;border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/fast-secure.svg\" alt=\"Fast and Secure\" class=\"wp-image-85\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading exclude\">Fast &amp; Secure<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\n        Keeping your website on the latest version of WordPress with the built-in editor ensures it\n        remains secure, current, and lightning fast. This setup provides a seamless experience for\n        both site owners and visitors.\n      <\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Animated Logos Pattern<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<div class=\"wp-block-group animated-logos horizontal-yoyo is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group animated-list is-layout-flow wp-block-group-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/google.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/microsoft.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/dribbble.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/adobe.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/nike.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/apple.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/google.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/microsoft.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/dribbble.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/adobe.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/nike.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/apple.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/google.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/microsoft.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/dribbble.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/adobe.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/nike.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/apple.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/google.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/microsoft.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/dribbble.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/adobe.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/nike.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/apple.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/google.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/microsoft.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/dribbble.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/adobe.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/nike.svg\" alt=\"\"><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:500\"><img decoding=\"async\" class=\"wp-image-239\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/logos\/apple.svg\" alt=\"\"><\/li>\n<\/ul>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Contact Person Pattern<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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\u2019s 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.<\/p>\n\n\n\n<div class=\"wp-block-group ttf-contact-person fade-in has-global-padding is-layout-constrained wp-container-core-group-is-layout-1d384dd0 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-border-color has-light-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"border-color:#E5E7EB;border-width:1px;border-radius:12px\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/profile.png\" alt=\"\" class=\"wp-image-149\" style=\"width:111px\"\/><\/figure>\n\n\n\n<div style=\"height:20px;width:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-26317b31 wp-block-group-is-layout-flex\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<h2 class=\"wp-block-heading exclude has-large-font-size\">Luan Gjokaj<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Design Engineer<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"padding-bottom:var(--wp--preset--spacing--10)\">\n        Do you want to learn more about our themes?<br>Drop me an email, say hi!\n      <\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\" href=\"mailto:support@thethemefoundry.com\">Contact<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Featured Columns Pattern<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-cover is-light fade-in\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-primary-super-light-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center exclude\">\n      Build beautiful websites<br>that are effortless to manage\n    <\/h2>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide scrub is-layout-flex wp-container-core-columns-is-layout-ef54f3e4 wp-block-columns-is-layout-flex\" style=\"padding-bottom:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-column has-light-background-color has-background is-layout-flow wp-container-core-column-is-layout-bd58878e wp-block-column-is-layout-flow\" style=\"border-style:none;border-width:0px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-group ttf-circle has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center exclude has-light-color has-text-color has-link-color wp-elements-609aaa118386e206a810b94a18a36a14\">1<\/h2>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center exclude\">Choose a Theme<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">\n          Explore our range of professionally designed WordPress themes, perfect for any site\u2014from\n          blogs to online stores. Each theme is responsive and optimized for performance, so you can\n          find the ideal fit for your needs.\n        <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-light-background-color has-background is-layout-flow wp-container-core-column-is-layout-bd58878e wp-block-column-is-layout-flow\" style=\"border-style:none;border-width:0px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-group ttf-circle has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center exclude has-light-color has-text-color has-link-color wp-elements-7d18f0b60873fefc94a588fdd7b9a88c\">2<\/h2>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center exclude\">Add your content<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">\n          Easily make the theme your own by adding text, images, and videos using WordPress\u2019s native\n          editor. Customize layouts and design elements without any coding, creating a website that\n          reflects your style and values.\n        <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-light-background-color has-background is-layout-flow wp-container-core-column-is-layout-bd58878e wp-block-column-is-layout-flow\" style=\"border-style:none;border-width:0px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<div class=\"wp-block-group ttf-circle has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center exclude has-light-color has-text-color has-link-color wp-elements-6e37288d7d8698dd9e144373023ea955\">3<\/h2>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center exclude\">Publish<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">\n          Our themes are built for SEO and mobile-friendliness, ensuring your site looks great and\n          reaches more people. Plus, with fast load times and a seamless experience, your website is\n          set to make a strong first impression.\n        <\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Image Cover Pattern<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Image Cover pattern is a striking block layout that features a bold title and a clear call to action layered over a background image. This pattern is designed to grab visitors\u2019 attention by combining compelling visuals with concise messaging, making it ideal for hero sections, promotional banners, or featured announcements. The background image sets the tone and mood, while the title and call to action-such as a button or link-encourage users to engage further. The overlay ensures that text remains readable and visually balanced against the image, resulting in a professional and impactful presentation that works seamlessly across devices.<\/p>\n\n\n\n<div class=\"wp-block-cover mb-n20\"><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-175\" alt=\"\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/cover-scaled.jpg\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient\" style=\"background:linear-gradient(90deg,rgb(51,78,172) 2%,rgba(51,78,172,0.5) 100%)\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h2 class=\"wp-block-heading has-text-align-left exclude has-large-font-size\">\n            Get with our free theme download it now and see how easy building a beautiful website\n            can be!\n          <\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-bf881693 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-secondary-default-background-color has-background wp-element-button\">Free Download<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--5)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Interactive Columns Pattern<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<div class=\"wp-block-group ttf-interactive-columns fade-in has-global-padding is-layout-constrained wp-container-core-group-is-layout-12cf9d4c wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column interactive-buttons is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-831b2db5 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-primary-super-light-background-color has-background is-layout-flow wp-container-core-group-is-layout-f0dd1c77 wp-block-group-is-layout-flow\" style=\"border-radius:30px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-cb811d2d wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/icon-palette.svg\" alt=\"\" style=\"object-fit:cover;width:24px;height:24px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading exclude\" style=\"font-style:normal;font-weight:800\">Style variations<\/h3>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:0\">Personalize your site instantly with our collection of pre-designed Style Variations.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-primary-super-light-background-color has-background is-layout-flow wp-container-core-group-is-layout-f0dd1c77 wp-block-group-is-layout-flow\" style=\"border-radius:30px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-cb811d2d wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/icon-tablet-smartphone.svg\" alt=\"\" style=\"object-fit:cover;width:24px;height:24px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading exclude\" style=\"font-style:normal;font-weight:800\">Responsive layout<\/h3>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:0\">Experience flawless design across all devices with our meticulously crafted responsive layouts.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-primary-super-light-background-color has-background is-layout-flow wp-container-core-group-is-layout-f0dd1c77 wp-block-group-is-layout-flow\" style=\"border-radius:30px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-cb811d2d wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/icon-sparkles.svg\" alt=\"\" style=\"object-fit:cover;width:24px;height:24px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading exclude\" style=\"font-style:normal;font-weight:800\">Animations<\/h3>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:0\">Captivate your audience with eye-catching animations that work instantly upon installation.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column interactive-content is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-831b2db5 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-primary-super-light-background-color has-background is-layout-flow wp-container-core-group-is-layout-f0dd1c77 wp-block-group-is-layout-flow\" style=\"border-radius:30px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-cb811d2d wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/icon-palette.svg\" alt=\"\" style=\"object-fit:cover;width:24px;height:24px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading exclude\" style=\"font-style:normal;font-weight:800\">Style variations<\/h3>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:0\">Personalize your site instantly with our collection of pre-designed Style Variations. Each variation transforms your entire website with cohesive color palettes, typography pairings, and spacing adjustments\u2014all while maintaining your content structure. Switch between professional, creative, or bold aesthetics with a single click, giving your site a complete makeover without rebuilding from scratch.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-primary-super-light-background-color has-background is-layout-flow wp-container-core-group-is-layout-f0dd1c77 wp-block-group-is-layout-flow\" style=\"border-radius:30px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-cb811d2d wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/icon-tablet-smartphone.svg\" alt=\"\" style=\"object-fit:cover;width:24px;height:24px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading exclude\" style=\"font-style:normal;font-weight:800\">Responsive layout<\/h3>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:0\">Experience flawless design across all devices with our meticulously crafted responsive layouts. The Block Theme automatically adapts your content to look stunning on desktops, tablets, and smartphones without requiring additional configuration. Maintain professional aesthetics and functionality regardless of screen size, ensuring your visitors enjoy a seamless experience no matter how they access your site.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-primary-super-light-background-color has-background is-layout-flow wp-container-core-group-is-layout-f0dd1c77 wp-block-group-is-layout-flow\" style=\"border-radius:30px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-cb811d2d wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large is-resized\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/icon-sparkles.svg\" alt=\"\" style=\"object-fit:cover;width:24px;height:24px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading exclude\" style=\"font-style:normal;font-weight:800\">Animations<\/h3>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:0\">Captivate your audience with eye-catching animations that work instantly upon installation. Our theme includes carefully optimized motion effects integrated directly into our pattern library no plugins or coding required. From subtle hover effects to engaging scroll reveals, these performance-friendly animations add professional polish to your site while maintaining fast load times and smooth performance.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Pricing Columns Pattern<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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 \u201cRecommended\u201d 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\u2019s included, and a clear call to action (CTA) such as a \u201cSign Up\u201d or \u201cGet Started\u201d 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.<\/p>\n\n\n\n<div class=\"wp-block-group ttf-box-columns fade-in has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide scrub is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-border-color has-light-background-color has-background is-layout-flow wp-container-core-column-is-layout-bd58878e wp-block-column-is-layout-flow\" style=\"border-color:#E5E7EB;border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<p class=\"ttf-tag outline wp-block-paragraph\">Personal<\/p>\n\n\n\n<h2 class=\"wp-block-heading exclude\">$89<\/h2>\n\n\n\n<h4 class=\"wp-block-heading exclude\">Yearly Package<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Designed for your growing business, the Yearly Package delivers continuous value with regular theme enhancements, compatibility updates, and access to new features as they&#8217;re released. Stay current with WordPress innovations while receiving priority support.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Free updates for an entire year This is a yearly subscription.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Choose Plan<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-color has-light-background-color has-background is-layout-flow wp-container-core-column-is-layout-bd58878e wp-block-column-is-layout-flow\" style=\"border-color:#E5E7EB;border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<p class=\"ttf-tag wp-block-paragraph\">Business<\/p>\n\n\n\n<h2 class=\"wp-block-heading exclude\">$499<\/h2>\n\n\n\n<h4 class=\"wp-block-heading exclude\">Lifetime Package<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Designed for long-term success, the Lifetime Package offers perpetual access to the Block Theme&#8217;s complete ecosystem, including all future innovations, design expansions, and performance optimizations. Make a one-time investment for endless possibilities.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Free lifetime updates, pay once and enjoy forever.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Choose Plan<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Mockup Quote Pattern<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<div class=\"wp-block-columns fade-in is-layout-flex wp-container-core-columns-is-layout-6f97adf0 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/mockup-1.jpg\" alt=\"\" class=\"wp-image-142\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover is-light\" style=\"min-height:100%;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-primary-light-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-pullquote has-text-align-left exclude\" style=\"border-style:none;border-width:0px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:var(--wp--preset--spacing--40);padding-right:0;padding-bottom:var(--wp--preset--spacing--40);padding-left:0\"><blockquote><p>Title<\/p><cite>Description<\/cite><\/blockquote><\/figure>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Testimonials Pattern<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<div class=\"wp-block-group fade-in is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group ttf-testimonials-columns fade-in has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top scrub is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top has-border-color has-light-background-color has-background is-layout-flow wp-container-core-column-is-layout-bd58878e wp-block-column-is-layout-flow\" style=\"border-color:#E5E7EB;border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-rounded is-style-rounded--3\" style=\"margin-top:0;margin-right:0;margin-bottom:0;margin-left:0\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/testimonial-1.png\" alt=\"\" class=\"wp-image-247\" style=\"border-style:none;border-width:0px;border-radius:100px;width:150px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center exclude\">Lucie<\/h4>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">I love how easily The Block theme works with the Gutenberg editor! It\u2019s so intuitive, and I don\u2019t need any extra plugins to get the look I want. Customizing my site has been a breeze, and it\u2019s so responsive on different devices. Definitely a great modern theme.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top has-border-color has-light-background-color has-background is-layout-flow wp-container-core-column-is-layout-bd58878e wp-block-column-is-layout-flow\" style=\"border-color:#E5E7EB;border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-rounded is-style-rounded--4\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/testimonial-2.png\" alt=\"\" class=\"wp-image-248\" style=\"border-style:none;border-width:0px;border-radius:100px;width:150px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center exclude\">Marco<\/h4>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">As someone who values speed and efficiency, The Block theme has been a game-changer. It\u2019s incredibly lightweight, which has noticeably improved my website\u2019s loading times. Plus, the SEO optimization is a huge bonus.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top has-border-color has-light-background-color has-background is-layout-flow wp-container-core-column-is-layout-bd58878e wp-block-column-is-layout-flow\" style=\"border-color:#E5E7EB;border-width:1px;border-radius:12px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<figure class=\"wp-block-image aligncenter size-full is-resized has-custom-border is-style-rounded is-style-rounded--5\"><img decoding=\"async\" src=\"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/testimonial-3.png\" alt=\"\" class=\"wp-image-249\" style=\"border-style:none;border-width:0px;border-radius:100px;width:150px\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center exclude\">Cloe<\/h4>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">The Block theme is fantastic for creating a professional-looking website without needing to be a tech expert. Although I am new to website creation, the theme\u2019s adaptability and clear design have made the process smooth and enjoyable.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">FAQ Accordion Pattern<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<div class=\"wp-block-group fade-in has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group fade-in has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>What are the requirements?<\/summary>\n<p class=\"wp-block-paragraph\">To use our theme, you need a minimum version of WordPress 5.9, which was released in January 2022. This version offers extensive support for creating and utilizing themes that are fully built with blocks. The Block Theme works best on the latest version of WordPress 6.7+<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>I have a question, where can I get help?<\/summary>\n<p class=\"wp-block-paragraph\">We\u2019d love to help! Email <a href=\"mailto:support@thethemefoundry.com\">support@thethemefoundry.com<\/a> and we\u2019ll have an answer to you as quickly as we can.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Will the themes work with my plugins?<\/summary>\n<p class=\"wp-block-paragraph\">Most likely! We try really hard to make sure our themes work with all your favourite plugins. If something isn\u2019t working, let us know and we\u2019ll see what we can do to help you. <\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Do I need plugins to use the theme?<\/summary>\n<p class=\"wp-block-paragraph\">Our themes are plugin free. They work natively with all the WordPress features, giving you the best experience and performance out of the box. No plugins or external editors required.<\/p>\n<\/details>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Documentation Documentation 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\u2019re new to WordPress block themes or looking to streamline your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title-full-width","meta":{"footnotes":""},"class_list":["post-157","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Documentation - The Block Theme<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/theblocktheme.com\/?page_id=157\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Documentation - The Block Theme\" \/>\n<meta property=\"og:description\" content=\"Documentation Documentation 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\u2019re new to WordPress block themes or looking to streamline your [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/theblocktheme.com\/?page_id=157\" \/>\n<meta property=\"og:site_name\" content=\"The Block Theme\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-19T16:21:44+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"21 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/theblocktheme.com\\\/?page_id=157\",\"url\":\"https:\\\/\\\/theblocktheme.com\\\/?page_id=157\",\"name\":\"Documentation - The Block Theme\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/theblocktheme.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/theblocktheme.com\\\/?page_id=157#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/theblocktheme.com\\\/?page_id=157#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/theblocktheme.com\\\/wp-content\\\/themes\\\/the-block\\\/img\\\/slide-1.jpg\",\"datePublished\":\"2025-05-19T16:21:18+00:00\",\"dateModified\":\"2025-05-19T16:21:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/theblocktheme.com\\\/?page_id=157#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/theblocktheme.com\\\/?page_id=157\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/theblocktheme.com\\\/?page_id=157#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/theblocktheme.com\\\/?page_id=157#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/theblocktheme.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Documentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/theblocktheme.com\\\/#website\",\"url\":\"https:\\\/\\\/theblocktheme.com\\\/\",\"name\":\"The Block Theme\",\"description\":\"Build beautiful websites that are effortless to manage.\",\"publisher\":{\"@id\":\"https:\\\/\\\/theblocktheme.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/theblocktheme.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/theblocktheme.com\\\/#organization\",\"name\":\"The Block Theme\",\"url\":\"https:\\\/\\\/theblocktheme.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/theblocktheme.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/theblocktheme.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/theblocktheme.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/logo.svg\",\"caption\":\"The Block Theme\"},\"image\":{\"@id\":\"https:\\\/\\\/theblocktheme.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Documentation - The Block Theme","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/theblocktheme.com\/?page_id=157","og_locale":"en_US","og_type":"article","og_title":"Documentation - The Block Theme","og_description":"Documentation Documentation 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\u2019re new to WordPress block themes or looking to streamline your [&hellip;]","og_url":"https:\/\/theblocktheme.com\/?page_id=157","og_site_name":"The Block Theme","article_modified_time":"2025-05-19T16:21:44+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"21 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/theblocktheme.com\/?page_id=157","url":"https:\/\/theblocktheme.com\/?page_id=157","name":"Documentation - The Block Theme","isPartOf":{"@id":"https:\/\/theblocktheme.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/theblocktheme.com\/?page_id=157#primaryimage"},"image":{"@id":"https:\/\/theblocktheme.com\/?page_id=157#primaryimage"},"thumbnailUrl":"https:\/\/theblocktheme.com\/wp-content\/themes\/the-block\/img\/slide-1.jpg","datePublished":"2025-05-19T16:21:18+00:00","dateModified":"2025-05-19T16:21:44+00:00","breadcrumb":{"@id":"https:\/\/theblocktheme.com\/?page_id=157#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/theblocktheme.com\/?page_id=157"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/theblocktheme.com\/?page_id=157#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/theblocktheme.com\/?page_id=157#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/theblocktheme.com\/"},{"@type":"ListItem","position":2,"name":"Documentation"}]},{"@type":"WebSite","@id":"https:\/\/theblocktheme.com\/#website","url":"https:\/\/theblocktheme.com\/","name":"The Block Theme","description":"Build beautiful websites that are effortless to manage.","publisher":{"@id":"https:\/\/theblocktheme.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/theblocktheme.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/theblocktheme.com\/#organization","name":"The Block Theme","url":"https:\/\/theblocktheme.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/theblocktheme.com\/#\/schema\/logo\/image\/","url":"https:\/\/theblocktheme.com\/wp-content\/uploads\/2024\/12\/logo.svg","contentUrl":"https:\/\/theblocktheme.com\/wp-content\/uploads\/2024\/12\/logo.svg","caption":"The Block Theme"},"image":{"@id":"https:\/\/theblocktheme.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/theblocktheme.com\/index.php?rest_route=\/wp\/v2\/pages\/157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theblocktheme.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theblocktheme.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theblocktheme.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theblocktheme.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=157"}],"version-history":[{"count":1,"href":"https:\/\/theblocktheme.com\/index.php?rest_route=\/wp\/v2\/pages\/157\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/theblocktheme.com\/index.php?rest_route=\/wp\/v2\/pages\/157\/revisions\/158"}],"wp:attachment":[{"href":"https:\/\/theblocktheme.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}