{"id":98602,"date":"2022-07-08T22:51:35","date_gmt":"2022-07-09T02:51:35","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=98602"},"modified":"2022-07-11T11:02:57","modified_gmt":"2022-07-11T15:02:57","slug":"search-block-wordpress-fse","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/","title":{"rendered":"How to Use the Search Block in WordPress FSE"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse-1024x538.jpg\" alt=\"How to use Search Blocks in WordPress Full Site Editing (FSE)\" class=\"wp-image-98676\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse-1024x538.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse-300x158.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse-768x403.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse.jpg 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>The <strong>Search<\/strong> block is a widget used to search the published content of your WordPress site.  This tutorial will show you how to use the search block in the WordPress Full Site Editing (FSE) system. We will also provide some background information on the block and how it works with your WordPress site.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#use-search-block\">How to Use the Search Block<\/a><\/li><li><a href=\"#information\">Information on Using the Search Block<\/a><\/li><\/ul>\n\n\n\n<p class=\"alert alert-info\">This tutorial uses WordPress version 6.0 and the Twenty Twenty-two theme.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"use-search-block\">How to Use the Search Block<\/h2>\n\n\n\n<p>The search block can be used in the site editor or the post\/page editor for your content.  Using it on your home page, header, or footer of your site provides search functionality throughout your website.  Searches will bring up all instances of the search term from your published content.<\/p>\n\n\n\n<p>You will need to be <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">logged into the WordPress Administrator Dashboard<\/a> as an Administrator before following any of the steps below.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Site Editor \u2013 Templates or Template Parts<\/h3>\n\n\n\n<p>In order to add the block through your site editor follow these directions:<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>In the main menu, click on <strong>Appearance<\/strong>, then click on <strong>Editor<\/strong>.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"488\" class=\"wp-image-98678\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/appearance-editor.jpg\" alt=\"Appearance - Editor\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/appearance-editor.jpg 896w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/appearance-editor-300x146.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/appearance-editor-768x375.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li><li>You will need to decide where to place the Search option. For this tutorial, we will show you how to add it to the header.  Click on the<strong> WordPress logo<\/strong> in the top left corner.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"326\" class=\"wp-image-98680\" style=\"width: 800px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-wp-logo.jpg\" alt=\"Click on the WP logo\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-wp-logo.jpg 390w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-wp-logo-300x122.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li><li>Click on <strong>Template Parts<\/strong>.  Since we are adding the search block to the header, we will need to edit the header of the theme. <br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"563\" class=\"wp-image-98679\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-template-parts-1.jpg\" alt=\"Click template parts\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-template-parts-1.jpg 1280w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-template-parts-1-300x169.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-template-parts-1-1024x576.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-template-parts-1-768x432.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>Depending on the theme that you\u2019re using, you may see more than one header.  If you\u2019re using the other headers, then you will need to edit them all in order to add the search option.<br><\/li><li>Click on the <strong>header<\/strong> that you wish to edit.  Click on the template part title to open it in the editor.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"351\" class=\"wp-image-98681\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/selected-header-magnified.jpg\" alt=\"Selected header - magnified\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/selected-header-magnified.jpg 2016w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/selected-header-magnified-300x105.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/selected-header-magnified-1024x360.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/selected-header-magnified-768x270.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/selected-header-magnified-1536x539.jpg 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li><li>Click on <strong>list view<\/strong> in the top menu bar (it looks like 3 staggered horizontal lines on top of each other).  <\/li><li>The list view allows you to accurately determine where you want to place the search block.  Select a location, then click on the <strong>+ sign<\/strong>(<strong>Toggle Block Inserter)<\/strong> in the top left corner. <\/li><li>In the search field, type \u201csearch\u201d.  Click on the <strong>search<\/strong> block when you see it. The search block will be added. <br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"349\" class=\"wp-image-98682\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-search-block.jpg\" alt=\"Add search block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-search-block.jpg 1152w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-search-block-300x105.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-search-block-1024x357.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/add-search-block-768x268.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li><li>If it\u2019s not in the right spot, you can easily re-position it using your mouse to drag and drop it or click on the up or down arrows to move it. Make sure it\u2019s in the right spot, then go to the next step.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"405\" class=\"wp-image-98683\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-placed-2.jpg\" alt=\"Search block is placed\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-placed-2.jpg 1166w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-placed-2-300x121.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-placed-2-1024x415.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-placed-2-768x311.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li><li>Click on the blue <strong>Save<\/strong> button in the top right corner.  You will be asked to confirm that you\u2019re saving the header and the Header Template part that you selected earlier.  Click on <strong>Save<\/strong> again to confirm.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Post or Page Editor<\/h2>\n\n\n\n<p>The search block can also be used in a post or page that is displaying content on your WordPress site.  Typically, if you have a large post or multiple images that you want your viewer to be able to search when viewing that page or post, then you can add the search block in order to make it easier for the viewer to find specific content.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Open a new or existing post (or page).<\/li><li>Select the area where you want to add the search block.  You can also turn on <strong>list view<\/strong> to more accurately place the block if you have existing content.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"686\" class=\"wp-image-98684\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/turn-on-list-view.jpg\" alt=\"Turn on list view\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/turn-on-list-view.jpg 703w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/turn-on-list-view-300x206.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li><li>In list view, click on a block adjacent to where you will place the search block.  Click on the <strong>3-vertical menu<\/strong>, then select to insert the block before or after the block that you\u2019re on.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"334\" class=\"wp-image-98685\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/3-dot-vertical-menu.jpg\" alt=\"3-vertical dot menu\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/3-dot-vertical-menu.jpg 599w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/3-dot-vertical-menu-300x100.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li><li>Click on the <strong>Add bloc<\/strong>k (the <strong>+ sign<\/strong>).  Type \u201csearch\u201d in the search field.  This will bring up the search block.  Click on it to select it.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"444\" class=\"wp-image-98687\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-add-block.jpg\" alt=\"Click to add block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-add-block.jpg 1594w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-add-block-300x133.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-add-block-1024x455.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-add-block-768x341.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/click-add-block-1536x682.jpg 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br>If the block is not in the correct position, remember that you can always easily move the block using the drag and drop option or the positioning arrows on the block toolbar.<br><\/li><li>Once the block is in the proper place and set up the way you want it, click on <strong>Save Draft<\/strong>, <strong>Update<\/strong>, or <strong>Publish<\/strong> in order to save your post or page.<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Search Block Options<\/h3>\n\n\n\n<p>The search block has a number of options that you can select from the toolbar and from the block options at the right of the page.  We\u2019ll cover each option below.  To bring up the toolbar, click on the block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"705\" height=\"192\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-and-block.jpg\" alt=\"Toolbar and Block - you can see the different options in the toolbar\" class=\"wp-image-98688\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-and-block.jpg 705w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-and-block-300x82.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Toolbar options specific to the search block<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"68\" class=\"wp-image-98690\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-position-1.jpg\" alt=\"Toolbar - position options\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-position-1.jpg 360w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-position-1-300x41.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/td><td>These two options allow you to move the toolbar by dragging and dropping or using the up and down arrows to position it<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"68\" class=\"wp-image-98691\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-alignment-1.jpg\" alt=\"Toolbar alignment options\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-alignment-1.jpg 360w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-alignment-1-300x41.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/td><td>Alignment options \u2013 none, left, center, or right<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"68\" class=\"wp-image-98693\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-toggle-search-label.jpg\" alt=\"Toolbar search label toggle\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-toggle-search-label.jpg 360w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-toggle-search-label-300x41.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/td><td>Toggle the Search label above the search box (off or on)<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"68\" class=\"wp-image-98695\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-button-position.jpg\" alt=\"Toolbar- Set button position\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-button-position.jpg 360w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-button-position-300x41.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/td><td>Search button position \u2013 outside, inside, or no button<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"68\" class=\"wp-image-98699\" style=\"width: 500px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-button-or-text.jpg\" alt=\"Toolbar - toggle icon or text\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-button-or-text.jpg 360w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/toolbar-button-or-text-300x41.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/td><td>Toggle icon or text for the search button<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Search Instruction Text<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"705\" height=\"192\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-optional-text-placeholder.jpg\" alt=\"Placeholder for optional text to use in the search bar\" class=\"wp-image-98700\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-optional-text-placeholder.jpg 705w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-optional-text-placeholder-300x82.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>When you\u2019re editing the search block or just adding the search block, you have the option to add instructional text where you see \u201c<strong>Optional placeholder\u2026<\/strong>\u201c<\/p>\n\n\n\n<p>You can type in your own instructions.  For example, \u201cType your search text here.\u201d<\/p>\n\n\n\n<p>In addition to the toolbar settings, the block has properties that affect how the search block will appear.  These properties include:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 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 loading=\"lazy\" decoding=\"async\" width=\"312\" height=\"804\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-properties.jpg\" alt=\"Search block properties in the right column of the editor\" class=\"wp-image-98701\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-properties.jpg 312w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-properties-116x300.jpg 116w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\"><li><strong>Display  Settings<\/strong> -you can select a width in pixels, or use percentages to determine how wide the block will appear.<br><\/li><li><strong>Color<\/strong> \u2013 Here you can set the color for the text or background in the Search block. There are no colors not selected by default.  Note that this option may be determined by the theme that you use.<br><\/li><li><strong>Border Width <\/strong>\u2013 This determines the width of the border around the search field.  <br><\/li><li><strong>Border Color<\/strong> \u2013 This determines the color of the border around the search field.  This option may be determined by the theme you are using.  <br><\/li><li><strong>Border Radius<\/strong> \u2013 This determines the shape of the border and the button used by the search block. The maximum value makes the search field and button into pill shapes.  Size can be set by pixels or using the slider.<\/li><\/ul>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"information\">Information on Using the Search Block<\/h2>\n\n\n\n<p>The <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/\">WordPress Full Site Editing System (FSE)<\/a> uses many blocks that were developed as a result of moving to the <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/gutenberg\/\">Gutenberg system<\/a> for content development.  Some of these blocks were originally <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/wordpress-widgets\/\" target=\"_blank\">widgets<\/a> in the older versions of WordPress. The s<strong>earch<\/strong> block is one of the widgets that were moved into the blocks of the WordPress visual editor.  Though, it is still categorized in the blocks as a widget.<\/p>\n\n\n\n<p>The search block is essential for your WordPress site because it allows visitors to find specific content.  The search looks through all of your published content.  It can find specific text in a published post, or even alt text that you may have assigned to a file in your media library.<\/p>\n\n\n\n<p>The search block provides a powerful tool to find content that you may not have categorized or tagged.  However, although this tool provides that functionality for your users, it is still very important to develop a system in how you use categories and tags that make up your published content.  Using well-ordered categories and tags will help with your search engine optimization by providing order to your content so that search engines can more easily index your site.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\">\n\n\n\n<p>The search block is a potent tool that enables your users to make more use of the content you provide on your WordPress site.  Go to our InMotion Support Center to learn more about the <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/\">WordPress Full Site Editing (FSE) system<\/a>.<\/p>\n\n\n<p>\u201c<\/p>\n<div class=\"\" alert=\"\" alert-info\"\"=\"\" style=\"\" margin:=\"\" 40px=\"\" 0;\"\"=\"\">\n<p>If you need a new home for your WordPress site, look no further than InMotion\u2019s <a href=\"\" https:=\"\" www.inmotionhosting.com=\"\" wordpress-hosting?mktgp=\"t&amp;utm_source=id$$post_id$$&amp;utm_medium=link&amp;utm_campaign=supportcenter&amp;utm_term=wp-cta1&quot;&quot;\">WordPress Hosting<\/a> solutions for secure, optimized, budget-friendly servers.<\/p>\n<p><img decoding=\"async\" src=\"\" https:=\"\" www.inmotionhosting.com=\"\" images=\"\" check.svg\"\"=\"\" alt=\"\" check=\"\" mark\"\"=\"\" width=\"\" 24\"\"=\"\" height=\"\">Fast &amp; Easy Transfers \u00a0\u00a0 <img decoding=\"async\" src=\"\" https:=\"\" www.inmotionhosting.com=\"\" images=\"\" check.svg\"\"=\"\" alt=\"\" check=\"\" mark\"\"=\"\" width=\"\" 24\"\"=\"\" height=\"\">Free SSLs \u00a0\u00a0 <img decoding=\"async\" src=\"\" https:=\"\" www.inmotionhosting.com=\"\" images=\"\" check.svg\"\"=\"\" alt=\"\" check=\"\" mark\"\"=\"\" width=\"\" 24\"\"=\"\" height=\"\">Hack Protection \u00a0\u00a0 <img decoding=\"async\" src=\"\" https:=\"\" www.inmotionhosting.com=\"\" images=\"\" check.svg\"\"=\"\" alt=\"\" check=\"\" mark\"\"=\"\" width=\"\" 24\"\"=\"\" height=\"\">Affordable<\/p>\n<p><a class=\"\" btn=\"\" btn-primary=\"\" btn-lg\"\"=\"\" style=\"\" padding:=\"\" 12px;=\"\" font-weight:=\"\" bold;=\"\" font-size:=\"\" 1em;=\"\" display:=\"\" block;=\"\" margin-left:=\"\" auto;=\"\" margin-right:=\"\" max-width:=\"\" 310px;=\"\" outline:=\"\" 0;\"\"=\"\" href=\"\" https:=\"\" www.inmotionhosting.com=\"\" wordpress-hosting?mktgp=\"t&amp;utm_source=id$$post_id$$&amp;utm_medium=link&amp;utm_campaign=supportcenter&amp;utm_term=wp-cta1&quot;&quot;\">View WordPress Hosting Plans<\/a><\/p>\n<\/div>\n<p>\u201c<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Search block is a widget used to search the published content of your WordPress site. This tutorial will show you how to use the search block in the WordPress Full Site Editing (FSE) system. We will also provide some background information on the block and how it works with your WordPress site. How to<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/\"> 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-98602","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>How to Use the Search Block in WordPress FSE | 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\/search-block-wordpress-fse\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use the Search Block in WordPress FSE | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"The Search block is a widget used to search the published content of your WordPress site. This tutorial will show you how to use the search block in the WordPress Full Site Editing (FSE) system. We will also provide some background information on the block and how it works with your WordPress site. How to Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/\" \/>\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-07-09T02:51:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-11T15:02:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse-1024x538.jpg\" \/>\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=\"6 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\/search-block-wordpress-fse\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"How to Use the Search Block in WordPress FSE\",\"datePublished\":\"2022-07-09T02:51:35+00:00\",\"dateModified\":\"2022-07-11T15:02:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/\"},\"wordCount\":1296,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse-1024x538.jpg\",\"articleSection\":[\"Full Site Editing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/\",\"name\":\"How to Use the Search Block in WordPress FSE | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse-1024x538.jpg\",\"datePublished\":\"2022-07-09T02:51:35+00:00\",\"dateModified\":\"2022-07-11T15:02:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse.jpg\",\"width\":1200,\"height\":630,\"caption\":\"How to Use the Search Block in WordPress Full Site Editing (FSE)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use the Search Block in WordPress FSE\"}]},{\"@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":"How to Use the Search Block in WordPress FSE | 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\/search-block-wordpress-fse\/","og_locale":"en_US","og_type":"article","og_title":"How to Use the Search Block in WordPress FSE | InMotion Hosting","og_description":"The Search block is a widget used to search the published content of your WordPress site. This tutorial will show you how to use the search block in the WordPress Full Site Editing (FSE) system. We will also provide some background information on the block and how it works with your WordPress site. How to Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2022-07-09T02:51:35+00:00","article_modified_time":"2022-07-11T15:02:57+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse-1024x538.jpg","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":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"How to Use the Search Block in WordPress FSE","datePublished":"2022-07-09T02:51:35+00:00","dateModified":"2022-07-11T15:02:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/"},"wordCount":1296,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse-1024x538.jpg","articleSection":["Full Site Editing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/","name":"How to Use the Search Block in WordPress FSE | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse-1024x538.jpg","datePublished":"2022-07-09T02:51:35+00:00","dateModified":"2022-07-11T15:02:57+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2022\/07\/search-block-fse.jpg","width":1200,"height":630,"caption":"How to Use the Search Block in WordPress Full Site Editing (FSE)"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/full-site-editing\/search-block-wordpress-fse\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Use the Search Block in WordPress FSE"}]},{"@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":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/98602","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=98602"}],"version-history":[{"count":3,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/98602\/revisions"}],"predecessor-version":[{"id":98702,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/98602\/revisions\/98702"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=98602"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=98602"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=98602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}