{"id":92993,"date":"2026-03-25T10:24:06","date_gmt":"2026-03-25T15:24:06","guid":{"rendered":"https:\/\/www.bricktowntom.com\/blog\/?p=92993"},"modified":"2026-03-25T10:24:06","modified_gmt":"2026-03-25T15:24:06","slug":"how-to-create-block-templates-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.bricktowntom.com\/blog\/03\/how-to-create-block-templates-in-wordpress.html","title":{"rendered":"How to create Block templates in WordPress"},"content":{"rendered":"<p><a href=\"https:\/\/www.godaddy.com\/garage\/how-to-create-block-templates-in-wordpress\/\" title=\"How to create Block templates in WordPress\" rel=\"follow noopener\" data-wpel-link=\"internal\" target=\"_self\"><\/a><\/p>\n<p>Have you ever considered what a browser does when your website loads? There are quite a few processes that happen. Your browser displays a mix of HTML, CSS, and JavaScript for you to view. When you are using a content management system, like WordPress, there are also data elements retrieved from a database and displayed on the front of site. That happens by using PHP.<\/p>\n<p>So how does WordPress know how to fetch each piece of the database and present that in the relevant location and order for your website? It uses the template hierarchy to do so. Developers have created the layout of areas like a single post or single page by creating custom templates in PHP that determine the layout.<\/p>\n<p>That sounds rather complex, right? Well, with <a href=\"https:\/\/www.godaddy.com\/garage\" eid=\"procontent.garage.how-to-create-block-templates-in-wordpress.interlink.link.click\" link=\"internal\" target=\"_self\" rel=\"follow noopener\">WordPress 5.9<\/a> and later, you can modify or create templates using the Block Editor within Full Site Editing.<\/p>\n<h2>What are Templates<\/h2>\n<p>What do we mean by templates? According to WordPress Developer Docs:<\/p>\n<blockquote>\n<p><a title=\"Template files page\" href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-files\/\" data-wpel-link=\"external\" rel=\"nofollow external noopener\">Template files<\/a> are modular, reusable files, used to generate the web pages on your WordPress site.<\/p>\n<\/blockquote>\n<p>Create a header once and use it throughout your site, or make a few variations to use in specific areas. Define what should appear in a specific order on a single post, such as title, date, author, content, comments, and so on.<\/p>\n<p>WordPress themes already contain templates for many areas such as the home page, the layout of single pages, and even how the 404 page appears. But if you want to customize the layouts or create your own templates for unique areas of your site, you&#8217;ll need to make a custom template. Before we can do that, we need to know how WordPress prioritizes and retrieves that information using the Template Hierarchy.<\/p>\n<h2>Template Hierarchy<\/h2>\n<p>WordPress determines which template file(s) to use on an individual page or post using the <a href=\"https:\/\/wphierarchy.com\/\" data-wpel-link=\"external\" rel=\"nofollow external noopener\">Template Hierarchy<\/a>. Think of this map as a decision tree.<\/p>\n<p>The layouts that contain elements of content from other pages are at the far left. The broader layouts would be at the far right.\u00a0 In this example, <code>index.php<\/code> is the more generic layout. It&#8217;s what is know as a fallback.\u00a0 There are few times you would intentionally land on an index.php page. However, far more common and all the way at the left is a unique <code>Site Front Page<\/code>. This would contain more elements.<\/p>\n<p><a href=\"https:\/\/wphierarchy.com\/\" target=\"_blank\" rel=\"noopener nofollow external\" data-wpel-link=\"external\"><\/a><\/p>\n<h2>Accessing Block Templates<\/h2>\n<p>Creating Block Templates began with Full Site Editing themes, such as <a href=\"https:\/\/www.godaddy.com\/garage\/twenty-twenty-two-first-wordpress-default-block-theme\/\" data-eid=\"procontent.garage.how-to-create-block-templates-in-wordpress.interlink.link.click\" data-wpel-link=\"internal\" target=\"_self\" rel=\"follow noopener\">Twenty Twenty Two<\/a>. Install and activate a block theme to create your own template. Then go to <strong>Appearance &gt; Editor &gt; Site Icon &gt; Templates<\/strong>.<\/p>\n<p>Here you will see all the templates currently active on your site, including an option to <strong>Add New<\/strong> templates using the button in the upper right.<\/p>\n<p>&nbsp;<\/p>\n<\/p>\n<p>You can determine if a template was created by a particular user, theme, or plugin as well.<\/p>\n<\/p>\n<h2>Modifying a Block Template<\/h2>\n<p>Select the template you&#8217;d like to change. In this example, we&#8217;ll use the 404 page. From here, you can use the <a href=\"https:\/\/www.godaddy.com\/garage\/control-your-layout-with-list-view-in-wordpress\/\" data-eid=\"procontent.garage.how-to-create-block-templates-in-wordpress.interlink.link.click\" data-wpel-link=\"internal\" target=\"_self\" rel=\"follow noopener\">List View<\/a>, add, modify, and remove blocks much like in the Post Editor. You can also define your <a href=\"https:\/\/www.godaddy.com\/garage\/define-the-design-configuring-styles-in-wordpress\/\" data-eid=\"procontent.garage.how-to-create-block-templates-in-wordpress.interlink.link.click\" data-wpel-link=\"internal\" target=\"_self\" rel=\"follow noopener\">styles<\/a>, and even <a href=\"https:\/\/www.godaddy.com\/garage\/configure-client-access-with-block-locking-in-wordpress\/\" data-eid=\"procontent.garage.how-to-create-block-templates-in-wordpress.interlink.link.click\" data-wpel-link=\"internal\" target=\"_self\" rel=\"follow noopener\">lock blocks<\/a>.<\/p>\n<p>We&#8217;ve modified the main text from 404 to indicate &#8220;OOPS.&#8221;<\/p>\n<\/p>\n<h2>Creating a new Block Template<\/h2>\n<p>Let&#8217;s create an Author template. Go to\u00a0<strong>Appearance &gt; Editor &gt; Add New &gt; Author.\u00a0<\/strong>WordPress 6.0 now includes Author, Category, Date, Tag, and Taxonomy templates.<\/p>\n<\/p>\n<p>Add a header and footer. Then add a Query Loop Block. You can choose any of the preview options and modify the layout as you&#8217;d like.<\/p>\n<p>Notice the Query Loop block options include a toggle to inherit query from template. This will ensure that the Query Loop Block recognizes this is the Author template and should filter the results based upon which author&#8217;s posts you are viewing.<\/p>\n<\/p>\n<p>For an interesting comparison, consider the steps that needed to happen previous to Block Themes when <a href=\"https:\/\/codex.wordpress.org\/Author_Templates#Sample_Template_File\" data-wpel-link=\"external\" rel=\"nofollow external noopener\">creating a custom author archive<\/a>.<\/p>\n<h2>Post Templates<\/h2>\n<p>An additional way is to create a template within a Post. This offers templates specific to Post types, such as a landing page or a link in bio page.<\/p>\n<h2>Get Started<\/h2>\n<p>Modifying templates previously required a fair amount of knowledge in PHP, you can quickly modify layouts to meet your needs. If you&#8217;re using block themes like <a href=\"https:\/\/www.godaddy.com\/garage\/twenty-twenty-two-first-wordpress-default-block-theme\/\" data-eid=\"procontent.garage.how-to-create-block-templates-in-wordpress.interlink.link.click\" data-wpel-link=\"internal\" target=\"_self\" rel=\"follow noopener\">Twenty Twenty Two<\/a>, take a look at the templates area and customize the layouts exactly as you&#8217;d like.<\/p>\n<p>The post <a rel=\"follow noopener\" href=\"https:\/\/www.godaddy.com\/garage\/how-to-create-block-templates-in-wordpress\/\" data-wpel-link=\"internal\" target=\"_self\">How to create Block templates in WordPress<\/a> appeared first on <a rel=\"follow noopener\" href=\"https:\/\/www.godaddy.com\/garage\" data-wpel-link=\"internal\" target=\"_self\">GoDaddy Blog<\/a>.<\/p>\n<p>Source: Go Daddy Garage<\/p>\n<p id=\"kc_opp\"><small>Republished by  <a href=\"http:\/\/www.blogtrafficexchange.com\/\">Blog Post Promoter<\/a><\/small><\/p>","protected":false},"excerpt":{"rendered":"<p>Have you ever considered what a browser does when your website loads? There are quite a few processes that happen. Your browser displays &hellip;<\/p>\n","protected":false},"author":1,"featured_media":92994,"comment_status":"false","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[23511],"tags":[126],"class_list":["post-92993","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ebusiness-emarketing","tag-information"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/05\/author-template-300x211-1.jpg?fit=300%2C211&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p3k0YU-obT","jetpack-related-posts":[{"id":92153,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/displaying-data-from-mysql-on-the-web-an-introduction.html","url_meta":{"origin":92993,"position":0},"title":"Displaying Data from MySQL on the Web: an Introduction","author":"admin","date":"April 13, 2026","format":false,"excerpt":"The following article is an excerpt from PHP & MySQL: Novice to Ninja, 7th Edition, a hands-on guide to learning all the tools, principles, and techniques needed to build a professional web application using PHP and MySQL. In this final tutorial in the series, you\u2019ll learn how to take information\u2026","rel":"","context":"In &quot;E-business &amp; E-marketing&quot;","block_context":{"text":"E-business &amp; E-marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/ebusiness-emarketing"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604505mysql-web.jpg?fit=1200%2C680&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604505mysql-web.jpg?fit=1200%2C680&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604505mysql-web.jpg?fit=1200%2C680&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604505mysql-web.jpg?fit=1200%2C680&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604505mysql-web.jpg?fit=1200%2C680&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":92157,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/introducing-php-a-beginners-guide.html","url_meta":{"origin":92993,"position":1},"title":"Introducing PHP: A Beginner\u2019s Guide","author":"admin","date":"April 6, 2026","format":false,"excerpt":"The following article is an excerpt from PHP & MySQL: Novice to Ninja, 7th Edition, a hands-on guide to learning all the tools, principles, and techniques needed to build a professional web application using PHP and MySQL. In this tutorial, you\u2019ll learn the basics of PHP, including statements, variables, operators,\u2026","rel":"","context":"In &quot;E-business &amp; E-marketing&quot;","block_context":{"text":"E-business &amp; E-marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/ebusiness-emarketing"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604276php-introduction.jpg?fit=1200%2C680&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604276php-introduction.jpg?fit=1200%2C680&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604276php-introduction.jpg?fit=1200%2C680&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604276php-introduction.jpg?fit=1200%2C680&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604276php-introduction.jpg?fit=1200%2C680&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":92668,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/weekly-news-for-designers-%e2%84%96-639.html","url_meta":{"origin":92993,"position":2},"title":"Weekly News for Designers \u2116 639","author":"admin","date":"April 6, 2026","format":false,"excerpt":"10 Tools & Resources for Building a WordPress Staging Site \u2013 Test software updates and experiment with your own staging environment. WeekToDo \u2013 Check out this privacy-focused free planner app for Windows, macOS, Linux, and your browser. 33 JavaScript Concepts Every Developer Should Know \u2013 A handy reference of concepts\u2026","rel":"","context":"In &quot;Affiliate Marketing&quot;","block_context":{"text":"Affiliate Marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/affiliate-marketing"},"img":{"alt_text":"Envato Elements","src":"https:\/\/i0.wp.com\/speckyboy.com\/wp-content\/uploads\/2019\/08\/envato-elements-weekly-news.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":92155,"url":"https:\/\/www.bricktowntom.com\/blog\/03\/introducing-mysql-a-beginners-guide.html","url_meta":{"origin":92993,"position":3},"title":"Introducing MySQL: A Beginner\u2019s Guide","author":"admin","date":"March 21, 2026","format":false,"excerpt":"The following article is an excerpt from PHP & MySQL: Novice to Ninja, 7th Edition, a hands-on guide to learning all the tools, principles, and techniques needed to build a professional web application using PHP and MySQL. In this tutorial, you\u2019ll learn what a database is, and how to work\u2026","rel":"","context":"In &quot;E-business &amp; E-marketing&quot;","block_context":{"text":"E-business &amp; E-marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/ebusiness-emarketing"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604354mysql-introduction.jpg?fit=1200%2C680&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604354mysql-introduction.jpg?fit=1200%2C680&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604354mysql-introduction.jpg?fit=1200%2C680&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604354mysql-introduction.jpg?fit=1200%2C680&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604354mysql-introduction.jpg?fit=1200%2C680&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":92159,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/setting-up-your-php-development-environment-with-docker.html","url_meta":{"origin":92993,"position":4},"title":"Setting Up Your PHP Development Environment with Docker","author":"admin","date":"April 6, 2026","format":false,"excerpt":"The following article is an excerpt from PHP & MySQL: Novice to Ninja, 7th Edition, a hands-on guide to learning all the tools, principles, and techniques needed to build a professional web application using PHP and MySQL. In this tutorial, we cover how to set up a web server with\u2026","rel":"","context":"In &quot;E-business &amp; E-marketing&quot;","block_context":{"text":"E-business &amp; E-marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/ebusiness-emarketing"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604106php-mysql-install.jpg?fit=1200%2C680&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604106php-mysql-install.jpg?fit=1200%2C680&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604106php-mysql-install.jpg?fit=1200%2C680&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604106php-mysql-install.jpg?fit=1200%2C680&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/1643604106php-mysql-install.jpg?fit=1200%2C680&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":92166,"url":"https:\/\/www.bricktowntom.com\/blog\/04\/25-free-magazine-editorial-layout-templates-for-indesign.html","url_meta":{"origin":92993,"position":5},"title":"25 Free Magazine &amp; Editorial Layout Templates for InDesign","author":"admin","date":"April 2, 2026","format":false,"excerpt":"If you\u2019re thinking about getting a new publication off the ground, you\u2019ve probably already spent some time hashing out what it might look like. But therein lies the rub: conceptualizing a design and executing it are different skills entirely. And if you lack the latter (or if you have the\u2026","rel":"","context":"In &quot;Affiliate Marketing&quot;","block_context":{"text":"Affiliate Marketing","link":"https:\/\/www.bricktowntom.com\/blog\/category\/affiliate-marketing"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/free-magazine-editorial-layout-template-indesign-01.jpg?fit=850%2C480&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/free-magazine-editorial-layout-template-indesign-01.jpg?fit=850%2C480&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/free-magazine-editorial-layout-template-indesign-01.jpg?fit=850%2C480&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.bricktowntom.com\/blog\/wp-content\/uploads\/2022\/02\/free-magazine-editorial-layout-template-indesign-01.jpg?fit=850%2C480&ssl=1&resize=700%2C400 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/92993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/comments?post=92993"}],"version-history":[{"count":12,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/92993\/revisions"}],"predecessor-version":[{"id":102751,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/posts\/92993\/revisions\/102751"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/media\/92994"}],"wp:attachment":[{"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/media?parent=92993"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/categories?post=92993"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bricktowntom.com\/blog\/wp-json\/wp\/v2\/tags?post=92993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}