{"id":22,"date":"2021-06-28T18:39:55","date_gmt":"2021-06-28T18:39:55","guid":{"rendered":"https:\/\/www.valence-project.eu\/?page_id=22"},"modified":"2021-06-28T18:39:55","modified_gmt":"2021-06-28T18:39:55","slug":"create-your-website-with-blocks","status":"publish","type":"page","link":"https:\/\/ubilab.feit.ukim.edu.mk\/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-9d6595d7 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:\/\/www.valence-project.eu\/wp-content\/themes\/twentytwentyone\/assets\/images\/roses-tremieres-hollyhocks-1884.jpg\" alt=\"&#8220;Roses Tr\u00e9mi\u00e8res&#8221; by Berthe Morisot\"\/><\/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:\/\/www.valence-project.eu\/wp-content\/themes\/twentytwentyone\/assets\/images\/in-the-bois-de-boulogne.jpg\" alt=\"&#8220;In the Bois de Boulogne&#8221; by Berthe Morisot\"\/><\/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:\/\/www.valence-project.eu\/wp-content\/themes\/twentytwentyone\/assets\/images\/young-woman-in-mauve.jpg\" alt=\"&#8220;Young Woman in Mauve&#8221; by Berthe Morisot\"\/><\/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-9d6595d7 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>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>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>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\">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-9d6595d7 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><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><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<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/ubilab.feit.ukim.edu.mk\/index.php\/create-your-website-with-blocks\/\"> <span class=\"screen-reader-text\">Create your website with blocks<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ubilab.feit.ukim.edu.mk\/index.php\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ubilab.feit.ukim.edu.mk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ubilab.feit.ukim.edu.mk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ubilab.feit.ukim.edu.mk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ubilab.feit.ukim.edu.mk\/index.php\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":0,"href":"https:\/\/ubilab.feit.ukim.edu.mk\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"wp:attachment":[{"href":"https:\/\/ubilab.feit.ukim.edu.mk\/index.php\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}