{"id":620,"date":"2019-05-29T10:20:32","date_gmt":"2019-05-29T10:20:32","guid":{"rendered":"https:\/\/demo.mekshq.com\/awsm-wp\/?page_id=620"},"modified":"2019-05-29T10:20:59","modified_gmt":"2019-05-29T10:20:59","slug":"wordpress-5-blocks","status":"publish","type":"page","link":"https:\/\/demo.mekshq.com\/awsm-wp\/wordpress-5-blocks\/","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.<\/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<ul class=\"wp-container-2 wp-block-gallery-1 wp-block-gallery alignwide columns-2 is-cropped\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/demo.mekshq.com\/awsm-wp\/wp-content\/uploads\/2017\/01\/awsm_party-1024x684.jpg\"><img loading=\"lazy\" width=\"1024\" height=\"684\" src=\"https:\/\/demo.mekshq.com\/awsm-wp\/wp-content\/uploads\/2017\/01\/awsm_party-1024x684.jpg\" alt=\"\" data-id=\"562\" data-link=\"https:\/\/demo.mekshq.com\/awsm-wp\/lets-go-out-lets-have-a-party\/awsm_party\/\" class=\"wp-image-562\" srcset=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/01\/awsm_party-1024x684.jpg 1024w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/01\/awsm_party-300x200.jpg 300w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/01\/awsm_party-768x513.jpg 768w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/01\/awsm_party-845x564.jpg 845w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/01\/awsm_party-455x304.jpg 455w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/01\/awsm_party-440x294.jpg 440w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/01\/awsm_party-547x365.jpg 547w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/01\/awsm_party.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/demo.mekshq.com\/awsm-wp\/wp-content\/uploads\/2017\/05\/awsm_rock-1024x768.jpg\"><img loading=\"lazy\" width=\"1024\" height=\"768\" src=\"https:\/\/demo.mekshq.com\/awsm-wp\/wp-content\/uploads\/2017\/05\/awsm_rock-1024x768.jpg\" alt=\"\" data-id=\"560\" data-link=\"https:\/\/demo.mekshq.com\/awsm-wp\/for-those-about-to-rock-we-salute-you\/awsm_rock\/\" class=\"wp-image-560\" srcset=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/05\/awsm_rock-1024x768.jpg 1024w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/05\/awsm_rock-300x225.jpg 300w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/05\/awsm_rock-768x576.jpg 768w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/05\/awsm_rock-845x634.jpg 845w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/05\/awsm_rock-455x341.jpg 455w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/05\/awsm_rock-440x330.jpg 440w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/05\/awsm_rock-547x410.jpg 547w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2017\/05\/awsm_rock.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/demo.mekshq.com\/awsm-wp\/wp-content\/uploads\/2005\/11\/throne_add_01-1024x683.jpg\"><img loading=\"lazy\" width=\"1024\" height=\"683\" src=\"https:\/\/demo.mekshq.com\/awsm-wp\/wp-content\/uploads\/2005\/11\/throne_add_01-1024x683.jpg\" alt=\"\" data-id=\"558\" data-link=\"https:\/\/demo.mekshq.com\/awsm-wp\/aws_career\/short-break-from-everything\/throne_add_01\/\" class=\"wp-image-558\" srcset=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2005\/11\/throne_add_01-1024x683.jpg 1024w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2005\/11\/throne_add_01-300x200.jpg 300w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2005\/11\/throne_add_01-768x512.jpg 768w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2005\/11\/throne_add_01-845x563.jpg 845w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2005\/11\/throne_add_01-455x303.jpg 455w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2005\/11\/throne_add_01-440x293.jpg 440w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2005\/11\/throne_add_01-547x365.jpg 547w, https:\/\/mksdmcdn-9b59.kxcdn.com\/awsm-wp\/wp-content\/uploads\/2005\/11\/throne_add_01.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><\/ul>\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. Next, we&#8217;ll add a <strong>cover image<\/strong> to spice things up: <\/p>\n\n\n\n<div class=\"wp-block-cover has-background-dim has-parallax alignfull\" style=\"background-image:url(https:\/\/demo.mekshq.com\/awsm-wp\/wp-content\/uploads\/2010\/08\/shutterstock_114324991.jpg)\"><div class=\"wp-block-cover__inner-container\">\n<p style=\"text-align:center\" class=\"has-medium-font-size\">This is a 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. If you like what you see and <strong>you are ready to start unleashing your creativity<\/strong>, click the button below:<\/p>\n\n\n\n<div class=\"wp-block-button is-style-squared\"><a class=\"wp-block-button__link\" href=\"https:\/\/themeforest.net\/item\/awsm-simple-personal-portfolio-wordpress-theme\/4641441\">Purchase now!<\/a><\/div>\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. Start with a title And keep writing your stories with&#8230;<\/p>\n","protected":false},"author":5,"featured_media":469,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/pages\/620"}],"collection":[{"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/comments?post=620"}],"version-history":[{"count":0,"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/pages\/620\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/media\/469"}],"wp:attachment":[{"href":"https:\/\/demo.mekshq.com\/awsm-wp\/wp-json\/wp\/v2\/media?parent=620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}