{"id":15,"date":"2021-09-09T12:05:20","date_gmt":"2021-09-09T12:05:20","guid":{"rendered":"http:\/\/cloud.adroitguru.com\/?page_id=15"},"modified":"2021-09-09T12:05:20","modified_gmt":"2021-09-09T12:05:20","slug":"create-your-website-with-blocks","status":"publish","type":"page","link":"https:\/\/cloud.adroitguru.com\/index.php\/create-your-website-with-blocks\/","title":{"rendered":"Create your website with blocks"},"content":{"rendered":"\n\t\t\t\t\t\n\t\t\t\t\t<h2 class=\"alignwide has-text-align-wide has-gigantic-font-size wp-block-heading\" style=\"line-height:1.1\">Create your website with blocks<\/h2>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-style-twentytwentyone-columns-overlap is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n\t\t\t\t\t<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n\t\t\t\t\t<figure class=\"wp-block-image alignfull size-large\"><img decoding=\"async\" src=\"https:\/\/i2.wp.com\/cloud.adroitguru.com\/wp-content\/themes\/twentytwentyone\/assets\/images\/roses-tremieres-hollyhocks-1884.jpg?w=980&#038;ssl=1\" alt=\"&#8220;Roses Tr\u00e9mi\u00e8res&#8221; by Berthe Morisot\" data-recalc-dims=\"1\"\/><\/figure>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<figure class=\"wp-block-image alignfull size-large is-style-twentytwentyone-image-frame\"><img decoding=\"async\" src=\"https:\/\/i2.wp.com\/cloud.adroitguru.com\/wp-content\/themes\/twentytwentyone\/assets\/images\/in-the-bois-de-boulogne.jpg?w=980&#038;ssl=1\" alt=\"&#8220;In the Bois de Boulogne&#8221; by Berthe Morisot\" data-recalc-dims=\"1\"\/><\/figure>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n\t\t\t\t\t<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<figure class=\"wp-block-image size-large alignfull size-full is-style-twentytwentyone-border\"><img decoding=\"async\" src=\"https:\/\/i1.wp.com\/cloud.adroitguru.com\/wp-content\/themes\/twentytwentyone\/assets\/images\/young-woman-in-mauve.jpg?w=980&#038;ssl=1\" alt=\"&#8220;Young Woman in Mauve&#8221; by Berthe Morisot\" data-recalc-dims=\"1\"\/><\/figure>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n\t\t\t\t\t<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n\t\t\t\t\t<h3 class=\"wp-block-heading\">Add block patterns<\/h3>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<p class=\"wp-block-paragraph\">Block patterns are pre-designed groups of blocks. To add one, select the Add Block button [+] in the toolbar at the top of the editor. Switch to the Patterns tab underneath the search bar, and choose a pattern.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n\t\t\t\t\t<h3 class=\"wp-block-heading\">Frame your images<\/h3>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<p class=\"wp-block-paragraph\">Twenty Twenty-One includes stylish borders for your content. With an Image block selected, open the &quot;Styles&quot; panel within the Editor sidebar. Select the &quot;Frame&quot; block style to activate it.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n\t\t\t\t\t<h3 class=\"wp-block-heading\">Overlap columns<\/h3>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<p class=\"wp-block-paragraph\">Twenty Twenty-One also includes an overlap style for column blocks. With a Columns block selected, open the &quot;Styles&quot; panel within the Editor sidebar. Choose the &quot;Overlap&quot; block style to try it out.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"wp-block-cover alignwide has-green-background-color has-background-dim is-style-twentytwentyone-border\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n\t\t\t\t\t<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<p class=\"has-huge-font-size wp-block-paragraph\">Need help?<\/p>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div style=\"height:75px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n\t\t\t\t\t<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\t\t\t\t\t<p class=\"wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/support\/article\/twenty-twenty-one\/\">Read the Theme Documentation<\/a><\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n\t\t\t\t\t<p class=\"wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/support\/theme\/twentytwentyone\/\">Check out the Support Forums<\/a><\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t\t<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\t\t\t\t\t<\/div><\/div>\n\t\t\t\t\t","protected":false},"excerpt":{"rendered":"<p>Create your website with blocks Add block patterns Block patterns are pre-designed groups of blocks. To add one, select the Add Block button [+] in the toolbar at the top of the editor. Switch to the Patterns tab underneath the search bar, and choose a pattern. Frame your images Twenty Twenty-One includes stylish borders for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"spay_email":"","footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"jetpack-related-posts":[{"id":2,"url":"https:\/\/cloud.adroitguru.com\/index.php\/sample-page\/","url_meta":{"origin":15,"position":0},"title":"Sample Page","date":"September 9, 2021","format":false,"excerpt":"This is an example page. It's different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this: Hi\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":16,"url":"https:\/\/cloud.adroitguru.com\/index.php\/about\/","url_meta":{"origin":15,"position":1},"title":"About","date":"September 9, 2021","format":false,"excerpt":"You might be an artist who would like to introduce yourself and your work here or maybe you\u2019re a business with a mission to describe.","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/cloud.adroitguru.com\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloud.adroitguru.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cloud.adroitguru.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cloud.adroitguru.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cloud.adroitguru.com\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":1,"href":"https:\/\/cloud.adroitguru.com\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/cloud.adroitguru.com\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/cloud.adroitguru.com\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}