{"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":"2019-01-21T13:22:22","modified_gmt":"2019-01-21T13:22:22","slug":"wordpress-5-blocks","status":"publish","type":"page","link":"https:\/\/mobbing-verstehen.de\/?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\u2019ve made sure that all of the blocks match the style of our theme \u2013 you can see a full style guide on these pages: <a href=\"https:\/\/demo.mekshq.com\/megaphone\/?page_id=251\">common blocks<\/a>,\u00a0<a href=\"https:\/\/demo.mekshq.com\/megaphone\/?page_id=278\">formatting blocks<\/a>\u00a0and\u00a0<a href=\"https:\/\/demo.mekshq.com\/megaphone\/?page_id=296\">layout blocks<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">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 \u2013 font size and color, as well as drop cap.<\/p>\n\n\n\n<figure class=\"wp-block-gallery alignwide 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><a href=\"https:\/\/demo.mekshq.com\/roogan\/dc\/wp-content\/uploads\/2020\/07\/juja-han-ywm9wrdLBX4-unsplash.jpg\"><img decoding=\"async\" src=\"https:\/\/demo.mekshq.com\/roogan\/dc\/wp-content\/uploads\/2020\/07\/juja-han-ywm9wrdLBX4-unsplash-1024x812.jpg\" alt=\"\" data-id=\"1940\" data-full-url=\"https:\/\/demo.mekshq.com\/roogan\/dc\/wp-content\/uploads\/2020\/07\/juja-han-ywm9wrdLBX4-unsplash.jpg\" data-link=\"https:\/\/demo.mekshq.com\/roogan\/dc\/?attachment_id=1940\" class=\"wp-image-1940\"\/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/demo.mekshq.com\/roogan\/dc\/wp-content\/uploads\/2020\/07\/cooker-king-X7h0lH_9Nco-unsplash.jpg\"><img decoding=\"async\" src=\"https:\/\/demo.mekshq.com\/roogan\/dc\/wp-content\/uploads\/2020\/07\/cooker-king-X7h0lH_9Nco-unsplash-683x1024.jpg\" alt=\"\" data-id=\"1928\" data-full-url=\"https:\/\/demo.mekshq.com\/roogan\/dc\/wp-content\/uploads\/2020\/07\/cooker-king-X7h0lH_9Nco-unsplash.jpg\" data-link=\"https:\/\/demo.mekshq.com\/roogan\/dc\/?attachment_id=1928\" class=\"wp-image-1928\"\/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/demo.mekshq.com\/roogan\/dc\/wp-content\/uploads\/2020\/07\/amin-hasani-S1jrH7F7qG4-unsplash.jpg\"><img decoding=\"async\" src=\"https:\/\/demo.mekshq.com\/roogan\/dc\/wp-content\/uploads\/2020\/07\/amin-hasani-S1jrH7F7qG4-unsplash-1024x684.jpg\" alt=\"\" data-id=\"1919\" data-full-url=\"https:\/\/demo.mekshq.com\/roogan\/dc\/wp-content\/uploads\/2020\/07\/amin-hasani-S1jrH7F7qG4-unsplash.jpg\" data-link=\"https:\/\/demo.mekshq.com\/roogan\/dc\/?attachment_id=1919\" class=\"wp-image-1919\"\/><\/a><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">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 class=\"wp-block-list\"><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 \u2013 <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\u2019ll 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\/dc\/wp-content\/uploads\/2020\/07\/gemma-evans-jSFpVD3ICTA-unsplash.jpg)\"><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\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 class=\"wp-block-heading\">Play around with typography<\/h3>\n\n\n\n<p>Moving on, <strong>let\u2019s see how a quote block looks like<\/strong>. Quotes come in two variations \u2013 regular and large. Additionally, you can add pull-quotes as well \u2013 these come in two variations as well \u2013 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 is-layout-flow wp-block-quote-is-layout-flow\"><p>Quote blocks are quite useful if you want to make a part of your text pop!<\/p><cite>\u2013 Meks team<\/cite><\/blockquote>\n\n\n\n<p>This concludes the example page. You\u2019ve 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\/megaphone\/?page_id=251\">common blocks<\/a>,\u00a0<a href=\"https:\/\/demo.mekshq.com\/megaphone\/?page_id=278\">formatting blocks<\/a>\u00a0and\u00a0<a href=\"https:\/\/demo.mekshq.com\/megaphone\/?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\u2019ve made sure that all of the blocks match the style of our theme \u2013 you can see a full style guide on these pages: common blocks,\u00a0formatting blocks\u00a0and\u00a0layout blocks. Start with a title And keep writing your stories with the [&hellip;]<\/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-854","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mobbing-verstehen.de\/index.php?rest_route=\/wp\/v2\/pages\/854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mobbing-verstehen.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mobbing-verstehen.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mobbing-verstehen.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mobbing-verstehen.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=854"}],"version-history":[{"count":0,"href":"https:\/\/mobbing-verstehen.de\/index.php?rest_route=\/wp\/v2\/pages\/854\/revisions"}],"wp:attachment":[{"href":"https:\/\/mobbing-verstehen.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}