Layout Grid Block

Beschrijving

Wil je een kolom-gebaseerde lay-out maken met gemakkelijk aanpasbare kolombreedte en posities? Of misschien wil je jouw inhoud uitlijnen op een globaal lay-out raster over je hele bericht. Met dit Layout Grid blok kan je beide of een van beide doen. Er zijn ook opties om specifieke lay-outs aan te bieden voor mobiele of tablet pauzes. Kies een aantal kolommen (1-4) en pas vervolgens de grootte en positie van elke kolom aan zoals jij wilt dat ze eruitzien, voor elk scherm. Optioneel kan je achtergrondkleuren en padding toepassen om nadruk te leggen.

Bron en ondersteuning

Je kan de ontwikkeling volgen, een probleem indienen, suggesties doen, en de broncode bekijken op de Github repo: https://github.com/automattic/block-experiments

Schermafbeeldingen

  • Raster lay-out selector.
  • Raster met drie kolommen en herschaalhandvatten.

Blokken

Deze plugin voorziet 1 blok.

  • Layout Grid A Gutenberg container block to let you align items consistently across a global grid.

Beoordelingen

4 november 2021
Already working really well. It's clean and solid and intuitive. I'm working with it with the Kadence theme and it's excellent. Hope to see this in Gutenberg core soon!
9 september 2021
we definitive need this in core! the default columns in gutenberg are crap.
23 mei 2021
Thank you, nice and helpful! little advice: Add to tags "Gutenberg" in description. I didn't find you quickly. In the beginning i was looking for something like this by tag #Gutenberg
4 april 2021
One of my (very, very few) essential plugins for WP. It makes building layout a breeze. I made my own fork and build though, to make some changes: -I changed the basic gutter values to CSS variables, so now I can use my own values. -I changed to media queries as well, for my setup. -I changed the editor visually a bit, to make it look like an editor, see columns etc, but that's just a personal preference. And what I couldn't do, but would be nice to have, to change the order of columns, and the number of rows on mobile/tablet, when it starts collapsing. But again, it's essential, and should be part of core WP. Thanks guys!
Lees alle 8 beoordelingen

Bijdragers & ontwikkelaars

“Layout Grid Block” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“Layout Grid Block” is vertaald in 20 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “Layout Grid Block” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

1.8.2 – 16th June 2022

  • Update device preview handling to be more consistent

1.8.1 – 18th March 2022

  • Change layout grid to not be fullwide by default

1.8 – 25th January 2022

  • General updates for recent Gutenbergs

1.7.2 – 19th November 2021

  • Prefer site editor viewport settings when changing the preview device type

1.7.1 – 11th November 2021

  • Toon blok in samenvattingen

1.7 – 19th July 2021

  • Add initial support for WordPress mobile app
  • Fix incorrect behaviour of drag handles in Safari
  • Fix sticky block styles
  • Rechte uitlijning van afbeelding herstellen

1.6 – 26th March 2021

  • Verouderde functies van Gutenberg verwijderd
  • Restore hyphenation behaviour to 1.3 – it caused too many issues
  • Remove Firefox fix in 1.2.4 which no longer seems to be needed and causes other issues
  • Merge front.css into style.css
  • Force grid preview to be desktop mode, to improve appearance in pattern inserter

1.5 – 8th February 2021

  • Improve editor responsive behaviour on smaller devices
  • Bump minimale WordPress versie naar 5.6

1.4 – 15th January 2021

  • Use hyphenation for text inside a grid column
  • Add missing has-background for columns with a custom background colour
  • CSS aanpassen voor gebruik in volledige website editor probleem opgelost

1.3 – 21st July 2020

  • Add vertical alignment to grid and grid columns
  • Mirror grid device breakpoint with editor preview breakpoint (requires WP 5.5 or Gutenberg plugin)
  • Bump minimale WordPress versie naar 5.5

1.2.4 – 14th July 2020

  • Fix some blocks breaking outside of the grid in Firefox
  • Fix editor margins for some themes

1.2.3 – 29th June 2020

  • Fix some styles not loading in the editor

1.2.2 – 23rd June 2020

  • Fix the CSS loading fix from 1.2.1 so it uses wp_register_style

1.2.1 – 10th June 2020

  • Fix block inserter to show inside a grid column
  • Fix vertical margin in editor so it better matches the display
  • Fix CSS loading so it is only added when block is used
  • Fix grid lines appearing when inner block is selected

1.2 – 29th April 2020

  • Move the selected breakpoint to the toolbar and allow it to be toggled
  • Bump minimale WordPress versie naar 5.4
  • Improve drag handle behaviour
  • Fix multi-select inside grid blocks
  • Fix output of grid front-end CSS
  • Fix issue with sizing being off when full-wide
  • Fix old classes being added when column layout changes

1.1 – 10th March 2020

  • Add option to disable start and end gutters for full-bleed layout
  • Add option to control gutter size
  • Fix a Firefox 100% height bug when multiple blocks are inside one column
  • IE11 ondersteuning verbeterd

1.0.5 – 28th January 2020

  • Fix editor layout issues with themes that don’t support Gutenberg

1.0.4 – 21st January 2020

  • Lay-out problemen met Gutenberg 7.3 opgelost

1.0.3 – 12th December 2019

  • Rasterwaarden worden genegeerd in de 7.1.0 editor
  • Fix cropping of grid when inside a group block

1.0.2 – 28th November 2019

  • Bug met dubbele kolomspannes opgelost

1.0.1 – 26th November 2019

  • Fix problem with edit history putting the block into an inbetween state
  • Bijsnijden van het raster in de editor

1.0 – 7th November 2019

  • Eerste release