Greenshift is een genot
Deze pagina is gebaseerd op het Greenshift thema en Greenshift blocks (gratis versie).
De blokken werken eenvoudig, maar zitten vol opties en zijn heel intuïtief om mee te werken.
De blokken zijn ook dynamisch (met de query add-on), dat wil zeggen dat ze kunnen omgaan met gegevens die niet vast liggen (statisch) maar dynamisch zijn.
Ik heb nog nooit een pagina gemaakt die zo snel reageert op alles en zelfs save gaat 10x zo snel als ik gewend ben.
Ik ga kijken of deze snelheid behouden blijft als de pagina en de site ga uitbreiden; dit is echt sensationeel. Ik bedoel, Kadence was al een verademing na Divi en Elementor, maar Greenshift is echt anders.
Het FSE-concept is even wennen. Bij een FSE thema selecteer je een menu-item, past de tekst aan en geeft een URL in. En klaar; het is bijna kinderklas simpel. Wat me verbaast, is dat het menu ook gewoon direct geschikt is voor mobile. Zonder ook maar iets in te stellen.
Pagina bewerken en Website bewerken
In een ‘ouderwets’ Block theme heb je weliswaar de thema-instellingen (de customizer) maar verder alleen ‘pagina bewerken’. In het Greenshift FSE-thema heb je ook ‘Site bewerken’ in de bovenste balk staan.
Onvoorspelbaar
Bijvoorbeeld met de buttons, in een container, naast elkaar op mobiel landscape, valt de eerste button links buiten beeld; waarom? Dan heeft bijvoorbeeld de container een vaste breedte, die te klein is voor beide buttons naast elkaar.
Archief: Archief pagina’s werken goed voor posts, maar niet voor pagina archief pagina’s (en CPT-pagina’s). Gevraagd op forum.
![](https://wpnews.nl/wp-content/uploads/2024/09/Meditatieleraar-opleiding-vrouw-mediteren-400x250-1.jpg)
Ken Burns with CSS
Issue: CSS creates a lot of white space under the image
![](https://wpnews.nl/wp-content/uploads/2024/09/Meditatieleraar-opleiding-vrouw-mediteren-400x250-1.jpg)
Ken Burns GS simulation 1
Issue: effect should be inside size; image should not grow in size with effect.
![](https://wpnews.nl/wp-content/uploads/2024/09/Meditatieleraar-opleiding-vrouw-mediteren-400x250-1.jpg)
Ken Burns GS simulation 2
Issue: effect should be inside size; image should not grow in size with effect.
![](https://wpnews.nl/wp-content/uploads/2024/09/Voorbeeld-CSS-code-grijstoon.jpg)
Opvallend?
Raar: de container hieronder stond in een kolom van 2/3e. Waarom kan dat genegeerd worden? Width heeft prioriteit! Dat is niet goed, want ook als de mobiele versie aangepast is (binnen de breedte van het mobiele scherm), stoort het de vertoning op mobiel. Beter werken met %.
Wat is Greenshift?
Greenshift heeft twee basisproducten; Greenshift thema en Greenshift blocks. Blocks is het ‘page-builder’ gedeelte en breidt de Gutenberg mogelijkheden uit, ver voorbij wat de Gutenberg editor en de Gutenberg blocks normaal gesproken kunnen.
Greenshift accordeon
Greenshift accordeon
Greenshift accordeon + hover
Greenshift accordeon + blur
Hoe gaat het saven van deze pagina na het toevoegen van al deze blocks en afbeeldingen? Nog steeds bloedsnel.
Titel kolom
Titel kolom
Titel kolom
Paragraaf tekst
Header met kleur en animatie
Header met kleur en animatie
Header met kleur en animatie
Header met kleur en animatie
![](https://wpnews.nl/wp-content/uploads/2024/09/Meditatieleraar-opleiding-vrouw-mediteren-400x250-1.jpg)
Greenshift header 1
Bla bla text om het wat te vullen en te kijken hoe het er uitziet.
Greenshift header 2
Bla bla text om het wat te vullen en te kijken hoe het er uitziet.
All about Greenshift – testing for a review
De afbeelding is de achtergrond in een normale sectie en in de enige kolom een header.
Greenshift Row full width
Test GS heading
Test GS heading
Test GS heading
Test GS heading
![Money-Power-Love](https://wpnews.nl/wp-content/uploads/2024/09/Money-Power-Love.jpg)
![Money-Power-Love](https://wpnews.nl/wp-content/uploads/2024/09/Money-Power-Love.jpg)