{"id":96021,"date":"2022-04-22T11:50:35","date_gmt":"2022-04-22T15:50:35","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=96021"},"modified":"2024-03-11T15:30:06","modified_gmt":"2024-03-11T19:30:06","slug":"template-parts","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/","title":{"rendered":"Working with Template Parts in the WordPress Full Site Editor"},"content":{"rendered":"<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header-1024x538.png\" alt=\"Working with Template Parts - header image\" class=\"wp-image-96033\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header-1024x538.png 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header-300x158.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header-768x403.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header.png 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p><br>Template parts are <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/patterns-in-wordpress-5-5\/\">patterns<\/a> of blocks in a WordPress theme that can be used when building your site. For example, headers and footers and variations of them are considered template parts. This tutorial will walk you through the steps of creating and editing a template part in the WordPress full site editor.\u00a0 We will also show you how to clear your template part modifications and remove added template parts.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#creating\">Creating Template Parts<\/a><\/li>\n\n\n\n<li><a href=\"#editing\">Editing Template Parts<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating\">Creating Template Parts<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-main-1024x481.jpg\" alt=\"Template Parts page\" class=\"wp-image-96034\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-main-1024x481.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-main-300x141.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-main-768x361.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-main-1536x722.jpg 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-main.jpg 1920w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><figcaption class=\"wp-element-caption\">Template Parts Page<\/figcaption><\/figure>\n\n\n\n<p>To create template parts you will need to log into the WordPress Administrator and use a block-based theme.\u00a0 We use the Twenty Twenty-two theme for this tutorial.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Log in to the WordPress site.<\/a>\u00a0<\/li>\n\n\n\n<li>Click on <strong>Appearance<\/strong>, then click on <strong>Edit<\/strong>.<\/li>\n\n\n\n<li>The screenshot above shows the Template Parts page.\u00a0 To get to it from the full site editor, click on the <strong>WordPress symbol<\/strong> in the top right corner.\u00a0 This will open a column on the left-hand side of the screen.\u00a0\u00a0<\/li>\n\n\n\n<li>Click on <strong>Template Parts<\/strong>. This will open up the Template Parts page.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"638\" class=\"wp-image-96035\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-template-parts-editor.jpg\" alt=\"Select Template Parts\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-template-parts-editor.jpg 1176w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-template-parts-editor-300x191.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-template-parts-editor-1024x653.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-template-parts-editor-768x490.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n\n\n\n<li>Here you will see a list of the template parts that have been created or are part of the theme.\u00a0 Click on the blue <strong>Add New<\/strong> button in the top right corner.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"515\" class=\"wp-image-96036\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/click-add-new.jpg\" alt=\"Click on Add New\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/click-add-new.jpg 1325w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/click-add-new-300x155.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/click-add-new-1024x528.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/click-add-new-768x396.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><br><\/li>\n\n\n\n<li>This will open a pop-up window listing the three types of template parts that you can create.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1061\" class=\"wp-image-96037\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/3-types-template-parts.jpg\" alt=\"3 Types of Template parts\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/3-types-template-parts.jpg 525w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/3-types-template-parts-283x300.jpg 283w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><br><strong>General<\/strong> \u2013 this is a template part that is not a necessary part of any area of the website. Like patterns, you can use this template part to quickly build a page on your WordPress site.\u00a0 For example, you may want to have a predefined company information block use quickly on your WordPress site.<br><br><strong>Header<\/strong> \u2013 a predefined area that is at the top of the page of your website. Headers often contain navigation menus or a title. You can create variations of the header for different pages of the WordPress site.<br><br><strong>Footer<\/strong> \u2013 a predefined area that is at the bottom of the page of your website.\u00a0 Footers often have the same information and links from page to page, but you may find a need to create a variation of the footer based on your website needs.<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\" start=\"7\">\n<li>For this tutorial, we will create a <strong>General<\/strong> template part.\u00a0 By default, the general option is already checked.\u00a0 Type in a name for your template part, then, click on the blue <strong>Create<\/strong> button.<br><br><\/li>\n\n\n\n<li>You will see a blank screen with the name of your template part in the center and top of the screen.\u00a0 Click on the <strong>+ sign<\/strong> in the top left corner to start building your template part.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"638\" class=\"wp-image-96038\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/blank-template-part-screen.jpg\" alt=\"Click + sign to add block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/blank-template-part-screen.jpg 1176w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/blank-template-part-screen-300x191.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/blank-template-part-screen-1024x653.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/blank-template-part-screen-768x490.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li>\n\n\n\n<li>Select blocks or patterns to build your template part. The example in the screenshot below is a company info block.\u00a0 It will have a company logo in the left column and then the text of the company policy on the right.\u00a0 This template part consists of a column block (2 columns), a site logo block, and two paragraph blocks.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"638\" class=\"wp-image-96039\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-part-in-construction.jpg\" alt=\"Add template blocks to create a pattern\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-part-in-construction.jpg 1176w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-part-in-construction-300x191.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-part-in-construction-1024x653.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-part-in-construction-768x490.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br>\u00a0<br><\/li>\n\n\n\n<li>Since this template part might be used with other blocks on a page, it\u2019s best practice to keep all of the blocks in the template part as a <strong>group<\/strong>.\u00a0 Click on <strong>List view<\/strong> in the top left toolbar, then select all of the blocks that make up your template part. The top of the selected group of blocks is the column block.\u00a0 Click on the 3-dot vertical menu to the right of it, and then click on <strong>Group<\/strong>.\u00a0 This will group the blocks under a <strong>Group<\/strong> in the list view.\u00a0<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"638\" class=\"wp-image-96043\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/group-blocks-together.jpg\" alt=\"Group blocks together\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/group-blocks-together.jpg 1176w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/group-blocks-together-300x191.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/group-blocks-together-1024x653.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/group-blocks-together-768x490.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li>\n\n\n\n<li>Click on the blue <strong>Save<\/strong> button in the top right corner to save your work.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"638\" class=\"wp-image-96045\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/group-and-save.jpg\" alt=\"Group and Save blocks\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/group-and-save.jpg 1176w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/group-and-save-300x191.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/group-and-save-1024x653.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/group-and-save-768x490.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n<\/ol>\n\n\n\n<p><br>This completes the creation of your template part.\u00a0 When you look at the list of template parts, you will see your block added to the list.<br><br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"638\" class=\"wp-image-96046\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-part-added.jpg\" alt=\"Template part added\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-part-added.jpg 1176w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-part-added-300x191.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-part-added-1024x653.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-part-added-768x490.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"editing\"><br>Editing Template Parts<\/h2>\n\n\n\n<p>When you are editing template parts, you are modifying existing template parts to meet your website needs.\u00a0 WordPress currently allows you to make changes to the template part and clear changes in order to return the template parts to their original state.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>In the WordPress Full Site Editor, click on the <strong>WordPress logo<\/strong> in the top left corner to bring up the <strong>Editor<\/strong> options.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"638\" class=\"wp-image-96035\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-template-parts-editor.jpg\" alt=\"Select Template Parts\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-template-parts-editor.jpg 1176w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-template-parts-editor-300x191.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-template-parts-editor-1024x653.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/select-template-parts-editor-768x490.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n\n\n\n<li>Select the template part that you want to edit.\u00a0 In the screenshot below, we are clicking on <strong>Header<\/strong>.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"638\" class=\"wp-image-96049\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/edit-template-part-1.jpg\" alt=\"Select Header template to edit\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/edit-template-part-1.jpg 1176w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/edit-template-part-1-300x191.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/edit-template-part-1-1024x653.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/edit-template-part-1-768x490.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n\n\n\n<li>Edit your selected template part.\u00a0 To demonstrate the change, we have modified the header template part so that there is an image block added under the existing blocks.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"653\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/wordpress-save-edited-template-1024x653.jpg\" alt=\"Save image in WordPress\" class=\"wp-image-100147\" title=\"Save Image\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/wordpress-save-edited-template-1024x653.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/wordpress-save-edited-template-300x191.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/wordpress-save-edited-template-768x490.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/wordpress-save-edited-template.jpg 1176w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li>\n\n\n\n<li>When you have completed making changes to the template part.\u00a0 Click on the blue <strong>SAVE<\/strong> button in the top right corner.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"653\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/wordpress-save-edited-template-1024x653.jpg\" alt=\"Save image in WordPress\" class=\"wp-image-100147\" title=\"Save Image\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/wordpress-save-edited-template-1024x653.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/wordpress-save-edited-template-300x191.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/wordpress-save-edited-template-768x490.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/wordpress-save-edited-template.jpg 1176w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Deleting Template Part Changes<\/h3>\n\n\n\n<p>There may be a point when you may no longer need the changes you have made to existing template parts.\u00a0 You can click on a theme\u2019s existing template parts and clear any customizations.\u00a0 You can also delete any template parts that you may have added.<\/p>\n\n\n\n<p>To clear customized default template parts:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to the<em> Template Parts<\/em> page.<\/li>\n\n\n\n<li>Click on the<strong> 3-dot vertical menu<\/strong> to the right of the template part.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"653\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/wordpress-select-3-dot-menu-1024x653.jpg\" alt=\"Select a WordPress template\" class=\"wp-image-100146\" title=\"Select Template\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/wordpress-select-3-dot-menu-1024x653.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/wordpress-select-3-dot-menu-300x191.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/wordpress-select-3-dot-menu-768x490.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/08\/wordpress-select-3-dot-menu.jpg 1176w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n\n\n\n<li>Click on the <strong>Clear customizations<\/strong> option that appears. You will then see confirmation of the change by a notification confirming that the template part has been reverted.<br><\/li>\n<\/ol>\n\n\n\n<p>To delete an added template part:<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li>Go to the <em>Template Parts<\/em> page.<\/li>\n\n\n\n<li>Click on the <strong>3-dot vertical menu <\/strong>to the right of the template part.<\/li>\n\n\n\n<li>Click on the <strong>Delete template<\/strong> option.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"638\" class=\"wp-image-96051\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/delete-template-part.jpg\" alt=\"Delete template part\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/delete-template-part.jpg 1176w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/delete-template-part-300x191.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/delete-template-part-1024x653.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/delete-template-part-768x490.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li>\n<\/ol>\n\n\n\n<p><br>When you have completed deleting the template part, you will see a confirmation appear stating the part has been removed.<\/p>\n\n\n\n<p>Creating and editing template parts can help you build or change your WordPress site using the visual editor.\u00a0<br><br><\/p>\n\n\n<p>Learn more about the new WordPress editor, Gutenberg, and the capabilities of the separate Gutenberg plugin with our <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg?mktgp=t&amp;utm_source=id$$post_id$$&amp;utm_medium=link&amp;utm_campaign=supportcenter&amp;utm_term=wp-gutenberg\">helpful Gutenberg articles<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Template parts are patterns of blocks in a WordPress theme that can be used when building your site. For example, headers and footers and variations of them are considered template parts. This tutorial will walk you through the steps of creating and editing a template part in the WordPress full site editor.\u00a0 We will also<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/\"> Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4532],"tags":[],"class_list":["post-96021","post","type-post","status-publish","format-standard","hentry","category-full-site-editing"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Working with Template Parts in the WordPress Full Site Editor | InMotion Hosting<\/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:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Working with Template Parts in the WordPress Full Site Editor | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Template parts are patterns of blocks in a WordPress theme that can be used when building your site. For example, headers and footers and variations of them are considered template parts. This tutorial will walk you through the steps of creating and editing a template part in the WordPress full site editor.\u00a0 We will also Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-22T15:50:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-11T19:30:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header-1024x538.png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"Working with Template Parts in the WordPress Full Site Editor\",\"datePublished\":\"2022-04-22T15:50:35+00:00\",\"dateModified\":\"2024-03-11T19:30:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/\"},\"wordCount\":982,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header-1024x538.png\",\"articleSection\":[\"Full Site Editing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/\",\"name\":\"Working with Template Parts in the WordPress Full Site Editor | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header-1024x538.png\",\"datePublished\":\"2022-04-22T15:50:35+00:00\",\"dateModified\":\"2024-03-11T19:30:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header.png\",\"width\":1200,\"height\":630,\"caption\":\"Working with Template Parts - header image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Working with Template Parts in the WordPress Full Site Editor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Working with Template Parts in the WordPress Full Site Editor | InMotion Hosting","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:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/","og_locale":"en_US","og_type":"article","og_title":"Working with Template Parts in the WordPress Full Site Editor | InMotion Hosting","og_description":"Template parts are patterns of blocks in a WordPress theme that can be used when building your site. For example, headers and footers and variations of them are considered template parts. This tutorial will walk you through the steps of creating and editing a template part in the WordPress full site editor.\u00a0 We will also Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2022-04-22T15:50:35+00:00","article_modified_time":"2024-03-11T19:30:06+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header-1024x538.png","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"Working with Template Parts in the WordPress Full Site Editor","datePublished":"2022-04-22T15:50:35+00:00","dateModified":"2024-03-11T19:30:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/"},"wordCount":982,"commentCount":2,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header-1024x538.png","articleSection":["Full Site Editing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/","name":"Working with Template Parts in the WordPress Full Site Editor | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header-1024x538.png","datePublished":"2022-04-22T15:50:35+00:00","dateModified":"2024-03-11T19:30:06+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/04\/template-parts-header.png","width":1200,"height":630,"caption":"Working with Template Parts - header image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/template-parts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Working with Template Parts in the WordPress Full Site Editor"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4532,"name":"Full Site Editing","slug":"full-site-editing","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/96021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=96021"}],"version-history":[{"count":5,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/96021\/revisions"}],"predecessor-version":[{"id":108977,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/96021\/revisions\/108977"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=96021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=96021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=96021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}