{"id":4266,"date":"2026-10-28T04:24:58","date_gmt":"2026-10-28T04:24:58","guid":{"rendered":"https:\/\/shapekode.com\/product\/shapeblock\/docs\/theme-builder\/"},"modified":"2026-11-04T05:19:02","modified_gmt":"2026-11-04T05:19:02","password":"","slug":"theme-builder","status":"publish","type":"docs","link":"https:\/\/shapekode.com\/product\/shapeblock\/docs\/theme-builder\/","title":{"rendered":"Theme Builder"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The Theme Builder lets you design the parts of your site that themes usually control, using blocks. The free version covers the Header and Footer. ShapeBlock Pro adds templates for Single Post, Single Page, Archive (the blog, category, tag, author, and date pages), Search Results, and the 404 Page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Create a Template<\/h2>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>In your WordPress dashboard, go to <strong>ShapeBlock &gt; Theme Builder<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Add New<\/strong>, choose the template type, and give it a name.<\/li>\n\n\n\n<li>Build the template in the block editor. Use the Theme Builder blocks below to show the post title, content, and other dynamic parts.<\/li>\n\n\n\n<li>Publish the template.<\/li>\n\n\n\n<li>On the Theme Builder page, click the funnel button in the <strong>Display Conditions<\/strong> column and choose where the template is used.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1028\" height=\"424\" src=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/10\/doc-theme-builder-1.webp\" alt=\"ShapeBlock Theme Builder page with the template list\" class=\"wp-image-4265\" srcset=\"https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/10\/doc-theme-builder-1.webp 1028w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/10\/doc-theme-builder-1-600x247.webp 600w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/10\/doc-theme-builder-1-300x124.webp 300w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/10\/doc-theme-builder-1-1024x422.webp 1024w, https:\/\/shapekode.com\/product\/shapeblock\/wp-content\/uploads\/2026\/10\/doc-theme-builder-1-768x317.webp 768w\" sizes=\"auto, (max-width: 1028px) 100vw, 1028px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Use the tabs at the top of the list (All, Headers, Footers, Single Posts, Single Pages, Archives, Search Results, 404 Pages) to filter templates by type. <strong>Active<\/strong> and <strong>Trash<\/strong> switch between live and deleted templates.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Template Types<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Single Post:<\/strong> Used for blog posts.<\/li>\n\n\n\n<li><strong>Single Page:<\/strong> Used for pages.<\/li>\n\n\n\n<li><strong>Archive:<\/strong> Used for the blog page and category, tag, author, and date pages.<\/li>\n\n\n\n<li><strong>Search Results:<\/strong> Used for the search results page.<\/li>\n\n\n\n<li><strong>404 Page:<\/strong> Used when a page is not found.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Display Conditions<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Each template has its own conditions, for example Entire Site, All Posts, All Pages, or one page. Archive templates can also target the <strong>Blog Page (latest posts)<\/strong>, <strong>Category Pages<\/strong>, <strong>Tag Pages<\/strong>, <strong>Author Pages<\/strong>, or <strong>Date Pages<\/strong>. A page with no matching template keeps your theme template.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Theme Builder Blocks<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">These blocks show the content of the post, page, or archive being viewed. Find them in the block inserter under ShapeBlock.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Post Title:<\/strong> The title of the post or page.<\/li>\n\n\n\n<li><strong>Featured Image:<\/strong> The featured image of the post or page.<\/li>\n\n\n\n<li><strong>Post Content:<\/strong> The text and blocks of the post or page.<\/li>\n\n\n\n<li><strong>Post Excerpt:<\/strong> A short summary of the post.<\/li>\n\n\n\n<li><strong>Post Meta:<\/strong> Author, date, categories, and comment count.<\/li>\n\n\n\n<li><strong>Post Categories \/ Tags:<\/strong> The categories or tags of the post.<\/li>\n\n\n\n<li><strong>Author Box:<\/strong> The author with avatar and bio.<\/li>\n\n\n\n<li><strong>Post Pagination:<\/strong> Links to the previous and next post.<\/li>\n\n\n\n<li><strong>Post Comments:<\/strong> The comments and the comment form.<\/li>\n\n\n\n<li><strong>Related Posts:<\/strong> More posts from the same category.<\/li>\n\n\n\n<li><strong>Archive Title:<\/strong> The blog, category, tag, author, date, or search title.<\/li>\n\n\n\n<li><strong>Archive Description:<\/strong> The category, tag, or author description.<\/li>\n\n\n\n<li><strong>Archive Posts:<\/strong> The posts of the blog, archive, or search page, with page links.<\/li>\n<\/ul>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#f3edec;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px\"><strong>Note:<\/strong> In the editor, these blocks show a preview. The real content appears on the site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Video guides<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Post Title<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Style the Post Title in a Single Post Template (Gutenberg Theme Builder) | ShapeBlock Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/O9piIj7IeRg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Featured Image<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Style the Featured Image on Every Post (Gutenberg Theme Builder) | ShapeBlock Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ORbo31NXreg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Post Content<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Add Post Content to a Single Post Template (Gutenberg Theme Builder) | ShapeBlock Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/0wMLSzjW61s?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Post Excerpt<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Show the Post Excerpt in WordPress (Gutenberg Theme Builder) | ShapeBlock Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/3rVUviKFA5k?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Post Meta<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Show Author, Date and Categories on Posts (Gutenberg Theme Builder) | ShapeBlock Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/WQt77LcGNKU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Post Categories \/ Tags<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Show Post Categories and Tags (Gutenberg Theme Builder) | ShapeBlock Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/elxdCI7pays?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Author Box<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Add an Author Box to WordPress Posts (Gutenberg Theme Builder) | ShapeBlock Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Xpsh0vpuOHA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Post Pagination<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Add Previous and Next Post Links in WordPress (Gutenberg Theme Builder) | ShapeBlock Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/pHRehYt6QHU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Post Comments<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Style Post Comments and the Comment Form (Gutenberg Theme Builder) | ShapeBlock Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/p20DHAT4VZo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Related Posts<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Show Related Posts in WordPress (Gutenberg Theme Builder) | ShapeBlock Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/62VtZVr1FOo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Archive Title<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Style the Archive Title in WordPress (Gutenberg Theme Builder) | ShapeBlock Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/BGlf9UjazWY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Archive Description<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Show the Category Description in WordPress (Gutenberg Theme Builder) | ShapeBlock Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/L0OmAp9-f58?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Archive Posts<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Design Category and Blog Archive Pages in WordPress Gutenberg | ShapeBlock Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/6cv8H6t3TQ8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The Theme Builder lets you design the parts of your site that themes usually control, using blocks. The free version covers the Header and Footer. ShapeBlock Pro adds templates for Single Post, Single Page, Archive (the blog, category, tag, author, and date pages), Search Results, and the 404 Page. How to Create a Template Use [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[31],"doc_tag":[],"class_list":["post-4266","docs","type-docs","status-publish","hentry","doc_category-pro-extensions"],"year_month":"2026-11","word_count":507,"total_views":"5","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Sojib","author_nicename":"shapekode-admin","author_url":"https:\/\/shapekode.com\/product\/shapeblock\/author\/shapekode-admin\/"},"doc_category_info":[{"term_name":"Pro Extensions","term_url":"https:\/\/shapekode.com\/product\/shapeblock\/docs-category\/pro-extensions\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/docs\/4266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/comments?post=4266"}],"version-history":[{"count":1,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/docs\/4266\/revisions"}],"predecessor-version":[{"id":5558,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/docs\/4266\/revisions\/5558"}],"wp:attachment":[{"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/media?parent=4266"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/doc_category?post=4266"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/shapekode.com\/product\/shapeblock\/wp-json\/wp\/v2\/doc_tag?post=4266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}