auctionsvorti.blogg.se

The tricky thing with grids is not simple alignment in columns in desktop view. This grid is also displayed in the background while editing the post.

The major difference is that column alignment snaps to a specific point in the grid. It is essentially a beefed-up version of the core Columns block. A Starting Point: Layout Grid Block Three-column layout with Layout Grid Block.Īutomattic, as part of its Block Experiments project, has released the Layout Grid Block plugin. This would bring better compatibility across the board when users inevitably switch themes. Including a grid system also has the additional benefit of standardizing on layout-related class names that theme authors can use in their CSS, even outside the content editor. Or, it may be better as a separate, standalone block. Such a system may benefit existing core blocks right now, such as Columns and Media & Text. If so, how should that system work? Will it be configurable by theme authors? How will it handle tablet and mobile views? Will the grid be visible to users or a hidden thing in the background?Īs more block plugins are released, particularly with those that may have multiple elements that may need to be aligned, it might be time we consider a grid system.

The question is, before we engage in full-site editing, global styles, block patterns, and other upcoming tools, whether a grid system should be a part of the equation. However, it is not by any means a page builder - yet. The current iteration of the editor does a fine job of being a general content editor while providing the ability to insert various elements into the page. This becomes even more apparent when building a page layout visually through the WordPress block editor. Whether it is getting the vertical and horizontal rhythm down or simply aligning an image next to a bit of text, page layouts are often done best via some sort of grid system. Granted, with the introduction of the flexbox and grid systems in the CSS language, such frameworks are becoming unnecessary. Even many developers rely on CSS grid frameworks. Laying out a webpage design and getting every element aligned perfectly can be a tough job.