Grids: Layout builder voor WordPress

Beschrijving

πŸ‘‰ Ga voor meer informatie over de plugin naar de documentatie site.

Een lay-out bouwer is een gereedschap dat je helpt bij het maken van visuele structuren op je pagina, van een eenvoudige lay-out met aangrenzende kolommen tot meer complexe composities.
Grids is volledig gebaseerd op de WordPress blok-editor, wat betekent dat je het kunt gebruiken in combinatie met de talloze inhoudsblokken die ontwikkelaars en ontwerpers van over de hele wereld maken.

Met Grids brengen we een visuele structuur aan in de inhoud die met de WordPress blok-editor wordt geschreven.

πŸ‘‰ Secties & gebieden

Een sectie is een deel van de pagina dat zich visueel moet onderscheiden van de rest van de inhoud. Secties zijn meestal top-level blokken die je na elkaar toevoegt; de volgorde van de secties is wat je pagina lay-out maakt.

Elke sectie die je maakt is samengesteld uit verschillende Gebieden. In hun meest elementaire vorm kun je gebieden zien als kolommen, die niets anders zijn dan containers voor inhoudsblokken.

Voor meer uitgewerkte composities kun je met de Grid designer precies de rasterstructuur maken die je wilt binnen de grenzen van een sectie, door gebruik te maken van CSS raster.

πŸ‘‰ Wil je meer weten? Lees de plugin documentatie! πŸ‘‰ https://justevolve.it/grids/documentation/

πŸ‘‰ Nog steeds problemen? dat kan aan een van de bekende problemen liggen πŸ‘‰ https://justevolve.it/grids/documentation/known-issues/

😎 Bekijk Grids terwijl het op het podium wordt getoond door Matt Mullenweg op WordCamp Europe 2019!

πŸ‘‰ 1.3.10

  • OPLOSSING: compatibiliteitsproblemen met WordPress 6.4 verholpen

πŸ‘‰ 1.3.9

  • OPLOSSING: beveiligingsoplossing.

πŸ‘‰ 1.3.8

  • OPLOSSING: weergave instellingen functionaliteit voor secties en gebieden vastgezet.

πŸ‘‰ 1.3.7

  • OPLOSSING: terugval variabele probleem opgelost voor secties en gebieden achtergrond.

πŸ‘‰ 1.3.6

  • OPLOSSING: probleem opgelost met de marges, paddings associatie op verschillende media queries.
  • OPLOSSING: vaste achtergrondherhaling en positie standaard gedrag op front-end.

πŸ‘‰ 1.3.4 & 1.3.5

  • OPLOSSING: logica voor gesynchroniseerde rijenafmetingen op front-end/back-end: lege rijen vouwen ook in het scherm van de blok-editor in.

πŸ‘‰ 1.3.3

  • OPLOSSING: 500 fout die optrad bij het gebruik van breed uitgelijnde secties opgelost.

πŸ‘‰ 1.3.2

  • OPLOSSING: veranderde de declaratie van de rasterkolommen in minmax(0,1fr) om een te groot raster te voorkomen.
  • OPLOSSING: problemen met geneste secties opgelost.

πŸ‘‰ 1.3.1

  • OPLOSSING: omgekeerde logica voor rijen dimensies: in secties gemaakt met de geavanceerde editor vouwen lege rijen in.

πŸ‘‰ 1.3.0

  • VERBETERING: compatibiliteit met de full site editor toegevoegd.
  • VERBETERING: Verbeterde compatibiliteit met sites applicaties met enkele pagina’s.
  • OPLOSSING: opgelost stijl toegepast op geneste secties.
  • Compatibiliteit geΓΌpdatet naar WordPress 5.9.

