{"id":74605,"date":"2022-01-31T14:08:44","date_gmt":"2022-01-31T14:08:44","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?page_id=74605"},"modified":"2023-05-17T12:25:36","modified_gmt":"2023-05-17T12:25:36","slug":"how-to-schema","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/how-to-schema\/","title":{"rendered":"How-to Schema block for Gutenberg"},"content":{"rendered":"\n
<\/div>
\n
\n

How-to Schema
GUTENBERG<\/span> block<\/h1>

Create practical step-by-step how-tos and tutorials with
automatically generating JSON structured data snippets.<\/p>

\n
TRY QI BLOCKS<\/span><\/a><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Step-by-step tutorials<\/span>

How to use the How-to Schema<\/h2>

A custom block that provides you with a smooth & reliable way to easily create your style of step-by-step tutorials and how-tos. Aside from numerous customization options, you also get one innovative, practical premium feature with this block \u2013 this element automatically generates JSON data and places it in the code, enhancing your chances of getting indexed on all search engines, even on non-standard devices such are certain mobile devices & TVs.<\/p><\/div>

Step 1: Drag-and-Drop the Element to a Desired Location<\/h4>

As with all Qi Blocks for Gutenberg custom blocks, the How-to Schema was primarily made with ease of use in mind. To add the element, locate the block by clicking either of the two ‘+’ buttons (found in the top left of the screen and in the section below the ‘Add title’ text, to the right, respectively). Next up, type the name of the block in the search field that pops up. Now you can simply drag-and-drop the block to a desired section on the screen.<\/p>

\"How-To<\/div><\/div>

Step 2: Adjusting the How-to Schema Block Content Settings<\/h4>

Here you have the option to automatically generate and insert JSON structured data snippets into the code (this is enabled by default), and this is also where you can input a title, subtitle and some additional textual content for the element. These will be displayed at the very top of your how-to. You can also input individual items or steps here; for each of the steps you wish to add to your step-by-step tutorial you can add a title, some textual content, and an image. <\/p>

\"How-To<\/div><\/div>
\"How-To<\/div><\/div>

Step 3: Configuring the How-to Schema Block Style Settings<\/h4>

After you have finished with the basic set up of your How-to Schema, you can move on to styling the element. To access these settings, simply click on the tab titled Style, located next to the Content tab in the upper-right side of the screen. Here you can adjust headings, colors, typography, spacings and more, and this can be done for the how-to intro section & the steps separately.<\/p>

\"How-To<\/div><\/div>

Step 4: A Premium Feature That You Get for Free<\/h4>

How-to Schema custom block for Gutenberg automatically generates lightweight JSON structured data snippets and inserts it into the code; in effect, this means that your page will have a better chance of getting indexed by search engines, and it will even help your page appear in searches on non-standard devices such are certain mobile devices, TVs and more. What\u2019s more, this cutting-edge solution is completely free, as is the case with over 40 other Qi Blocks for Gutenberg!<\/p>

\"a\"<\/div><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n
Get Qi Blocks for Gutenberg with 80 professionally designed custom blocks for creating modern websites the easy way. Experience Full Site Editing executed to perfection!<\/h5><\/div>
\n
View More<\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"qi-full-width.php","meta":{"footnotes":""},"class_list":["post-74605","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/74605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/comments?post=74605"}],"version-history":[{"count":4,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/74605\/revisions"}],"predecessor-version":[{"id":85317,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/74605\/revisions\/85317"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/media?parent=74605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}