{"id":854,"date":"2019-01-21T13:22:22","date_gmt":"2019-01-21T13:22:22","guid":{"rendered":"https:\/\/demo.mekshq.com\/johannes\/dc\/?page_id=854"},"modified":"2019-01-21T13:22:22","modified_gmt":"2019-01-21T13:22:22","slug":"wordpress-5-blocks","status":"publish","type":"page","link":"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/","title":{"rendered":"WordPress 5 blocks"},"content":{"rendered":"\n\t\t\t\t\r\n<p><strong>This page is an example of what you can accomplish with the new WordPress editor.<\/strong> We&#8217;ve made sure that all of the blocks match the style of our theme &#8211; you can see a full style guide on these pages: <a href=\"https:\/\/demo.mekshq.com\/johannes\/dc\/?page_id=251\">common blocks<\/a>,\u00a0<a href=\"https:\/\/demo.mekshq.com\/johannes\/dc\/?page_id=278\">formatting blocks<\/a>\u00a0and\u00a0<a href=\"https:\/\/demo.mekshq.com\/johannes\/dc\/?page_id=296\">layout blocks<\/a>.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Start with a title<\/h3>\r\n\r\n\r\n\r\n<p><strong>And keep writing your stories with the paragraph block.<\/strong> The paragraph block has all the usual formatting options you know from the classic editor, as well as some cool new features &#8211; font size and color, as well as drop cap.<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-gallery alignwide columns-3 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/ng-c-thu-n-1142168-unsplash-1024x763.jpg\"><img decoding=\"async\" src=\"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/ng-c-thu-n-1142168-unsplash-1024x763.jpg\" alt=\"\" data-id=\"88\" data-link=\"https:\/\/demo.mekshq.com\/johannes\/dc\/?attachment_id=88\" class=\"wp-image-88\"\/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/monika-grabkowska-1141662-unsplash-683x1024.jpg\"><img decoding=\"async\" src=\"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/monika-grabkowska-1141662-unsplash-683x1024.jpg\" alt=\"\" data-id=\"85\" data-link=\"https:\/\/demo.mekshq.com\/johannes\/dc\/?attachment_id=85\" class=\"wp-image-85\"\/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/monika-grabkowska-345620-unsplash-683x1024.jpg\"><img decoding=\"async\" src=\"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/monika-grabkowska-345620-unsplash-683x1024.jpg\" alt=\"\" data-id=\"84\" data-link=\"https:\/\/demo.mekshq.com\/johannes\/dc\/?attachment_id=84\" class=\"wp-image-84\"\/><\/a><\/figure><\/li><\/ul>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Add more content<\/h3>\r\n\r\n\r\n\r\n<p><strong>You can easily add content such as the gallery above<\/strong>. The new WordPress editor comes power packed with a range of available blocks for all sorts of content:<\/p>\r\n\r\n\r\n\r\n<ul><li>images<\/li><li>video and audio<\/li><li>quotes and pullquotes<\/li><li>tables, columns and buttons<\/li><li>etc.<\/li><\/ul>\r\n\r\n\r\n\r\n<p>Additionally, each block has different styles and variations to choose from &#8211; <strong>the above gallery is set to a wide alignment<\/strong>, for instance. This creates a nice effect since the gallery is now wider that the surrounding text. <\/p>\r\n\r\n\r\n\r\n<p>Next, we&#8217;ll add a <strong>full-width cover image<\/strong> to spice things up: <\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-cover has-background-dim has-parallax alignfull is-layout-flow wp-block-cover-is-layout-flow\" style=\"background-image:url(https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/simon-migaj-1140153-unsplash.jpg)\"><p class=\"wp-block-cover-text\">This is a full-width cover image with a fixed background. Nice!<\/p><\/div>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Play around with typography<\/h3>\r\n\r\n\r\n\r\n<p>Moving on, <strong>let&#8217;s see how a quote block looks like<\/strong>. Quotes come in two variations &#8211; regular and large. Additionally, you can add pull-quotes as well &#8211; these come in two variations as well &#8211; regular and solid. You can even align the pull-quotes left, right, wide or full-width, just as you would an image block.<\/p>\r\n\r\n\r\n\r\n<blockquote class=\"wp-block-quote is-style-large\"><p>Quote blocks are quite useful if you want to make a part of your text pop!<\/p><cite>&#8211; Meks team<\/cite><\/blockquote>\r\n\r\n\r\n\r\n<p>This concludes the example page. You&#8217;ve seen just a fraction of what can be achieved with blocks. Again, for a full style guide please visit these pages: <a href=\"https:\/\/demo.mekshq.com\/johannes\/dc\/?page_id=251\">common blocks<\/a>,\u00a0<a href=\"https:\/\/demo.mekshq.com\/johannes\/dc\/?page_id=278\">formatting blocks<\/a>\u00a0and\u00a0<a href=\"https:\/\/demo.mekshq.com\/johannes\/dc\/?page_id=296\">layout blocks<\/a>.<\/p>\r\n\r\n\r\n\r\n<p>If you like what you see and <strong>you are ready to start unleashing your creativity<\/strong>, click the button below:<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-button is-style-squared\"><a class=\"wp-block-button__link\" href=\"#\">Purchase now!<\/a><\/div>\r\n\t\t","protected":false},"excerpt":{"rendered":"<p>This page is an example of what you can accomplish with the new WordPress editor. We&#8217;ve made sure that all [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WordPress 5 blocks - OpenLabs Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress 5 blocks - OpenLabs Blog\" \/>\n<meta property=\"og:description\" content=\"This page is an example of what you can accomplish with the new WordPress editor. We&#8217;ve made sure that all [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/\" \/>\n<meta property=\"og:site_name\" content=\"OpenLabs Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/OpenLabs.NIIT\" \/>\n<meta property=\"og:image\" content=\"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/ng-c-thu-n-1142168-unsplash-1024x763.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@openlabsgh\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/\",\"url\":\"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/\",\"name\":\"WordPress 5 blocks - OpenLabs Blog\",\"isPartOf\":{\"@id\":\"https:\/\/openlabs.edu.gh\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/ng-c-thu-n-1142168-unsplash-1024x763.jpg\",\"datePublished\":\"2019-01-21T13:22:22+00:00\",\"dateModified\":\"2019-01-21T13:22:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/#primaryimage\",\"url\":\"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/ng-c-thu-n-1142168-unsplash-1024x763.jpg\",\"contentUrl\":\"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/ng-c-thu-n-1142168-unsplash-1024x763.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/openlabs.edu.gh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress 5 blocks\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/openlabs.edu.gh\/blog\/#website\",\"url\":\"https:\/\/openlabs.edu.gh\/blog\/\",\"name\":\"OpenLabs Blog\",\"description\":\"Innovation Education Transformation\",\"publisher\":{\"@id\":\"https:\/\/openlabs.edu.gh\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/openlabs.edu.gh\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/openlabs.edu.gh\/blog\/#organization\",\"name\":\"OpenLabs\",\"url\":\"https:\/\/openlabs.edu.gh\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/openlabs.edu.gh\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/openlabs.edu.gh\/blog\/wp-content\/uploads\/2022\/04\/openlabs-logo.png\",\"contentUrl\":\"https:\/\/openlabs.edu.gh\/blog\/wp-content\/uploads\/2022\/04\/openlabs-logo.png\",\"width\":180,\"height\":55,\"caption\":\"OpenLabs\"},\"image\":{\"@id\":\"https:\/\/openlabs.edu.gh\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/OpenLabs.NIIT\",\"https:\/\/twitter.com\/openlabsgh\",\"https:\/\/www.instagram.com\/openlabsgh\/?hl=en\",\"https:\/\/www.linkedin.com\/company\/openlabsgh?originalSubdomain=gh\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress 5 blocks - OpenLabs Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/","og_locale":"en_US","og_type":"article","og_title":"WordPress 5 blocks - OpenLabs Blog","og_description":"This page is an example of what you can accomplish with the new WordPress editor. We&#8217;ve made sure that all [&hellip;]","og_url":"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/","og_site_name":"OpenLabs Blog","article_publisher":"https:\/\/www.facebook.com\/OpenLabs.NIIT","og_image":[{"url":"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/ng-c-thu-n-1142168-unsplash-1024x763.jpg"}],"twitter_card":"summary_large_image","twitter_site":"@openlabsgh","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/","url":"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/","name":"WordPress 5 blocks - OpenLabs Blog","isPartOf":{"@id":"https:\/\/openlabs.edu.gh\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/#primaryimage"},"image":{"@id":"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/#primaryimage"},"thumbnailUrl":"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/ng-c-thu-n-1142168-unsplash-1024x763.jpg","datePublished":"2019-01-21T13:22:22+00:00","dateModified":"2019-01-21T13:22:22+00:00","breadcrumb":{"@id":"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/#primaryimage","url":"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/ng-c-thu-n-1142168-unsplash-1024x763.jpg","contentUrl":"https:\/\/demo.mekshq.com\/johannes\/dc\/wp-content\/uploads\/2018\/11\/ng-c-thu-n-1142168-unsplash-1024x763.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/openlabs.edu.gh\/blog\/wordpress-5-blocks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/openlabs.edu.gh\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress 5 blocks"}]},{"@type":"WebSite","@id":"https:\/\/openlabs.edu.gh\/blog\/#website","url":"https:\/\/openlabs.edu.gh\/blog\/","name":"OpenLabs Blog","description":"Innovation Education Transformation","publisher":{"@id":"https:\/\/openlabs.edu.gh\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/openlabs.edu.gh\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/openlabs.edu.gh\/blog\/#organization","name":"OpenLabs","url":"https:\/\/openlabs.edu.gh\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/openlabs.edu.gh\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/openlabs.edu.gh\/blog\/wp-content\/uploads\/2022\/04\/openlabs-logo.png","contentUrl":"https:\/\/openlabs.edu.gh\/blog\/wp-content\/uploads\/2022\/04\/openlabs-logo.png","width":180,"height":55,"caption":"OpenLabs"},"image":{"@id":"https:\/\/openlabs.edu.gh\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/OpenLabs.NIIT","https:\/\/twitter.com\/openlabsgh","https:\/\/www.instagram.com\/openlabsgh\/?hl=en","https:\/\/www.linkedin.com\/company\/openlabsgh?originalSubdomain=gh"]}]}},"_links":{"self":[{"href":"https:\/\/openlabs.edu.gh\/blog\/wp-json\/wp\/v2\/pages\/854"}],"collection":[{"href":"https:\/\/openlabs.edu.gh\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlabs.edu.gh\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlabs.edu.gh\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/openlabs.edu.gh\/blog\/wp-json\/wp\/v2\/comments?post=854"}],"version-history":[{"count":0,"href":"https:\/\/openlabs.edu.gh\/blog\/wp-json\/wp\/v2\/pages\/854\/revisions"}],"wp:attachment":[{"href":"https:\/\/openlabs.edu.gh\/blog\/wp-json\/wp\/v2\/media?parent=854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}