MOGELIJK STORENDE VERANDERINGEN:

  • In deze versie hebben we de globale pagina-instelling verwijderd waarmee het editor gebied breder kon worden bij het bewerken van een pagina met de blok-editor. We vinden dat dit beter door het thema zelf kan worden geregeld, vooral als het de modus full site editing ondersteunt.
  • We hebben ook de globale pagina-instelling verwijderd die de horizontale tussenruimte tussen gebieden bepaalde. Dit wordt nu individueel geregeld door sectieblokken (zoek naar gap-instellingen). Zoals voorheen zijn zowel horizontale als verticale tussenruimten onderworpen aan media queries.
  • We hebben de grids-s-$section_id en grids-a-$area_id klassen verwijderd van de respectievelijke elementen, omdat ze niet langer nodig waren om de stijl van het element te genereren. Als je een specifieke sectie of gebied wil identificeren, kun je de aangepaste klasse/anker besturing gebruiken die worden aangeboden door de blok-editor.

πŸ‘‰ 1.2.28

  • VERBETERING: de mogelijkheid toegevoegd om de typen blokken die zijn toegestaan in inhoudsgebieden van een sectie te specificeren via het raster/gebied filter.
  • VERBETERING: de mogelijkheid toegevoegd om de grootte eenheden te specificeren die worden gebruikt in rasters, evenals de standaard grootte-eenheid die wordt voorgesteld door de editor, via het rasters/algemeen filter.
  • OPLOSSING: ongewenste log naar console verwijderd.
  • Compatibiliteit geΓΌpdatet naar WordPress 5.7.

πŸ‘‰ 1.2.27

  • OPLOSSING: probleem opgelost dat zich voordeed bij het bewerken van zelfgemaakte secties en betrekking had op eerder gemaakte gebieden.
  • OPLOSSING: probleem opgelost dat verhinderde dat berichtmeta werd opgeslagen bij gebruik van rasters met een aangepast berichttype.

πŸ‘‰ 1.2.26

  • OPLOSSING: compatibiliteit toegevoegd met WordPress 5.6 en de nieuwste versie van de Gutenberg plugin.

πŸ‘‰ 1.2.25

  • OPLOSSING: kleine backend UI oplossing.
  • OPLOSSING: de dimensionering van blokken in inhoudsgebieden op de front-end is hersteld.

πŸ‘‰ 1.2.24

  • Verbeterde ondersteuning voor AJAX aangedreven inhoudspagina’s.

πŸ‘‰ 1.2.23

  • OPLOSSING: React waarschuwingen en fouten die optraden wanneer de SCRIPT_DEBUG constante was ingesteld op true hersteld.
  • OPLOSSING: opgelost sectie styling in de voorbeeldmodus.
  • OPLOSSING: dubbele schuifbalk verwijderd bij het slepen van gebieden.

πŸ‘‰ 1.2.22

  • OPLOSSING: verhoogde compatibiliteit met WordPress 5.4.

πŸ‘‰ 1.2.21

  • OPLOSSING: een bug verholpen waardoor sectie ID’s niet werden weergegeven in de opmaak van de pagina.

πŸ‘‰ 1.2.20

  • OPLOSSING: compatibiliteit met Gutenberg 7.3 opgelost.

πŸ‘‰ 1.2.19

  • OPLOSSING: probleem met de toolbar voor blokken opgelost.

πŸ‘‰ 1.2.18

  • OPLOSSING: herbruikbare blokfunctionaliteit op secties hersteld.
  • OPLOSSING: diverse kleine UI aanpassingen.
  • OPLOSSING: kleine bugs.

πŸ‘‰ 1.2.17

  • OPLOSSING: compatibiliteit met Gutenberg 7.2 opgelost.
  • Opgelost: kleine interface wijzigingen.

πŸ‘‰ 1.2.16

  • OPLOSSING: problemen met rasterweergave in internet explorer 11 opgelost. Met dank aan @amddtim voor de oplossing.

πŸ‘‰ 1.2.15

  • Verbeterde visualisatie van eenheden in afstandscontroles.
  • Een optie toegevoegd om de editor breder te maken.

