
<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 positive response from web developers and regular folk alike. All of this power is making it awesome.</p>



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



<figure class="wp-block-gallery columns-2 is-cropped alignwide wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><a href="https://gossip-moms.com/wp-content/uploads/2017/03/21.jpg"><img src="https://gossip-moms.com/wp-content/uploads/2017/03/21.jpg" alt="" data-id="944" data-link="https://cheerup.theme-sphere.com/magazine/blog/2016/05/14/waiting-for-friend/shutterstock_318502685/" class="wp-image-944"/></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://gossip-moms.com/wp-content/uploads/2016/03/8.jpg"><img src="https://gossip-moms.com/wp-content/uploads/2016/03/8.jpg" alt="" data-id="1005" data-link="https://cheerup.theme-sphere.com/magazine/blog/2016/03/14/smartphone-interruptions-are-yours-relentless-and-annoying/clem-onojeghuo-151803/" class="wp-image-1005"/></a></figure></li><li class="blocks-gallery-item"><figure><a href="https://gossip-moms.com/wp-content/uploads/2017/03/19.jpg"><img src="https://gossip-moms.com/wp-content/uploads/2017/03/19.jpg" alt="" data-id="933" data-link="https://cheerup.theme-sphere.com/magazine/blog/2016/05/14/passion-for-music/shutterstock_69579202/" class="wp-image-933"/></a><figcaption class="blocks-gallery-item__caption">My lovely workplace</figcaption></figure></li></ul></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’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’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>



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



<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"><table class=""><tbody><tr><td><strong>ID</strong></td><td><strong>First Name</strong></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">Gutenberg <img src="https://s.w.org/images/core/emoji/16.0.1/72x72/2764.png" alt="â¤" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Columns</h2>



<p>Finally, yes. Columns are available natively in WordPress now. You can align them normal, wide or full in full-width post styles.</p>



<div class="wp-block-columns alignwide 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">
<figure class="wp-block-image"><img src="https://gossip-moms.com/wp-content/uploads/2016/08/15.jpg" alt="" class="wp-image-1038"/></figure>



<p><strong>Built for Modern Times!</strong></p>



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



<p>Whether you’re baking or binge waching holiday movies, this soft and cozy baseball sweatshirt plus festive tie-front joggers and sparkle mule slippers is the perfect way to relax.</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image"><img src="https://gossip-moms.com/wp-content/uploads/2017/03/6.jpg" alt="" class="wp-image-997"/></figure>



<p><strong>Designed with Love. Bundle of Style.</strong></p>



<p>Warm up so you can chill out. This season’s must-have sherpa pullover looks and feels great with <a href="#">fair-isle joggers</a> or jeggings if company comes over.</p>



<p>If you need to check the mail for holiday cards, wrap up in a cableknit scarf and hat.</p><div class="ad-container" style="text-align:center; margin:20px 0; padding:15px; border:1px solid #e0e0e0; border-radius:8px;">
 <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9943694685001641"
 crossorigin="anonymous"></script>
<!-- 336/280 -->
<ins class="adsbygoogle"
 style="display:inline-block;width:336px;height:280px"
 data-ad-client="ca-pub-9943694685001641"
 data-ad-slot="7544954035"></ins>
<script>
 (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div><div class="ad-container" style="text-align:center; margin:20px 0; padding:15px; border:1px solid #e0e0e0; border-radius:8px;">
 <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9943694685001641"
 crossorigin="anonymous"></script>
<!-- square res -->
<ins class="adsbygoogle"
 style="display:block"
 data-ad-client="ca-pub-9943694685001641"
 data-ad-slot="2675770736"
 data-ad-format="auto"
 data-full-width-responsive="true"></ins>
<script>
 (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div><div class="ad-container" style="text-align:center; margin:20px 0; padding:15px; border:1px solid #e0e0e0; border-radius:8px;">
 <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9943694685001641"
 crossorigin="anonymous"></script>
<ins class="adsbygoogle"
 style="display:block; text-align:center;"
 data-ad-layout="in-article"
 data-ad-format="fluid"
 data-ad-client="ca-pub-9943694685001641"
 data-ad-slot="7409508070"></ins>
<script>
 (adsbygoogle = window.adsbygoogle || []).push({});
</script>
 </div></p>
</div>
</div>



<hr class="wp-block-separator is-style-default"/>



<figure class="wp-block-image alignfull"><a href="https://cheerup.theme-sphere.com/lifestyle/wp-content/uploads/sites/12/2017/11/beach-blue-clear-1179156.jpg"><img src="https://gossip-moms.com/wp-content/uploads/2016/05/10-1.jpg" alt="" class="wp-image-906"/></a><figcaption>Walking down the tracks</figcaption></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 CheerUp.</p>



<p>Above is an image ;<em>Align Full Width</em>, that works with our <strong>Full Width</strong> post style.</p>



<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"><figure class="alignleft size-large is-resized"><a href="https://cheerup.theme-sphere.com/lifestyle/wp-content/uploads/sites/12/2017/11/black-background-burning-close-up-943150-819x1024.jpg"><img src="https://cheerup.theme-sphere.com/magazine/wp-content/uploads/sites/7/2016/05/shutterstock_362367734-scaled-778x1024.jpg" alt="" class="wp-image-891" width="358" height="448"/></a><figcaption>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>



<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>



<p> ;</p>



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



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



<p class="has-background has-text-align-center has-very-light-gray-background-color"><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-button aligncenter"><a class="wp-block-button__link" href="#">Download Now</a></div>



<hr class="wp-block-separator"/>



<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 coming to WordPress 5.0. Do try to be a part of it.</p><cite>Smashing Mag</cite></blockquote>



<div class="wp-block-cover alignfull has-background-dim-30 has-background-dim has-parallax" style="background-image:url(https://gossip-moms.com/wp-content/uploads/2017/03/22-1.jpg);background-color:#6f1c1c"><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">
<p class="has-text-align-center has-large-font-size">Beautiful <strong>Cover</strong> Image!</p>
</div></div>



<hr class="wp-block-separator 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>Gutenberg is primed to shape the future of WordPress with v5.0 default editor. Do try to be a part of the ongoing discussion about it on the web. It will certainly help.</p>

