{"id":9438,"date":"2024-02-06T16:11:11","date_gmt":"2024-02-06T14:11:11","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=9438"},"modified":"2026-10-08T13:21:59","modified_gmt":"2026-10-08T10:21:59","slug":"theme-blocks-getting-started","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/theme-blocks-getting-started\/","title":{"rendered":"Getting Started with Theme Blocks"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted preload=\"auto\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/02\/Screen-Recording-2024-02-06-at-17.48.33.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">Blocksy Theme Blocks in action.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Blocksy Theme Blocks<\/strong> extend the WordPress block editor with additional blocks for navigation, dynamic content, post listings, social information, newsletters and WooCommerce functionality.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">They can be inserted anywhere the WordPress block editor is available, including posts, pages, widget areas and <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/modules\/content-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Content Blocks<\/strong><\/a>.<\/p>\n\n\n\n<div class=\"wp-block-group has-palette-color-8-color has-palette-color-1-background-color has-text-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"is-style-info coblocks-alert-paragraph wp-block-paragraph\"><strong>Blocksy Companion required<\/strong><br>Theme Blocks become available after installing and activating <strong>Blocksy Companion<\/strong>. Some blocks additionally require Blocksy Pro or specific Blocksy functionality, as noted below.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Available Theme Blocks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Open the WordPress block inserter and search for the block you want to use. Each Theme Block provides its own settings in the editor sidebar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Content &amp; Navigation<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/about-me\/\" target=\"_blank\" rel=\"noreferrer noopener\">About Me<\/a><\/strong> \u2013 display information about a WordPress user or a custom profile, including an image, description and social links.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/advanced-search\/\" target=\"_blank\" rel=\"noreferrer noopener\">Advanced Search<\/a><\/strong> \u2013 add a configurable search field with features such as live results, taxonomy filtering and post-type restrictions.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/breadcrumbs-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Breadcrumbs<\/a><\/strong> \u2013 display Blocksy&#8217;s breadcrumb trail inside posts, pages, templates and other block-editor layouts.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/contact-info\/\" target=\"_blank\" rel=\"noreferrer noopener\">Contact Info<\/a><\/strong> \u2013 display structured contact information such as addresses, phone numbers, email addresses and opening hours.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/newsletter\/\" target=\"_blank\" rel=\"noreferrer noopener\">Newsletter<\/a><\/strong> \u2013 insert a newsletter subscription form connected to the <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/extensions\/newsletter-subscribe\/\" target=\"_blank\" rel=\"noreferrer noopener\">Newsletter Subscribe<\/a> extension.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/share-box\/\" target=\"_blank\" rel=\"noreferrer noopener\">Share Box<\/a><\/strong> \u2013 provide visitors with links for sharing the current content across supported services.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/socials-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Socials<\/a><\/strong> \u2013 display links to your social profiles using Blocksy&#8217;s social-network configuration or custom values.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Dynamic Content &amp; Listings<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/advanced-posts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Advanced Posts<\/a><\/strong> \u2013 create custom listings for posts and other supported post types, with flexible queries and editable post-card layouts.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/advanced-taxonomies\/\" target=\"_blank\" rel=\"noreferrer noopener\">Advanced Taxonomies<\/a><\/strong> \u2013 display categories, tags and other registered taxonomies using configurable grid or slideshow layouts.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/content-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Content Block<\/a><\/strong> <em>(Blocksy Pro)<\/em> \u2013 insert an existing Blocksy Content Block directly inside another block-editor layout.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/dynamic-data\/\" target=\"_blank\" rel=\"noreferrer noopener\">Dynamic Data<\/a><\/strong> \u2013 output contextual information such as titles, excerpts, dates, authors, featured images, taxonomy terms and supported WooCommerce data. Additional custom-field sources are available with Post Types Extra.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">WooCommerce Filters<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The following blocks are designed for WooCommerce product filtering and require the corresponding Blocksy Pro functionality.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/active-filters\/\" target=\"_blank\" rel=\"noreferrer noopener\">Active Filters<\/a><\/strong> <em>(Blocksy Pro)<\/em> \u2013 display the product filters currently applied by the visitor and optionally provide a way to reset them.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/filter-by-price\/\" target=\"_blank\" rel=\"noreferrer noopener\">Filter by Price<\/a><\/strong> <em>(Blocksy Pro)<\/em> \u2013 let customers narrow the product catalogue using an interactive price-range control.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/shop-filters\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shop Filters<\/a><\/strong> <em>(Blocksy Pro)<\/em> \u2013 filter products using categories, tags, attributes, brands and other supported product taxonomies.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Using Theme Blocks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Theme Blocks behave like other WordPress blocks and can be inserted from the regular block library. Once added, select the block to access its configuration and design options from the editor sidebar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Some blocks are context-aware. For example, <strong>Dynamic Data<\/strong> can automatically retrieve information from the post, taxonomy term or queried entry represented by a template, while WooCommerce filtering blocks are intended for product archive and filtering interfaces.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Theme Blocks can also be combined with Blocksy&#8217;s <strong>Content Blocks<\/strong> system to build more advanced archive, Single Template, header, footer and hooked-content layouts.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Gutenberg Patterns<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Blocksy also includes a collection of <a href=\"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/gutenberg-patterns\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Gutenberg Patterns<\/strong><\/a>. Patterns are not individual Theme Blocks; they are ready-made arrangements of WordPress blocks that can be inserted as a starting point for common page sections.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can find them in the WordPress pattern library under the <strong>Blocksy<\/strong> category, then modify their blocks and content like any other WordPress layout.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Blocksy Theme Blocks extend the WordPress block editor with additional blocks for navigation, dynamic content, post listings, social information, newsletters and WooCommerce functionality. They can be inserted anywhere the WordPress block editor is available, including posts, pages, widget areas and Content Blocks. Blocksy Companion requiredTheme Blocks become available after installing and activating Blocksy Companion. Some [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[133],"class_list":["post-9438","documentation","type-documentation","status-publish","hentry","doc_categories-theme-blocks"],"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/9438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=9438"}],"version-history":[{"count":19,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/9438\/revisions"}],"predecessor-version":[{"id":15315,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/9438\/revisions\/15315"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=9438"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=9438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}