πŸ‘‰ 1.2.14

  • OPLOSSING: compatibiliteit met WordPress 5.3 hersteld.

πŸ‘‰ 1.2.13

  • OPLOSSING: probleem met de z-index van de gebiedsselectie opgelost.
  • OPLOSSING: probleem opgelost dat de correcte weergave van gedupliceerde secties verhinderde.

πŸ‘‰ 1.2.12

  • OPLOSSING: verbeterde bewerking van blokken in twee verticaal aangrenzende gebieden in een geavanceerd raster.
  • OPLOSSING: probleem met de weergave van de gebiedsbreedte in het blokvoorbeeld opgelost.

πŸ‘‰ 1.2.11

  • Visuele feedback toegevoegd aan elementen bij gebruik van dimensiecontroles.
  • OPLOSSING: een regressie verholpen die het correcte gebruik van verticaal uitlijnen in gebieden verhinderde.

πŸ‘‰ 1.2.10

  • OPLOSSING: een bug verholpen waardoor secties niet correct werden opgeslagen als ze een anker hadden.
  • Opgelost: kleine interface wijzigingen.

πŸ‘‰ 1.2.9

  • Anker ondersteuning toegevoegd aan secties: je kunt nu ID’s toevoegen aan sectie-elementen op de front-end.
  • Diverse UI tweaks om de rasterstructuur en rendering te markeren.
  • De blok sectie verwijderd uit de sectie rasters, en beschikbaar gemaakt in de sectie lay-out blokken.
  • De blokpictogrammen van sectie en gebied zijn aangepast om overeen te komen met het plugin merk.
  • OPLOSSING: eerste blokselectie na invoegen van een sectie in pagina.
  • OPLOSSING: kleine bugs.

πŸ‘‰ 1.2.8

  • OPLOSSING: stijluitlijning voor gebieden bij het dupliceren van secties in de blok-editor.

πŸ‘‰ 1.2.7

  • OPLOSSING: de invoegmodus van blokken teruggezet voor nieuw aangemaakte gebieden bij gebruik van de Gutenberg plugin.
  • OPLOSSING: compatibiliteitsoplossingen met Gutenberg 5.9.0.

πŸ‘‰ 1.2.6

  • OPLOSSING: gedrag van inhoudsgebieden bij het toevoegen van zijdelingse afstand.

πŸ‘‰ 1.2.5

  • Nieuwe optie “Uitrekken” toegevoegd voor achtergronden van secties met “brede” uitlijning.
  • OPLOSSING: kleine bugs.

πŸ‘‰ 1.2.4

  • Grids toegevoegd aan de blok directory op WordPress.org.
  • Voeg JS en SCSS bronbestanden toe.

πŸ‘‰ 1.2.3

  • OPLOSSING: probleem verholpen waardoor de blok-inserter niet goed zichtbaar was als de z-index van een gebied was aangepast.
  • OPLOSSING: probleem opgelost waarbij meerdere gebieden konden worden toegevoegd aan een sectie, zonder gebruik te maken van de Grid designer component.
  • OPGELOST: kleine foutjes opgelost.

πŸ‘‰ 1.2.2

  • OPLOSSING: probleem verholpen waardoor aangepaste accentkleuren niet werkten zoals bedoeld in het Twenty Nineteen standaardthema.

πŸ‘‰ 1.2.1

  • OPLOSSING: kleine visuele aanpassingen.
  • OPLOSSING: bewerken van secties samengesteld met de Grid designer.

πŸ‘‰ 1.2

  • NIEUWE FUNCTIE: paginabrede gutter besturing toegevoegd.
  • VERBETERING: Grid designer is nu beschikbaar bij het bewerken van een sectie, en gebieden kunnen herschikt worden.
  • OPLOSSING: CSS stijl voor rasters wordt niet weergegeven in loops.
  • OPLOSSING: secties kunnen nu worden gebruikt als herbruikbare blokken.
  • OPLOSSING: kleine bugs.

