WPNews.nl

Greenshift review


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.

Ken Burns with CSS

Issue: CSS creates a lot of white space under the image

Ken Burns GS simulation 1

Issue: effect should be inside size; image should not grow in size with effect.

Ken Burns GS simulation 2

Issue: effect should be inside size; image should not grow in size with effect.

Opvallend?

Bijvoorbeeld de dropdown van het menu ‘merkt’ niet dat het dropdown submenu buiten beeld valt. Maar dat geldt ook voor Kadence, Divi, etc
Het image blok heeft diverse interessante hover overlays, zoals zwart-wit bij hover.
Was een verademing is, is dat je in een tekstblok kunt blijven tikken, ook met een return, zonder dat elke return een nieuw tekst blok geeft. Veel handiger en het geeft veel minder code op een pagina.
Van Greenshift paragraaf tekst naar header omzetten kan niet.
Van Greenshift paragraaf omzetten naar een list kan niet.
In een icon list, moet het icon per regel apart worden aangepast. De maat en kleur kun je wel global per block instellen.
Als een icon in een accordeon ‘bij open’ een rotatie heeft gekregen van bv 45, 90 of 180 graden en je vindt het toch niet mooi, kun je het niet meer op 0 zetten. Aan de andere kant… Het icon moet toch echt wat veranderen om de open status te benadrukken, dus 0 is niet echt nodig.
Het icon staat standaard niet exact in het midden van de 1e regel, maar in het midden van de hele tekst.
Test om te kijken of het icon in het midden van de eerste regel kan blijven.
Het icon kan exact in het midden van de regel, door het icon wat spacing (hier 12 px) te geven.
Spacing kan zelfs rechts en links van het icon.
Hieronder: een image in een container, met een vaste hoogte.
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.

De grote vraag:
Hoe gaat het saven van deze pagina na het toevoegen van al deze blocks en afbeeldingen? Nog steeds bloedsnel.

Titel kolom

Paragraaf tekst in de kolom regel 1

Titel kolom

Paragraaf tekst in de kolom regel 1 en ook een regel 2

Titel kolom

Paragraaf tekst

Header met kleur en animatie

Header met kleur en animatie

Header met kleur en animatie

Header met kleur en animatie

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

Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block

Test GS heading

Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block

Test GS heading

Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block

Test GS heading

Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block Advanced text block
Money-Power-Love
Money-Power-Love

text in column 1

text in column 2

text in column 1

text in column 2

Translate »