{"id":356,"date":"2018-11-01T08:41:08","date_gmt":"2018-11-01T08:41:08","guid":{"rendered":"http:\/\/wp.wp-preview.com\/saxon\/saxon-14\/?page_id=356"},"modified":"2018-11-01T08:41:08","modified_gmt":"2018-11-01T08:41:08","slug":"gutenberg-blocks","status":"publish","type":"page","link":"https:\/\/2us.pl\/index.php\/gutenberg-blocks\/","title":{"rendered":"Gutenberg Blocks"},"content":{"rendered":"\n<p class=\"has-drop-cap has-medium-font-size\">Gutenberg is more than an editor. While the editor is the focus right now, the project will ultimately impact the entire publishing experience including customization (the next focus area). Imagine a custom \u201cemployee\u201d block that a client can drag to an About page to automatically display a picture, name, and bio. A whole universe of plugins that all extend WordPress in the same way. Simplified menus and widgets.&nbsp;<\/p>\n\n\n\n<!--more-->\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"text-align:left\">Say Hello to the New Editor<\/h2>\n\n\n\n<p>One thing that sets WordPress apart from other systems is that it allows you to create as rich a post layout as you can imagine \u2014 but only if you know HTML and CSS and build your own custom theme. By thinking of the editor as a tool to let you write rich posts and create beautiful layouts, we can transform WordPress into something users&nbsp;<em>love<\/em>&nbsp;WordPress, as opposed something they pick it because it\u2019s what everyone else uses.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<div class=\"wp-block-cover has-background-dim alignfull is-layout-flow wp-block-cover-is-layout-flow\" style=\"background-image:url(https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png)\"><p class=\"wp-block-cover-text\">Full Width Cover Image<\/p><\/div>\n\n\n\n<p class=\"wp-block-subhead\">This is a subhead block, where you can add a little extra blurb about your post or page. Cool yeah?<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Ordered List<\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>The block unifies multiple interfaces. If we add that on top of the existing interface, it would&nbsp;<em>add<\/em>&nbsp;complexity, as opposed to remove it.<br>By revisiting the interface. <\/li><li>We can modernize the writing, editing, and publishing experience, with usability and simplicity in mind, benefitting both new and casual users.<\/li><li>When singular block interface takes center stage, it demonstrates a clear path forward for developers to create premium blocks, superior to both shortcodes and widgets.<\/li><\/ol>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Unordered List<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Considering the whole interface lays a solid foundation for the next focus, full site customization.<\/li><li>Looking at the full editor screen also gives us the opportunity to drastically modernize the foundation. <\/li><li>And take steps towards a more fluid and JavaScript powered future that fully leverages the WordPress REST API.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Table? Yes please!<\/h2>\n\n\n\n<p>Blocks are the unifying evolution of what is now covered, in different ways, by shortcodes, embeds, widgets, post formats, custom post types, theme options, meta-boxes, and other formatting elements. They embrace the breadth of functionality WordPress is capable of, with the clarity of a consistent user experience.<br><\/p>\n\n\n\n<table class=\"wp-block-table aligncenter\"><tbody><tr><td>ID<\/td><td>First Name<\/td><td>Last Name<\/td><td>Position<\/td><td>Salary<\/td><\/tr><tr><td>1<\/td><td>John&nbsp;<\/td><td>Doe<\/td><td>CEO<\/td><td>$100K<\/td><\/tr><tr><td>2<\/td><td>Jane<\/td><td>Trips<\/td><td>CTO<\/td><td>$95K<\/td><\/tr><tr><td>3<\/td><td>Fred<\/td><td>Tomas<\/td><td>Marketing<\/td><td>$84K<\/td><\/tr><\/tbody><\/table>\n\n\n\n<h2 class=\"wp-block-heading\">Beautiful galleries<\/h2>\n\n\n\n<p>Posts are backwards compatible, and shortcodes will still work. We are continuously exploring how highly-tailored metaboxes can be accommodated, and are looking at solutions ranging from a plugin to disable Gutenberg to automatically detecting whether to load Gutenberg or not. While we want to make sure the new editing experience from writing to publishing is user-friendly, we\u2019re committed to finding a good solution for highly-tailored existing sites.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-gallery alignwide columns-4 is-cropped alignnone wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" data-id=\"130\" data-link=\"http:\/\/wp.wp-preview.com\/saxon\/saxon-14\/saxon-00037\/\" class=\"wp-image-130\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" data-id=\"91\" data-link=\"http:\/\/wp.wp-preview.com\/saxon\/saxon-14\/saxon-00034\/\" class=\"wp-image-91\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" data-id=\"88\" data-link=\"http:\/\/wp.wp-preview.com\/saxon\/saxon-14\/saxon-00031\/\" class=\"wp-image-88\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" data-id=\"35\" data-link=\"http:\/\/wp.wp-preview.com\/saxon\/saxon-14\/saxon-00002\/\" class=\"wp-image-35\"\/><figcaption>Coworking<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" data-id=\"44\" data-link=\"http:\/\/wp.wp-preview.com\/saxon\/saxon-14\/saxon-00003\/\" class=\"wp-image-44\"\/><\/figure><\/li><\/ul>\n\n\n\n<p>And now for the Grid View. The Latest Posts block also displays at wide and full width alignments, so be sure to check those styles as well.<\/p>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-2 wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/2us.pl\/index.php\/2026\/03\/12\/ile-kosztuje-przesylka-z-usa-do-polski\/\">Ile kosztuje przesy\u0142ka z USA do Polski?<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/2us.pl\/index.php\/2026\/03\/02\/jak-naturalnie-wspomagac-trawienie\/\">Jak naturalnie wspomaga\u0107 trawienie?<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/2us.pl\/index.php\/2026\/03\/02\/kurs-pierwszej-pomocy-praktyczna-wiedza-ktora-daje-pewnosc-dzialania\/\">Kurs pierwszej pomocy \u2013 praktyczna wiedza, kt\u00f3ra daje pewno\u015b\u0107 dzia\u0142ania<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/2us.pl\/index.php\/2026\/03\/02\/zurawina-liofilizowana-naturalne-owoce-klasy-premium\/\">\u017burawina liofilizowana \u2013 naturalne owoce klasy premium<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/2us.pl\/index.php\/2026\/03\/01\/przewozy-do-holandii-komfortowe-i-bezpieczne-podroze-z-polski\/\">Przewozy do Holandii \u2013 komfortowe i bezpieczne podr\u00f3\u017ce z Polski<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/2us.pl\/index.php\/2026\/03\/01\/endokrynolog-kiedy-udac-sie-na-wizyte-i-jakie-badania-moze-zlecic-lekarz\/\">Endokrynolog \u2013 kiedy uda\u0107 si\u0119 na wizyt\u0119 i jakie badania mo\u017ce zleci\u0107 lekarz<\/a><\/li>\n<\/ul>\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Blockquote<\/h2>\n\n\n\n<p>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.<\/p>\n\n\n\n<blockquote style=\"text-align:left\" class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Donec sed odio dui. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio.<\/p><cite>Magnium, MagniumThemes<\/cite><\/blockquote>\n\n\n\n<p>Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas sed diam eget risus varius blandit sit amet non magna sed diam ed diam eget risus varius eget.<\/p>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link\" href=\"#\">Download Now<\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Columns<\/h2>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Made With Love<\/h3>\n\n\n\n<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Made By Writers&nbsp;<\/h3>\n\n\n\n<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui. Nulla vitae elit libero, a pharetra augue.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Looking ????&nbsp;more?<\/h2>\n\n\n\n<p style=\"background-color:#edf1f3;text-align:center\" class=\"has-background\"><em>Here is an example of the core pull quote block, set to display centered. Nulla vitae elit libero, a pharetra augue. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Image Block<\/h2>\n\n\n\n<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" class=\"wp-image-103\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" class=\"wp-image-102\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Wide aligned<\/h3>\n\n\n\n<figure class=\"wp-block-image alignwide\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" class=\"wp-image-293\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Full Width<\/h3>\n\n\n\n<figure class=\"wp-block-image alignfull\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" class=\"wp-image-293\"\/><\/figure>\n\n\n\n<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Video Block<\/h2>\n\n\n\n<p>Lets check out the positioning and styling of the video core block. We will check the wide and full alignments too.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wide aligned<\/h3>\n\n\n\n<figure class=\"wp-block-embed-vimeo alignwide wp-block-embed is-type-video is-provider-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"embed-container\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/79757417?app_id=122963\" width=\"1140\" height=\"641\" frameborder=\"0\" title=\"Kinfolk - Pacific Rhythms\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe><\/div>\n<\/div><figcaption>Videos can have captions too!<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Cover Image Block<\/h2>\n\n\n\n<p>Check out the positioning and styling of the cover image core block. We will check the wide and full alignments, as well as left\/right.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wide aligned<\/h3>\n\n\n\n<div class=\"wp-block-cover has-background-dim alignwide is-layout-flow wp-block-cover-is-layout-flow\" style=\"background-image:url(https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png)\"><p class=\"wp-block-cover-text\">Wide Cover Image Block<\/p><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Full Width<\/h3>\n\n\n\n<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Gallery Blocks<\/h2>\n\n\n\n<p>Let us check out the positioning and styling of the gallery blocks.<\/p>\n\n\n\n<ul class=\"wp-block-gallery columns-2 is-cropped alignnone wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" data-id=\"44\" data-link=\"http:\/\/wp.wp-preview.com\/saxon\/saxon-14\/saxon-00003\/\" class=\"wp-image-44\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" data-id=\"35\" data-link=\"http:\/\/wp.wp-preview.com\/saxon\/saxon-14\/saxon-00002\/\" class=\"wp-image-35\"\/><figcaption>Coworking<\/figcaption><\/figure><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-gallery columns-3 is-cropped alignnone wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" data-id=\"88\" data-link=\"http:\/\/wp.wp-preview.com\/saxon\/saxon-14\/saxon-00031\/\" class=\"wp-image-88\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" data-id=\"80\" data-link=\"http:\/\/wp.wp-preview.com\/saxon\/saxon-14\/saxon-00035\/\" class=\"wp-image-80\"\/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/2us.pl\/wp-content\/uploads\/2018\/10\/import_placeholder.png\" alt=\"\" data-id=\"78\" data-link=\"http:\/\/wp.wp-preview.com\/saxon\/saxon-14\/saxon-00016\/\" class=\"wp-image-78\"\/><figcaption>Time to relax<\/figcaption><\/figure><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Gutenberg is more than an editor. While the editor is the focus right now, the project will ultimately impact the entire publishing experience including customization (the next focus area). Imagine a custom \u201cemployee\u201d block that&#8230;<\/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-356","page","type-page","status-publish","hentry"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/2us.pl\/index.php\/wp-json\/wp\/v2\/pages\/356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2us.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/2us.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/2us.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2us.pl\/index.php\/wp-json\/wp\/v2\/comments?post=356"}],"version-history":[{"count":0,"href":"https:\/\/2us.pl\/index.php\/wp-json\/wp\/v2\/pages\/356\/revisions"}],"wp:attachment":[{"href":"https:\/\/2us.pl\/index.php\/wp-json\/wp\/v2\/media?parent=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}