Video

Gutenberg Galleries Variations – Stunning Layouts with Awesome Features

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 “employee” 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. 


Say Hello to the New Editor

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 — 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 love WordPress, as opposed something they pick it because it’s what everyone else uses.


Beautiful galleries

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’re committed to finding a good solution for highly-tailored existing sites.

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.


Image Block

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas faucibus mollis interdum.

Wide aligned

Full Width

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.


Lets check out the positioning and styling of the video core block. We will check the wide and full alignments too.

Cover Image Block

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.

Wide aligned + Color Opacity

Wide Cover Image Block

Full Width

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.

Full Width Cover Image


Gallery Blocks

Let us check out the positioning and styling of the gallery blocks.

2 Columns

3 Columns + Wide Gallery

5 Photo in one Gallery

Fullwidth Gallery

About author

Amanda Doe is a senior reporter at Saxon focused on diversity, inclusion and social justice. She also covers the on-demand economy, artificial intelligence and transportation. She previously spent two years at Business Insider covering tech startups focused on the shared economy, IoT and music industry.
Related posts
Video

Battlefield 5 Day-One Update Now Live For PC

PCVideo

Call of Duty: Black Ops 4 - new releases and trailer

PCVideo

Fornite Battle Royale - Season 6, Trip Battle Star Guide

Video

Destiny 2 is free to play this weekend

Sign up for our Newsletter and
stay informed

Leave a Reply

Your email address will not be published. Required fields are marked *

Worth reading...
Battlefield 5 Day-One Update Now Live For PC