{"id":11,"date":"2021-06-28T21:02:51","date_gmt":"2021-06-28T21:02:51","guid":{"rendered":"https:\/\/guigi.art\/?page_id=11"},"modified":"2021-07-02T21:56:02","modified_gmt":"2021-07-02T21:56:02","slug":"create-your-website-with-blocks","status":"publish","type":"page","link":"https:\/\/guigi.art\/","title":{"rendered":"Create your website with blocks"},"content":{"rendered":"\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"909\" height=\"1024\" src=\"https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/threefigures-final-2-909x1024.jpg\" alt=\"\" data-id=\"32\" data-full-url=\"https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/threefigures-final-2.jpg\" data-link=\"https:\/\/guigi.art\/?attachment_id=32\" class=\"wp-image-32\" srcset=\"https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/threefigures-final-2-909x1024.jpg 909w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/threefigures-final-2-266x300.jpg 266w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/threefigures-final-2-768x865.jpg 768w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/threefigures-final-2-1364x1536.jpg 1364w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/threefigures-final-2-1568x1766.jpg 1568w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/threefigures-final-2.jpg 1600w\" sizes=\"auto, (max-width: 909px) 100vw, 909px\" \/><figcaption class=\"blocks-gallery-item__caption\">This is a caption<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-color-819x1024.jpg\" alt=\"\" data-id=\"34\" data-full-url=\"https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-color.jpg\" data-link=\"https:\/\/guigi.art\/?attachment_id=34\" class=\"wp-image-34\" srcset=\"https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-color-819x1024.jpg 819w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-color-240x300.jpg 240w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-color-768x960.jpg 768w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-color-1229x1536.jpg 1229w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-color-1568x1960.jpg 1568w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-color.jpg 1600w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-bw-819x1024.jpg\" alt=\"\" data-id=\"35\" data-full-url=\"https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-bw.jpg\" data-link=\"https:\/\/guigi.art\/?attachment_id=35\" class=\"wp-image-35\" srcset=\"https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-bw-819x1024.jpg 819w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-bw-240x300.jpg 240w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-bw-768x960.jpg 768w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-bw-1229x1536.jpg 1229w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-bw-1568x1960.jpg 1568w, https:\/\/guigi.art\/wp-content\/uploads\/2021\/07\/room-01-final-bw.jpg 1600w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<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\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-style-twentytwentyone-columns-overlap is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignfull size-large\"><img decoding=\"async\" src=\"https:\/\/guigi.art\/wp-content\/themes\/twentytwentyone\/assets\/images\/roses-tremieres-hollyhocks-1884.jpg\" alt=\"\u201cRoses Tr\u00e9mi\u00e8res\u201d by Berthe Morisot\"\/><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image alignfull size-large is-style-twentytwentyone-image-frame\"><img decoding=\"async\" src=\"https:\/\/guigi.art\/wp-content\/themes\/twentytwentyone\/assets\/images\/in-the-bois-de-boulogne.jpg\" alt=\"\u201cIn the Bois de Boulogne\u201d by Berthe Morisot\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large alignfull size-full is-style-twentytwentyone-border\"><img decoding=\"async\" src=\"https:\/\/guigi.art\/wp-content\/themes\/twentytwentyone\/assets\/images\/young-woman-in-mauve.jpg\" alt=\"\u201cYoung Woman in Mauve\u201d by Berthe Morisot\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Add block patterns<\/h3>\n\n\n\n<p>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<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Frame your images<\/h3>\n\n\n\n<p>Twenty Twenty-One includes stylish borders for your content. With an Image block selected, open the &#8220;Styles&#8221; panel within the Editor sidebar. Select the &#8220;Frame&#8221; block style to activate it.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Overlap columns<\/h3>\n\n\n\n<p>Twenty Twenty-One also includes an overlap style for column blocks. With a Columns block selected, open the &#8220;Styles&#8221; panel within the Editor sidebar. Choose the &#8220;Overlap&#8221; block style to try it out.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<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<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-huge-font-size\">Need help?<\/p>\n\n\n\n<div style=\"height:75px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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<p><a href=\"https:\/\/wordpress.org\/support\/article\/twenty-twenty-one\/\">Read the Theme Documentation<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><a href=\"https:\/\/wordpress.org\/support\/theme\/twentytwentyone\/\">Check out the Support Forums<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n","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; <a class=\"more-link\" href=\"https:\/\/guigi.art\/\">Continue reading <span class=\"screen-reader-text\">Create your website with blocks<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/guigi.art\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guigi.art\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/guigi.art\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/guigi.art\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/guigi.art\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":3,"href":"https:\/\/guigi.art\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/guigi.art\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/guigi.art\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}