{"id":6,"date":"2021-01-13T03:16:28","date_gmt":"2021-01-13T03:16:28","guid":{"rendered":"http:\/\/maadefense.com\/?page_id=6"},"modified":"2022-04-28T05:04:30","modified_gmt":"2022-04-28T05:04:30","slug":"create-your-website-with-blocks","status":"publish","type":"page","link":"https:\/\/maadefense.com\/","title":{"rendered":"Create your website with blocks"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]<!-- divi:heading {\"align\":\"wide\",\"className\":\"has-text-align-wide\",\"fontSize\":\"gigantic\",\"style\":{\"typography\":{\"lineHeight\":\"1.1\"}}} --><\/p>\n<h2 class=\"alignwide has-text-align-wide has-gigantic-font-size\" style=\"line-height: 1.1;\"><span style=\"font-size: 22px;\">Add block patterns<\/span><\/h2>\n<h2 class=\"alignwide has-text-align-wide has-gigantic-font-size\" style=\"line-height: 1.1;\"><span style=\"font-size: 14px;\">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.<\/span><\/h2>\n<p><!-- \/divi:heading --><!-- divi:spacer --><\/p>\n<div style=\"height: 100px;\" aria-hidden=\"true\" class=\"wp-block-spacer\"><span style=\"color: #333333; font-size: 22px;\">Frame your images<\/span><\/div>\n<div style=\"height: 100px;\" aria-hidden=\"true\" class=\"wp-block-spacer\"><span style=\"font-size: 14px;\">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.<\/span><\/div>\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top\"><!-- \/divi:column --> <!-- divi:column {\"verticalAlignment\":\"top\"} --><\/p>\n<div class=\"wp-block-column is-vertically-aligned-top\"><!-- divi:heading {\"level\":3} --><\/p>\n<h3>Overlap columns<\/h3>\n<p><!-- \/divi:heading --> <!-- divi:paragraph --><\/p>\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<p><!-- \/divi:paragraph --><\/div>\n<p><!-- \/divi:column --><\/div>\n<p><!-- \/divi:columns --><!-- divi:spacer --><\/p>\n<div style=\"height: 100px;\" aria-hidden=\"true\" class=\"wp-block-spacer\"><span style=\"font-size: 14px;\">Need help?<\/span><\/div>\n<div style=\"height: 100px;\" aria-hidden=\"true\" class=\"wp-block-spacer\"><span style=\"font-size: 14px;\"><\/span><a href=\"https:\/\/wordpress.org\/support\/article\/twenty-twenty-one\/\" style=\"font-size: 14px;\">Read the Theme Documentation<\/a><\/div>\n<div class=\"wp-block-cover alignwide has-green-background-color has-background-dim is-style-twentytwentyone-border\">\n<div class=\"wp-block-cover__inner-container\">\n<div class=\"wp-block-columns\"><!-- \/divi:column --> <!-- divi:column --><\/p>\n<div class=\"wp-block-column\"><!-- divi:paragraph --><\/p>\n<p><a href=\"https:\/\/wordpress.org\/support\/theme\/twentytwentyone\/\">Check out the Support Forums<\/a><\/p>\n<p><!-- \/divi:paragraph --><\/div>\n<p><!-- \/divi:column --><\/div>\n<p><!-- \/divi:columns --> <!-- divi:spacer {\"height\":20} --><\/p>\n<div style=\"height: 20px;\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p><!-- \/divi:spacer --><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><!-- \/divi:cover -->[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 your content. With an Image [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:heading {\"align\":\"wide\",\"className\":\"has-text-align-wide\",\"fontSize\":\"gigantic\",\"style\":{\"typography\":{\"lineHeight\":\"1.1\"}}} -->\n<h2 class=\"alignwide has-text-align-wide has-gigantic-font-size\" style=\"line-height:1.1\">Create your website with blocks<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:spacer -->\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:columns {\"verticalAlignment\":\"center\",\"align\":\"wide\",\"className\":\"is-style-twentytwentyone-columns-overlap\"} -->\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-style-twentytwentyone-columns-overlap\"><!-- wp:column {\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:image {\"align\":\"full\",\"sizeSlug\":\"large\"} -->\n<figure class=\"wp-block-image alignfull size-large\"><img src=\"https:\/\/maadefense.com\/wp-content\/themes\/twentytwentyone\/assets\/images\/roses-tremieres-hollyhocks-1884.jpg\" alt=\"\u201cRoses Tremieres\u201d by Berthe Morisot\"\/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:spacer -->\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:image {\"align\":\"full\",\"sizeSlug\":\"large\",\"className\":\"is-style-twentytwentyone-image-frame\"} -->\n<figure class=\"wp-block-image alignfull size-large is-style-twentytwentyone-image-frame\"><img src=\"https:\/\/maadefense.com\/wp-content\/themes\/twentytwentyone\/assets\/images\/in-the-bois-de-boulogne.jpg\" alt=\"\u201cIn the Bois de Boulogne\u201d by Berthe Morisot\"\/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:spacer -->\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:image {\"sizeSlug\":\"large\",\"className\":\"alignfull size-full is-style-twentytwentyone-border\"} -->\n<figure class=\"wp-block-image size-large alignfull size-full is-style-twentytwentyone-border\"><img src=\"https:\/\/maadefense.com\/wp-content\/themes\/twentytwentyone\/assets\/images\/young-woman-in-mauve.jpg\" alt=\"\u201cYoung Woman in Mauve\u201d by Berthe Morisot\"\/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:spacer {\"height\":50} -->\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:columns {\"verticalAlignment\":\"top\",\"align\":\"wide\"} -->\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top\"><!-- wp:column {\"verticalAlignment\":\"top\"} -->\n<div class=\"wp-block-column is-vertically-aligned-top\"><!-- wp:heading {\"level\":3} -->\n<h3>Add block patterns<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\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<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"top\"} -->\n<div class=\"wp-block-column is-vertically-aligned-top\"><!-- wp:heading {\"level\":3} -->\n<h3>Frame your images<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Twenty Twenty-One includes stylish borders for your content. With an Image block selected, open the \"Styles\" panel within the Editor sidebar. Select the \"Frame\" block style to activate it.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"top\"} -->\n<div class=\"wp-block-column is-vertically-aligned-top\"><!-- wp:heading {\"level\":3} -->\n<h3>Overlap columns<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Twenty Twenty-One also includes an overlap style for column blocks. With a Columns block selected, open the \"Styles\" panel within the Editor sidebar. Choose the \"Overlap\" block style to try it out.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:spacer -->\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:cover {\"overlayColor\":\"green\",\"contentPosition\":\"center center\",\"align\":\"wide\",\"className\":\"is-style-twentytwentyone-border\"} -->\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\"><!-- wp:spacer {\"height\":20} -->\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:paragraph {\"fontSize\":\"huge\"} -->\n<p class=\"has-huge-font-size\">Need help?<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:spacer {\"height\":75} -->\n<div style=\"height:75px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:columns -->\n<div class=\"wp-block-columns\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:paragraph -->\n<p><a href=\"https:\/\/wordpress.org\/support\/article\/twenty-twenty-one\/\">Read the Theme Documentation<\/a><\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:paragraph -->\n<p><a href=\"https:\/\/wordpress.org\/support\/theme\/twentytwentyone\/\">Check out the Support Forums<\/a><\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:spacer {\"height\":20} -->\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer --><\/div><\/div>\n<!-- \/wp:cover -->","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/maadefense.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maadefense.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maadefense.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maadefense.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maadefense.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":14,"href":"https:\/\/maadefense.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":12930,"href":"https:\/\/maadefense.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/12930"}],"wp:attachment":[{"href":"https:\/\/maadefense.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}