{"id":829,"date":"2019-05-28T12:43:17","date_gmt":"2019-05-28T12:43:17","guid":{"rendered":"https:\/\/demo.mekshq.com\/trawell\/?page_id=829"},"modified":"2019-07-04T12:19:24","modified_gmt":"2019-07-04T12:19:24","slug":"wordpress-5-blocks","status":"publish","type":"page","link":"https:\/\/demo.mekshq.com\/trawell\/?page_id=829","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<div id='gallery-1' class='gallery galleryid-829 gallery-columns-2 gallery-size-trawell-a2'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-size=\"{&quot;w&quot;:1920,&quot;h&quot;:1282}\" href='https://mksdmcdn-9b59.kxcdn.com/trawell/https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/ian-mcgrory-205947-unsplash.jpg'><img width=\"585\" height=\"330\" src=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/ian-mcgrory-205947-unsplash-585x330.jpg\" class=\"attachment-trawell-a2 size-trawell-a2\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/ian-mcgrory-205947-unsplash-585x330.jpg 585w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/ian-mcgrory-205947-unsplash-1200x675.jpg 1200w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/ian-mcgrory-205947-unsplash-800x450.jpg 800w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/ian-mcgrory-205947-unsplash-385x217.jpg 385w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/ian-mcgrory-205947-unsplash-380x214.jpg 380w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/ian-mcgrory-205947-unsplash-247x139.jpg 247w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/ian-mcgrory-205947-unsplash-278x157.jpg 278w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/ian-mcgrory-205947-unsplash-178x101.jpg 178w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-size=\"{&quot;w&quot;:1920,&quot;h&quot;:1279}\" href='https://mksdmcdn-9b59.kxcdn.com/trawell/https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/lance-anderson-59330-unsplash.jpg'><img width=\"585\" height=\"330\" src=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/lance-anderson-59330-unsplash-585x330.jpg\" class=\"attachment-trawell-a2 size-trawell-a2\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/lance-anderson-59330-unsplash-585x330.jpg 585w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/lance-anderson-59330-unsplash-1200x675.jpg 1200w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/lance-anderson-59330-unsplash-800x450.jpg 800w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/lance-anderson-59330-unsplash-385x217.jpg 385w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/lance-anderson-59330-unsplash-380x214.jpg 380w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/lance-anderson-59330-unsplash-247x139.jpg 247w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/lance-anderson-59330-unsplash-278x157.jpg 278w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/lance-anderson-59330-unsplash-178x101.jpg 178w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a data-size=\"{&quot;w&quot;:1920,&quot;h&quot;:1526}\" href='https://mksdmcdn-9b59.kxcdn.com/trawell/https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/james-hammond-347179-unsplash.jpg'><img width=\"585\" height=\"330\" src=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/james-hammond-347179-unsplash-585x330.jpg\" class=\"attachment-trawell-a2 size-trawell-a2\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/james-hammond-347179-unsplash-585x330.jpg 585w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/james-hammond-347179-unsplash-1200x675.jpg 1200w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/james-hammond-347179-unsplash-800x450.jpg 800w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/james-hammond-347179-unsplash-385x217.jpg 385w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/james-hammond-347179-unsplash-380x214.jpg 380w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/james-hammond-347179-unsplash-247x139.jpg 247w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/james-hammond-347179-unsplash-278x157.jpg 278w, https:\/\/mksdmcdn-9b59.kxcdn.com\/trawell\/wp-content\/uploads\/2018\/03\/james-hammond-347179-unsplash-178x101.jpg 178w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\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 has-background-dim has-parallax\" style=\"background-image:url(https:\/\/demo.mekshq.com\/trawell\/wp-content\/uploads\/2018\/03\/robson-hatsukami-morgan-280168-unsplash.jpg)\"><div class=\"wp-block-cover__inner-container\">\n<p style=\"text-align:center\" class=\"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. 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\/trawell-wordpress-travel-theme\/21561972\">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 the paragraph block. The paragraph block has all the usual formatting options you know from the [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":352,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demo.mekshq.com\/trawell\/index.php?rest_route=\/wp\/v2\/pages\/829"}],"collection":[{"href":"https:\/\/demo.mekshq.com\/trawell\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.mekshq.com\/trawell\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/trawell\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/trawell\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=829"}],"version-history":[{"count":1,"href":"https:\/\/demo.mekshq.com\/trawell\/index.php?rest_route=\/wp\/v2\/pages\/829\/revisions"}],"predecessor-version":[{"id":855,"href":"https:\/\/demo.mekshq.com\/trawell\/index.php?rest_route=\/wp\/v2\/pages\/829\/revisions\/855"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/trawell\/index.php?rest_route=\/wp\/v2\/media\/352"}],"wp:attachment":[{"href":"https:\/\/demo.mekshq.com\/trawell\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}