{"id":854,"date":"2019-01-21T13:22:22","date_gmt":"2019-01-21T13:22:22","guid":{"rendered":"https:\/\/demo.mekshq.com\/megaphone\/?page_id=854"},"modified":"2021-05-12T14:43:44","modified_gmt":"2021-05-12T14:43:44","slug":"wordpress-5-blocks","status":"publish","type":"page","link":"https:\/\/demo.mekshq.com\/roogan\/?page_id=854","title":{"rendered":"WordPress 5 blocks"},"content":{"rendered":"\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\/roogan\/?page_id=251\">common blocks<\/a>,&nbsp;<a href=\"https:\/\/demo.mekshq.com\/roogan\/?page_id=278\">formatting blocks<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/demo.mekshq.com\/roogan\/?page_id=296\">layout blocks<\/a>.<\/p>\n\n\n\n<h3>Start with a title<\/h3>\n\n\n\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>\n\n\n\n<figure class=\"wp-container-2 wp-block-gallery-1 wp-block-gallery alignwide columns-2 is-cropped\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/demo.mekshq.com\/roogan\/wp-content\/uploads\/2020\/07\/juja-han-ywm9wrdLBX4-unsplash.jpg\"><img loading=\"lazy\" width=\"1024\" height=\"812\" src=\"https:\/\/demo.mekshq.com\/roogan\/wp-content\/uploads\/2020\/07\/juja-han-ywm9wrdLBX4-unsplash-1024x812.jpg\" alt=\"\" data-id=\"1940\" data-full-url=\"https:\/\/demo.mekshq.com\/roogan\/wp-content\/uploads\/2020\/07\/juja-han-ywm9wrdLBX4-unsplash.jpg\" data-link=\"https:\/\/demo.mekshq.com\/roogan\/?attachment_id=1940\" class=\"wp-image-1940\" srcset=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/juja-han-ywm9wrdLBX4-unsplash-1024x812.jpg 1024w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/juja-han-ywm9wrdLBX4-unsplash-300x238.jpg 300w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/juja-han-ywm9wrdLBX4-unsplash-768x609.jpg 768w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/juja-han-ywm9wrdLBX4-unsplash-1536x1218.jpg 1536w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/juja-han-ywm9wrdLBX4-unsplash-600x476.jpg 600w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/juja-han-ywm9wrdLBX4-unsplash.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/demo.mekshq.com\/roogan\/wp-content\/uploads\/2020\/07\/cooker-king-X7h0lH_9Nco-unsplash.jpg\"><img loading=\"lazy\" width=\"683\" height=\"1024\" src=\"https:\/\/demo.mekshq.com\/roogan\/wp-content\/uploads\/2020\/07\/cooker-king-X7h0lH_9Nco-unsplash-683x1024.jpg\" alt=\"\" data-id=\"1928\" data-full-url=\"https:\/\/demo.mekshq.com\/roogan\/wp-content\/uploads\/2020\/07\/cooker-king-X7h0lH_9Nco-unsplash.jpg\" data-link=\"https:\/\/demo.mekshq.com\/roogan\/?attachment_id=1928\" class=\"wp-image-1928\" srcset=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/cooker-king-X7h0lH_9Nco-unsplash-683x1024.jpg 683w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/cooker-king-X7h0lH_9Nco-unsplash-200x300.jpg 200w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/cooker-king-X7h0lH_9Nco-unsplash-768x1152.jpg 768w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/cooker-king-X7h0lH_9Nco-unsplash-1024x1536.jpg 1024w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/cooker-king-X7h0lH_9Nco-unsplash-600x900.jpg 600w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/cooker-king-X7h0lH_9Nco-unsplash.jpg 1280w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/demo.mekshq.com\/roogan\/wp-content\/uploads\/2020\/07\/amin-hasani-S1jrH7F7qG4-unsplash.jpg\"><img loading=\"lazy\" width=\"1024\" height=\"684\" src=\"https:\/\/demo.mekshq.com\/roogan\/wp-content\/uploads\/2020\/07\/amin-hasani-S1jrH7F7qG4-unsplash-1024x684.jpg\" alt=\"\" data-id=\"1919\" data-full-url=\"https:\/\/demo.mekshq.com\/roogan\/wp-content\/uploads\/2020\/07\/amin-hasani-S1jrH7F7qG4-unsplash.jpg\" data-link=\"https:\/\/demo.mekshq.com\/roogan\/?attachment_id=1919\" class=\"wp-image-1919\" srcset=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/amin-hasani-S1jrH7F7qG4-unsplash-1024x684.jpg 1024w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/amin-hasani-S1jrH7F7qG4-unsplash-300x200.jpg 300w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/amin-hasani-S1jrH7F7qG4-unsplash-768x513.jpg 768w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/amin-hasani-S1jrH7F7qG4-unsplash-1536x1026.jpg 1536w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/amin-hasani-S1jrH7F7qG4-unsplash-600x401.jpg 600w, https:\/\/mksdmcdn-9b59.kxcdn.com\/roogan\/wp-content\/uploads\/2020\/07\/amin-hasani-S1jrH7F7qG4-unsplash.jpg 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h3>Add more content<\/h3>\n\n\n\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>\n\n\n\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>\n\n\n\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>\n\n\n\n<p>Next, we&#8217;ll add a <strong>full-width cover image<\/strong> to spice things up: <\/p>\n\n\n\n<div class=\"wp-block-cover alignfull has-background-dim has-parallax\" style=\"background-image:url(https:\/\/demo.mekshq.com\/roogan\/wp-content\/uploads\/2020\/07\/gemma-evans-jSFpVD3ICTA-unsplash.jpg)\"><div class=\"wp-block-cover__inner-container\">\n<p class=\"has-text-align-center has-large-font-size\">This is a full-width cover image with a fixed background. Nice!<\/p>\n<\/div><\/div>\n\n\n\n<h3>Play around with typography<\/h3>\n\n\n\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>\n\n\n\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>\n\n\n\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\/roogan\/?page_id=251\">common blocks<\/a>,&nbsp;<a href=\"https:\/\/demo.mekshq.com\/roogan\/?page_id=278\">formatting blocks<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/demo.mekshq.com\/roogan\/?page_id=296\">layout blocks<\/a>.<\/p>\n\n\n\n<p><\/p>\n","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 of the blocks match the style of our theme &#8211; you can see a full style guide on these pages: common blocks,&nbsp;formatting blocks&nbsp;and&nbsp;layout blocks. Start with a title And keep writing your stories with the [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":1919,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demo.mekshq.com\/roogan\/index.php?rest_route=\/wp\/v2\/pages\/854"}],"collection":[{"href":"https:\/\/demo.mekshq.com\/roogan\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.mekshq.com\/roogan\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/roogan\/index.php?rest_route=\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/roogan\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=854"}],"version-history":[{"count":1,"href":"https:\/\/demo.mekshq.com\/roogan\/index.php?rest_route=\/wp\/v2\/pages\/854\/revisions"}],"predecessor-version":[{"id":2406,"href":"https:\/\/demo.mekshq.com\/roogan\/index.php?rest_route=\/wp\/v2\/pages\/854\/revisions\/2406"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/roogan\/index.php?rest_route=\/wp\/v2\/media\/1919"}],"wp:attachment":[{"href":"https:\/\/demo.mekshq.com\/roogan\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}