{"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":"2021-08-02T10:19:23","modified_gmt":"2021-08-02T10:19:23","slug":"block-basics","status":"publish","type":"page","link":"https:\/\/docs.redsun.design\/amaya\/block-basics\/","title":{"rendered":"Block Basics"},"content":{"rendered":"\n<p>Blocks are the components for adding content in the new&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/wordpress-editor\/\" target=\"_blank\">WordPress block editor<\/a>.<\/p>\n\n\n\n<p>It is strongly recommended to get familiar with how the WordPress Block Editor works so you know how to use all the many features. <br>Find below some useful link:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/wordpress-editor\/\" target=\"_blank\">How to use the WordPress Block Editor<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/blocks\/\" target=\"_blank\">The default WordPress Blocks<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/adding-a-new-block\/\" target=\"_blank\">Adding a new block<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/list-view\/\" target=\"_blank\">The List View<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/moving-blocks\/\" target=\"_blank\">How to move blocks<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/support\/article\/group-block\/\" target=\"_blank\">How to group blocks<\/a><\/li><\/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\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.redsun.design\/coffeebean\/wp-content\/uploads\/sites\/2\/2020\/08\/Screenshot-2020-08-24-at-10.56.59-1024x436.png\" alt=\"\" class=\"wp-image-3129\" width=\"512\" height=\"218\" srcset=\"https:\/\/docs.redsun.design\/amaya\/wp-content\/uploads\/2020\/08\/Screenshot-2020-08-24-at-10.56.59-1024x436.png 1024w, https:\/\/docs.redsun.design\/amaya\/wp-content\/uploads\/2020\/08\/Screenshot-2020-08-24-at-10.56.59-300x128.png 300w, https:\/\/docs.redsun.design\/amaya\/wp-content\/uploads\/2020\/08\/Screenshot-2020-08-24-at-10.56.59-768x327.png 768w, https:\/\/docs.redsun.design\/amaya\/wp-content\/uploads\/2020\/08\/Screenshot-2020-08-24-at-10.56.59-1536x655.png 1536w, https:\/\/docs.redsun.design\/amaya\/wp-content\/uploads\/2020\/08\/Screenshot-2020-08-24-at-10.56.59.png 1736w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/figure><\/div>\n\n\n\n<p><br>Simply add the class <code>narrow <\/code>into the Additional CSS class(es) field.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.redsun.design\/amaya\/wp-content\/uploads\/2020\/11\/Screenshot-2020-11-16-at-20.54.54-1-446x1024.png\" alt=\"\" class=\"wp-image-3667\" width=\"223\" height=\"512\" srcset=\"https:\/\/docs.redsun.design\/amaya\/wp-content\/uploads\/2020\/11\/Screenshot-2020-11-16-at-20.54.54-1-446x1024.png 446w, https:\/\/docs.redsun.design\/amaya\/wp-content\/uploads\/2020\/11\/Screenshot-2020-11-16-at-20.54.54-1-131x300.png 131w, https:\/\/docs.redsun.design\/amaya\/wp-content\/uploads\/2020\/11\/Screenshot-2020-11-16-at-20.54.54-1.png 558w\" sizes=\"auto, (max-width: 223px) 100vw, 223px\" \/><\/figure><\/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 are the components for adding content in the new&nbsp;WordPress block editor. It is strongly recommended to get familiar with how the WordPress Block Editor works so you know how ...","protected":false},"author":2,"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\/amaya\/wp-json\/wp\/v2\/pages\/598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/comments?post=598"}],"version-history":[{"count":3,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/598\/revisions"}],"predecessor-version":[{"id":4110,"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/pages\/598\/revisions\/4110"}],"wp:attachment":[{"href":"https:\/\/docs.redsun.design\/amaya\/wp-json\/wp\/v2\/media?parent=598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}