Vorige week werd versie 1.2 van de WordPress AMP plugin uitgerold. Zoals in april al bekend werd gemaakt bij de release van versie 1.1, introduceert deze update een nieuwe Gutenberg-powered AMP Stories editor.
Over Web Stories
Stories zijn een mobile-focused format dat, mede dankzij social media apps zoals Snapchat, Instagram en Facebook, steeds populairder wordt. Stories op deze platforms worden doorgaans gecreëerd als vergankelijke stukjes content die niet gemakkelijk op te slaan of in te sluiten zijn zonder applicaties van derden. Google beschrijft AMP stories ook wel als “visueel verhalen vertellen voor het open web.”
“Ik positioneer het graag als Web Stories,” zei Google’s Thierry Muller. “Het draait op AMP, maar dan zonder de uitdagingen waar ontwikkelaars mee geconfronteerd kunnen worden bij het maken van een AMP compatibele website. Met Web Stories kunnen gebruikers nu stories creëren die toegankelijk zijn via een eenvoudige URL, content die hun eigendom is, en ze kunnen open source tools gebruiken zoals de Story Editor voor WordPress.”
AMP Stories editor
AMP Stories staan los van de mogelijkheden die AMP voor de rest van de website creëert, en ze kunnen zowel samen als onafhankelijk worden gebruikt. De AMP Stories feature heeft een eigen post type dat gebruik maakt van de block editor en custom blocks bevat die het volgende mogelijk maken:
- Meerdere ‘story pages’ kunnen aan een horizontale bewerkingsinterface worden toegevoegd;
- Pagina’s kunnen met drag & drop geordend worden;
- Het Tekst block (de standaard in plaats van het Paragraph block) zorgt dat tekst automatisch geschaald wordt om in de container te passen;
- Er zijn 40 font families om het Tekst block te stylen;
- Blocks kunnen op een pagina naar elke gewenste plek gesleept worden en geroteerd, voor of na andere blocks;
- Je kunt kiezen uit blanco pagina’s of kant-en-klare pagina templates;
- De kleurtransparantie van het Text block kan worden aangepast;
- Story pages kunnen een achtergrond video of afbeelding hebben;
- Pagina’s kunnen een effen achtergrondkleur of gradiënt krijgen, inclusief transparantie voor achtergrond overlays.
De stories die in de editor gecreëerd worden, kunnen ook in andere blogposts en pagina’s ingesloten met behulp van het gewone Embed block of het Latest Stories block.
Benieuwd naar de AMP Stories editor?
WordPress gebruikers die de Stories feature van de AMP plugin willen uitproberen moeten Gutenberg 5.8+ geïnstalleerd hebben. Dit omdat de AMP Stories editor gebruik maakt van een aantal nieuwere features in de block editor, die nog niet in de core zijn geïntegreerd.