{"id":866,"date":"2019-05-28T12:48:44","date_gmt":"2019-05-28T12:48:44","guid":{"rendered":"https:\/\/demo.mekshq.com\/pinhole\/?page_id=866"},"modified":"2020-03-04T10:26:32","modified_gmt":"2020-03-04T10:26:32","slug":"wordpress-5-blocks","status":"publish","type":"page","link":"https:\/\/demo.mekshq.com\/pinhole\/?page_id=866","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 class='pinhole-gallery pinhole-masonry pinhole-popup items-hidden  clearfix row'><div class='pinhole-item col-xs-12 col-lg-4 col-md-4 col-sm-6  '><a class=\"item-link\" href=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_02.jpg\" data-caption=\"{&quot;caption&quot;:&quot;Sale away&quot;}\" data-meta=\"{&quot;f\\\/4&quot;:&quot;Aperture: f\\\/4&quot;,&quot;FinePix6900ZOOM&quot;:&quot;Camera: FinePix6900ZOOM&quot;,&quot;21.8mm&quot;:&quot;Focal length: 21.8mm&quot;}\"  data-size=\"{&quot;width&quot;:1282,&quot;height&quot;:1920}\" data-download=\"[]\" data-filename=\"{&quot;name&quot;:&quot;&quot;}\"><img width=\"378\" height=\"566\" src=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_02-378x566.jpg\" class=\"attachment-pinhole-col-3 size-pinhole-col-3\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_02-378x566.jpg 378w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_02-200x300.jpg 200w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_02-768x1150.jpg 768w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_02-684x1024.jpg 684w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_02-1194x1788.jpg 1194w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_02-582x872.jpg 582w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_02-276x413.jpg 276w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_02-300x450.jpg 300w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_02.jpg 1282w\" sizes=\"(max-width: 378px) 100vw, 378px\" \/><\/a><\/div><div class='pinhole-item col-xs-12 col-lg-4 col-md-4 col-sm-6  '><a class=\"item-link\" href=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_10.jpg\" data-caption=\"{&quot;caption&quot;:&quot;Sunset&quot;}\" data-meta=\"{&quot;f\\\/2.88&quot;:&quot;Aperture: f\\\/2.88&quot;,&quot;RR330&quot;:&quot;Camera: RR330&quot;,&quot;5.1mm&quot;:&quot;Focal length: 5.1mm&quot;,&quot;1\\\/33s&quot;:&quot;Shutter speed: 1\\\/33s&quot;}\"  data-size=\"{&quot;width&quot;:1280,&quot;height&quot;:1920}\" data-download=\"[]\" data-filename=\"{&quot;name&quot;:&quot;&quot;}\"><img width=\"378\" height=\"567\" src=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_10-378x567.jpg\" class=\"attachment-pinhole-col-3 size-pinhole-col-3\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_10-378x567.jpg 378w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_10-200x300.jpg 200w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_10-768x1152.jpg 768w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_10-683x1024.jpg 683w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_10-1194x1791.jpg 1194w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_10-582x873.jpg 582w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_10-276x414.jpg 276w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_10-300x450.jpg 300w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_10.jpg 1280w\" sizes=\"(max-width: 378px) 100vw, 378px\" \/><\/a><\/div><div class='pinhole-item col-xs-12 col-lg-4 col-md-4 col-sm-6  '><a class=\"item-link\" href=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_05.jpg\" data-caption=\"{&quot;caption&quot;:&quot;Ice&quot;}\" data-meta=\"{&quot;f\\\/2.8&quot;:&quot;Aperture: f\\\/2.8&quot;,&quot;ION230&quot;:&quot;Camera: ION230&quot;,&quot;8.4mm&quot;:&quot;Focal length: 8.4mm&quot;,&quot;1\\\/33s&quot;:&quot;Shutter speed: 1\\\/33s&quot;}\"  data-size=\"{&quot;width&quot;:1280,&quot;height&quot;:1920}\" data-download=\"[]\" data-filename=\"{&quot;name&quot;:&quot;&quot;}\"><img width=\"378\" height=\"567\" src=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_05-378x567.jpg\" class=\"attachment-pinhole-col-3 size-pinhole-col-3\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_05-378x567.jpg 378w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_05-200x300.jpg 200w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_05-768x1152.jpg 768w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_05-683x1024.jpg 683w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_05-1194x1791.jpg 1194w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_05-582x873.jpg 582w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_05-276x414.jpg 276w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_05-300x450.jpg 300w, https:\/\/mksdmcdn-9b59.kxcdn.com\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_05.jpg 1280w\" sizes=\"(max-width: 378px) 100vw, 378px\" \/><\/a><\/div>\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. 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\/pinhole\/wp-content\/uploads\/2017\/08\/pinhole_adventure_22.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<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/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 or right, 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\/pinhole-wordpress-gallery-theme-for-photographers\/20407424\">Purchase now!<\/a><\/div>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/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":3,"featured_media":0,"parent":0,"menu_order":17,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demo.mekshq.com\/pinhole\/index.php?rest_route=\/wp\/v2\/pages\/866"}],"collection":[{"href":"https:\/\/demo.mekshq.com\/pinhole\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.mekshq.com\/pinhole\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/pinhole\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.mekshq.com\/pinhole\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=866"}],"version-history":[{"count":1,"href":"https:\/\/demo.mekshq.com\/pinhole\/index.php?rest_route=\/wp\/v2\/pages\/866\/revisions"}],"predecessor-version":[{"id":880,"href":"https:\/\/demo.mekshq.com\/pinhole\/index.php?rest_route=\/wp\/v2\/pages\/866\/revisions\/880"}],"wp:attachment":[{"href":"https:\/\/demo.mekshq.com\/pinhole\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}