πŸ‘‰ 1.1.1

  • OPLOSSING: vertaalondersteuning.
  • OPLOSSING: probleem met blokken toolbar.

πŸ‘‰ 1.1.0

  • NIEUWE FUNCTIE: rasterontwerp.
  • OPLOSSING: vertaalondersteuning.
  • OPLOSSING: kleine bugs.

πŸ‘‰ 1.0.0

  • Eerste publieke release.

Schermafdrukken

  • De geavanceerde Grid designer.
  • Sectie lay-out template selectie.
  • Met rasters heb je de controle over de weergave van je pagina’s.
  • Grids biedt meerdere geavanceerde besturingselementen om de weergave van je inhoud aan te passen.

Blokken

Deze plugin heeft 2 blokken.

  • Grids: Layout builder for WordPress
  • Grids: Layout builder for WordPress

Installatie

  1. Upload de plugin-bestanden naar de /wp-content/plugins/grids map, of installeer de plugin rechtstreeks via het Plugins-scherm in WordPress.
  2. Activeer de plugin via het ‘Plugins’ scherm in WordPress

FAQ

Werkt het ook op mijn thema?

JA! Of je thema nu gratis of premium is, Grids zal naadloos integreren.

Kan ik thema’s verwisselen? Raak ik dan mijn inhoud kwijt?

Je inhoud gaat NIET verloren als je van thema wisselt, ongeacht welk thema je kiest. En omdat de plugin niet afhankelijk is van shortcodes, zal zelfs het volledig uitschakelen van de Grids plugin je perfect leesbare inhoud op je pagina’s laten staan.

Hoe werkt ondersteuning?

Ondersteuning op de plugin pagina op WordPress.org is volledig vrijwillig. Voel je vrij om bug rapporten te plaatsen of vragen te stellen over de functionaliteit van de plugin.

Beoordelingen

3 mei 2023
I recently started using the Grids plugin for WordPress and I’m thoroughly impressed with its capabilities. The layout builder feature is extremely easy to use, and allows you to create custom page layouts in just a few clicks. The drag-and-drop interface is intuitive and the real-time preview feature is a game changer. What I really appreciate about Grids is the level of customization it offers. You can easily adjust the width and height of columns and rows, add padding and margins, and even customize the background color and image. The plugin also includes a wide range of pre-designed layouts and templates to choose from, which is great for getting started quickly. Another key feature of Grids is its responsive design capabilities. You can easily adjust the layout for different screen sizes and devices, ensuring that your content looks great on any screen. I highly recommend the Grids plugin for anyone looking for a powerful and user-friendly layout builder for WordPress. It’s a great tool for creating custom pages and layouts, and offers a high level of flexibility and customization options.
19 maart 2023
The plugin is amazing. Although it would be great to be able to select different custom grids for tablet and smartphone breakpoints as well.
30 september 2022
Outstanding! Just now getting used to it, but I have found no real issues with it. The only problem I see is that there’s some compatibility issues with my theme ARK. When I do adjustments to font or colors they don’t take and just stick with default. That’s not really a big problem for me. There are simple work-arounds. Outside of that this plugin is one of the best I’ve ever used.
24 juli 2022
This utility plugin is amazing. This should be the core feature in Gutenberg. Amaze to see this plugin is free. One request i have to add a global option for spacing, margin and padding for all devices. Thanks.
6 juli 2021
There is so much repetition of Gutenberg blocks out there, while this really addresses something new and nails it πŸ™‚ This brings CSS Grid to the Gutenberg newbees, while still offering enough flexibility for those that would normally build it from scratch πŸ™‚ Thank you and hoping to see more in the future. Alex
Lees alle 20 beoordelingen

Bijdragers & ontwikkelaars

“Grids: Layout builder voor WordPress” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“Grids: Layout builder voor WordPress” is vertaald in 5 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “Grids: Layout builder voor WordPress” naar jouw taal.

Interesse in ontwikkeling?

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