{"id":598,"date":"2020-07-31T12:06:34","date_gmt":"2020-07-31T12:06:34","guid":{"rendered":"http:\/\/redhost:8888\/documentation\/?page_id=598"},"modified":"2023-04-20T09:35:17","modified_gmt":"2023-04-20T09:35:17","slug":"block-basics","status":"publish","type":"page","link":"https:\/\/docs.redsun.design\/soulkitchen\/block-basics\/","title":{"rendered":"Block Basics"},"content":{"rendered":"\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/blocks\/\" target=\"_blank\">Blocks<\/a>&nbsp;are the content elements that you add to create content layouts.<\/p>\n\n\n\n<p>Find below some useful link:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/wordpress-editor\/\" target=\"_blank\">The WordPress Block Editor<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/working-with-blocks\" target=\"_blank\">Working with blocks<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/blocks\/\" target=\"_blank\">The default WordPress blocks<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/adding-a-new-block\/\" target=\"_blank\">Adding a new block<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/list-view\/\" target=\"_blank\">The List View<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/moving-blocks\/\" target=\"_blank\">How to move blocks<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/group-block\/\" target=\"_blank\">How to group blocks<\/a><\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Commonly used blocks used in the Theme Demos<\/h4>\n\n\n\n<h6 class=\"wp-block-heading\"><a href=\"https:\/\/wordpress.org\/support\/article\/spacer-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">The Spacer Block<\/a><\/h6>\n\n\n\n<p>Adds some extra space between two blocks.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><a href=\"https:\/\/wordpress.org\/support\/article\/paragraph-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">The Paragraph Block<\/a><\/h6>\n\n\n\n<p>The Paragraph is the most commonly used block.<br>The theme additionally includes a CSS class to display text a maximum of 700px wide.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.redsun.design\/soulkitchen\/wp-content\/uploads\/sites\/3\/2023\/04\/narrowtext-1024x313.png\" alt=\"\" class=\"wp-image-4998\" width=\"512\" height=\"157\" srcset=\"https:\/\/docs.redsun.design\/soulkitchen\/wp-content\/uploads\/sites\/3\/2023\/04\/narrowtext-1024x313.png 1024w, https:\/\/docs.redsun.design\/soulkitchen\/wp-content\/uploads\/sites\/3\/2023\/04\/narrowtext-300x92.png 300w, https:\/\/docs.redsun.design\/soulkitchen\/wp-content\/uploads\/sites\/3\/2023\/04\/narrowtext-768x235.png 768w, https:\/\/docs.redsun.design\/soulkitchen\/wp-content\/uploads\/sites\/3\/2023\/04\/narrowtext.png 1536w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure><\/div>\n\n\n<p><br>In the <strong>Block<\/strong> Tab, scroll down to <strong>Advanced<\/strong> and simply add the class <code>narrow <\/code>into the Additional CSS class(es) field.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.redsun.design\/soulkitchen\/wp-content\/uploads\/sites\/3\/2023\/04\/narrow.jpg\" alt=\"\" class=\"wp-image-4994\" width=\"275\" height=\"376\" srcset=\"https:\/\/docs.redsun.design\/soulkitchen\/wp-content\/uploads\/sites\/3\/2023\/04\/narrow.jpg 550w, https:\/\/docs.redsun.design\/soulkitchen\/wp-content\/uploads\/sites\/3\/2023\/04\/narrow-219x300.jpg 219w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/figure><\/div>\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/support\/article\/media-text-block\/\"><strong>The Text and Media Block<\/strong><\/a><\/p>\n\n\n\n<p>The theme uses the Text and Media Block for example on the Locations page.<\/p>\n","protected":false},"excerpt":{"rendered":"Blocks&nbsp;are the content elements that you add to create content layouts. Find below some useful link: The WordPress Block Editor Working with blocks The default WordPress blocks Adding a new ...","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-598","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/pages\/598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/comments?post=598"}],"version-history":[{"count":10,"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/pages\/598\/revisions"}],"predecessor-version":[{"id":5000,"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/pages\/598\/revisions\/5000"}],"wp:attachment":[{"href":"https:\/\/docs.redsun.design\/soulkitchen\/wp-json\/wp\/v2\/media?parent=598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}