
<p class="has-drop-cap has-large-font-size">We call the new editor Gutenberg. The entire editing experience has been rebuilt for media rich pages and posts. Experience the flexibility that blocks will bring, whether you are building your first site, or write code for a living.</p>



<p>It seems that Gutenberg has been a term of controversy in the world of WordPress lately. Hailed as the most significant change to WordPress 5.0 this year, the Gutenberg editor has received a mixed response from web developers and regular folk alike. All of this chaos is making it difficult.</p>



<h2 class="wp-block-heading">Wider Galleries</h2>



<figure class="wp-block-gallery alignwide has-nested-images columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image"><a href="https://yanzen.biz.id/wp-content/uploads/2018/08/24.jpg"><img data-id="1325" src="https://yanzen.biz.id/wp-content/uploads/2018/08/24.jpg" alt="" class="wp-image-1325"/></a></figure>



<figure class="wp-block-image"><a href="https://yanzen.biz.id/wp-content/uploads/2018/09/21-1.jpg"><img data-id="1322" src="https://yanzen.biz.id/wp-content/uploads/2018/09/21-1.jpg" alt="" class="wp-image-1322"/></a></figure>



<figure class="wp-block-image"><a href="https://yanzen.biz.id/wp-content/uploads/2018/08/18.jpg"><img data-id="1319" src="https://yanzen.biz.id/wp-content/uploads/2018/08/18.jpg" alt="" class="wp-image-1319"/></a><figcaption class="wp-element-caption">Lovely Ferrari with the rain drops.</figcaption></figure>
</figure>



<h2 class="wp-block-heading">What does Gutenberg Change</h2>



<p>The sole purpose of the Gutenberg editor is to provide an alternative to the current open text editor, not to mention the difficult-to-remember shortcodes, with an agile and visual user interface (UI). So, unlike the current WordPress editor, you don&#8217;t have to:</p>



<ul class="wp-block-list">
<li>import images, multimedia and approved files from the media library or add HTML shortcodes;</li>



<li>copy and paste links for embeds;</li>



<li>write shortcodes for specialized assets of different plugins;</li>



<li>create featured images to be added at the top of a post or page;</li>



<li>add excerpts for subheads;</li>



<li>add widgets for content on the side of a page.</li>
</ul>



<p>Consider a block as the most basic (therefore, smallest) unit of the new editor.</p>



<figure class="wp-block-pullquote alignleft"><blockquote><p>Only a quarter of young adults are financially literate. You don&#8217;t want to overwhelm them.</p><cite>Shane Doe, Entrepreneur.</cite></blockquote></figure>



<p>They will be the building blocks of WordPress 5.0. In other words, everything-including content, images, quotes, galleries, cover images, audio, video, headings, embeds, custom codes, paragraphs, separators and buttons-will turn into distinct blocks.</p>



<p>Because you can drag and drop each block, identifying these items and placing them on the page becomes a lot easier.</p>



<h2 class="wp-block-heading">Gutenberg â¤ï¸ Columns</h2>



<hr class="wp-block-separator has-css-opacity is-style-wide"/>



<div class="wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p><strong>Built for modern times!</strong></p>



<p>Gutenberg was developed on GitHub using the WordPress REST API, JavaScript, and React.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p><strong>Designed with Love.</strong></p>



<p>We recommend migrating features to blocks, but support for existing WordPress functionality remains. There will be transition paths.</p>
</div>
</div>



<hr class="wp-block-separator has-css-opacity is-style-dots"/>



<h3 class="wp-block-heading">Tables? You got them.</h3>



<p>Adding a table using custom HTML code was a tedious job. With the table block, however, the task is a lot easier. You are able to add and remove rows and columns of a table without coding.</p>



<figure class="wp-block-table is-style-stripes"><table><tbody><tr><td><strong>ID</strong></td><td><strong>First Nam</strong>e</td><td><strong>Last Name</strong></td><td><strong>Profession</strong></td></tr><tr><td>1.</td><td>John</td><td>Doe</td><td>Entrepreneur</td></tr><tr><td>2.</td><td>Shane</td><td>Tripp</td><td>Writer</td></tr><tr><td>3.</td><td>Groot</td><td>Will</td><td>Web Designer</td></tr><tr><td>4.</td><td>Jemma</td><td>Kindle</td><td>Robot</td></tr></tbody></table></figure>



<h2 class="wp-block-heading">More for Images ;</h2>



<p>As of Gutenberg 0.5.0, you can now drag and drop images directly into an image block, just like you are used to with the visual editor. And there are several new alignments available with ContentBerg.</p>



<p>Here&#8217;s an image set to <em>Align Full Width</em>, that works with our <strong>Full Width</strong> post style.</p>



<figure class="wp-block-image alignfull"><a href="https://yanzen.biz.id/wp-content/uploads/2018/10/3.jpg"><img src="https://yanzen.biz.id/wp-content/uploads/2018/10/3.jpg" alt="" class="wp-image-1303"/></a><figcaption class="wp-element-caption">At a beautiful island off the North East Coast of the country.</figcaption></figure>



<p>Besides just having the standard blockquote which we have been using for years, they also have a new pull quote. And yes, pull quotes are different. </p>


<div class="wp-block-image is-resized">
<figure class="alignleft size-large"><a href="https://yanzen.biz.id/wp-content/uploads/2018/08/23.jpg"><img src="https://yanzen.biz.id/wp-content/uploads/2018/08/23.jpg" alt="" class="wp-image-1743" style="width:358px"/></a><figcaption class="wp-element-caption">Just rocking it being aligned left.</figcaption></figure>
</div>


<p>It is also nice to see some variations on the positioning of the blocks. For years, the standard visual editor has given you the ability to align left, align center, align right, and assign no alignment. </p>



<p>With the Gutenberg WordPress editor, you can also align wide (as seen below), and align full-width. ;</p>



<p>Blocks are a great new tool for building engaging content. With blocks, you can insert, rearrange, and style multimedia content with very little technical knowledge. </p>



<p>A single block is nice-reliable, clear, distinct. Discover the flexibility to use media and content, side by side, driven by your vision.</p>



<h2 class="wp-block-heading">More Gutenberg Blocks</h2>



<p>Gutenberg comes with new buttons that work right out of the box with ContentBerg. ;</p>



<p class="has-text-align-center has-very-light-gray-background-color has-background"><em>Gutenberg is available as a plugin now, and soon by default in version 5.0 of WordPress. The classic editor will be available as a plugin if needed.</em></p>



<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex">
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Download Now</a></div>
</div>



<hr class="wp-block-separator has-css-opacity"/>



<blockquote class="wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow">
<p>Whether you like it or not, Gutenberg is the default since WordPress 5. Do try to be a part.</p>
<cite>Smashing Mag</cite></blockquote>



<div class="wp-block-cover alignwide"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-10 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-1325" alt="" src="https://yanzen.biz.id/wp-content/uploads/2018/08/24.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<p class="has-text-align-center has-larger-font-size">Beautiful <strong><em>Cover</em></strong> Image!<br></p>
</div></div>



<hr class="wp-block-separator has-css-opacity is-style-dots"/>



<h2 class="wp-block-heading">There&#8217;s a lot more&#8230;</h2>



<p>We can only show so many of the blocks without bloating the page to excessive size. There many more Gutenberg blocks that ;<em>just work</em>. And this is just the beginning. Very exciting times ahead.</p>



<p>Whether you like it or not, Gutenberg is coming to WordPress 5.0. Do try to be a part of the ongoing discussion about it on the web. It will certainly help.</p>

