Remkus de Vries: de toekomst van WordPress in 2018
Omdat dit jaar een ontzettend belangrijk jaar is voor WordPress, hebben wij gemeente in onze opening iets meer aandacht te geven aan het feit waarom dit jaar specifiek heel belangrijk is voor WordPress. Het is een project gaande dat eigenlijk de afbeelding geeft eigenlijk een beetje aan waar het naartoe gaat. Het is een project gaande binnen WordPress wat ontzettend veel impact zal gaan hebben voor iedereen. In welke mate dat impact heeft, dat kun je eigenlijk een beetje zelf bepalen. Maar je einklanten, je zelf, je producten die je bouwt, op basis van WordPress het raad, gaan allemaal beïnvloed worden door het project waar we, kijk, Gutenberg, de naam Fastwellers gehoord. Wie heeft wel eens van het project Gutenberg gehoord? Dat is vrij hoog. Dan ga ik de vervolgvraag direct stellen. Wie heeft ook daadwerkelijk de plug-inwil is geïnstalleerd en er echt mee gespeeld? Ja, dat is een stuk minder. Dan zie ik daar een hele rei van mensen van Joost die keurig de hand opsteken, maar daar is ook een reden voor. Ik had zelf leuk gevonden als het project Koster had gegeten, maar dat is misschien een Insight grap die niet iedereen kreeg. Misschien dat de mensen uit Duitsland heel happy zijn met Gutenberg, as a name, because we would prefer to have Koster. It's still up for debate who really was first, but okay. Gutenberg, wat doet het voor diegenen die niet beter? Als je nu naar je WordPress-site gaat en je voegt content toe, je wijzigt content, je verwijdert content, doe je dat middels een editor. Die editor, die heeft nu een officiële naam, die heet TinyMCE en die kent binnen WordPress een aantal integratielagen. Die editor ervaring, de complete editor ervaring, maar nog zoveel meer, is wat Gutenberg over gaat nemen. We krijgen dus eigenlijk een editor die ontzettend veel meer kan, die modern is, die in deze tijd staat, die gebouwd is met de nieuwste technologieën, bename ook JavaScript in plaats van PRP-gedreven variant. En het is die stap, die a, dus een enorme grote wijziging heeft in hoe het werkt en b in hoe we daarmee om kunnen gaan.  Als ik zeg meta-boxes, wie weet wat een meta-box is? Ja, meta-box is een mooi voorbeeld waar je extra data in kwijt kunt, die je aan de volkend van je site perfect kunt gebruiken om extra gpu's te tonen, zo wordt die over het algemeen gebruikt. Gutenberg neemt dat volledig over, dus als jij je site hebt gebouwd met een meta-box library plug-in, zoals Advanced Custom Fields, dan gaat er nogal wat voor je veranderen en dat is als developer, maar dat is vooral als eindgebruiker. We zijn hier een redelijke in-crowed, je doet al iets met WordPress, je wilt er iets meer van weten, dus de kans is groot dat je er al enigszins tijd aan een in-crowed hebt gespendeerd. Maar de eindgebruikers, vooral als je sites maakt voor je klanten, die gaan een hele andere varing krijgen, want dat ziet er echt anders uit. Wat doet dat? Het geeft vooral in mijn beleving en ik werk voor Joost, en wij als Joost zeggen vooral ook, het geeft vooral ontzettend veel nieuwe mogelijkheden. Dus je kunt twee dingen meteen naar nieuwe projecten kijken. Het is A, nieuw, eng, ou, of je kunt zeggen, hey, wat brengt mij dit? Wat zou ik hiermee kunnen? En wij geloven dat we de laatste stap moeten nemen, omdat dat die er gaat komen is geen vraag meer. Dat is ook, er is een vraag, ik had het er met Roy vanochtend nog even over, de vraag is wel wanneer die komt en of een datum van 1 april of 1 mei of dat het realistisch is, daar kunnen we het over hebben, want dat is een gesteld doel wat we hebben. Maar zie dat als iets wat vloeiend is, laten we zeggen dat er een moment gaat zijn dat die geïntroduceerd gaat worden en dat we dan naar integraties gaan kijken, van hoe brengen we, wat nu een plug-in is als een vast onderdeel van WordPress, nou die discussie, dat is een separatiedescussie, waar ik met name jullie vandaag aandacht nou wil laten richten is. Wat is dan die editor? Nou, dat ziet er eigenlijk, als je hem opent, ik weet niet hoe scherp de afbeelding is, maar dit is Gutenberg. Als je zegt nieuw pagina, nieuw bericht, dit is wat je ziet. En ik hoef niet uit te leggen dat dit er volledig anders uitziet dan wat je nu gewend bent.  Het is wat vaag, maar waar de muis staat, daar staat de tekst insert block. En dat gaat je standaard handeling zijn, met een maar. Want als jij zegt van ik wil gewoon in die editor en ik wil gewoon typen, dan ga je in die editor en dan ga je gewoon typen. Dat werkt ook. Tiny MC, zoals je het nu kent, ik zal niet zeggen dat het letterlijk hetzelfde werkt, maar tekst toevoegen werkt gewoon op de standaard manier. Dus we worden er sowieso niet slecht op. Het verandert wel, maar we worden er niet slecht op. Sterker nog, het wordt er enorm beter op. Want ik zie dat de volgende. Dit is een voorbeeld van een standaard stukje tekst, waarin wij als joost hebben nagedacht, hoe kun je dan integreren? Wie heeft wel eens van de joost SEO plug-in gehoord? Gelukkig, gelukkig. Wat die plug-in doet is, die kijkt naar je content en die helpt je mee te bepalen of je content ook geoptimaliseerder zou kunnen. Als je nu bekijkt dat we nou naar de editors, zoals die er nu is, gewoon één bak met data hebben, in die ene bak, daar moeten we wat over gaan vinden, dan kun je je voorstellen dat als we het als blokken kunnen benoemen, en dan mag je dat letterlijk zien als dat de bovenste alinia en de onderste alinia zijn twee separate blokken. Dus als je een analyse kunt doen over één groot blok of je kunt het per blok doen, dan snap je dat je veel gerichter aan kunt geven of iets werkt of niet, of je goed hebt geschreven of je zin er kort genoeg zijn, als ze leesbaar genoeg zijn of je te veel je passieve tekst gebruikt, stem gebruikt, al dat soort zaken kun je op een veel kleiner niveau kun je fijn doen. Dus wij zien dus van het joost SEO ook daar ook heel veel mogelijkheden voor. Alles wat je nu als meta-box hebt voor joost SEO de plug-in, dit is nog geen definitieve versie hoe die eruit gaat zien, maar je kunt je voorstellen dat alles wat je aan de rechterkant ziet nu is waar de meta-box komt te staan.  Dat is niet enkel de joost SEO meta-box, die kunt je ook voorstellen dat de velden die je defineert met ACF of met CNB2 of wat voor oplossing of gewoon native meta-boxes die je hebt geprogrammeerd in je thema of in je plug-in, dat die op deze manier aan de rechterkant altijd beschikbaar zijn. En dat geeft een hele andere ervaring. Het betekent in ieder geval elke tutorial die er nu is over hoe voeg ik tekst toe of minstal veranderd moet worden. Dus is documentatie voor je klant te schrijven, dat is het onderste level waar je je wijziging al moet doorvoeren. Alle onderdelen die je als content nu toe kunt voegen in TinyMCE, dus gewoon je standard editor, nou waar hebben we het over? Wat kunnen we toevoegen? We kunnen tekst toevoegen, we kunnen afbeeldingen toevoegen, maar we kunnen bijvoorbeeld ook een tweet van iemand, wat via over en bed wordt je automatisch getoond. YouTube filmpjes, nou en je snapt hem al, ik kan een hele lange rij benoemen van elementen die je nu toevoegt. Daar hebben wij onze standard editor voor, of we weten nee knipplak, YouTube URL'tje, ik slaam op en hij staat. Wat doet Gutenberg hier anders in? De nieuwe editor zal in principe zeggen, alles wat jij neerzet is een blok. Dat betekent als jij zegt van ik wil een foto toevoegen, een afbeelding, die kun je gewoon toevoegen, dat is al een insert blok zoals je die eerder zag, die krijg je op dezelfde mee als je daarop klikt. Krijg je keurig te zien wat je opties zijn, wat je mogelijkheden zijn en dat betekent dat je als bouwer ook veel meer mogelijkheden tot je beschikking krijgt om je editor te verrijken. Met andere woorden, stel je voor dat je voor je klant een call to action button hebt, die voor de klant specifieke dingen kan roepen wanneer daar een actie is waar hij wat mee wil doen. Daar kun je eenvoudig omzetten in plaats van dat je daar een hele complexe shortcode vermaakt, die de klant negen van een tien keer vergeet wat hij daar precies mee moest doen, bouw je hem om naar een Gutenberg blok en kun je je shortcode dus volledig weg laten en kun je overgaan naar een Gutenberg blok en in dat blok, moment je klikt van het voegdoe, kun je daar je opties definieren.  Met andere woorden, je zou kunnen denken aan dat je call to action, je verschillende kleuren in kwijt kunt. Je kunt zeggen, mijn call to action gaat naar een, in dit geval is de uitgaande link is naar mijn email provider, meelijst naar Mailchimp of na Aweber of whatever. Maar je zou ook kunnen zetten van ik heb een stijl element erbij, deze variant wil ik een mooie borderline onder hebben, 5 pixels breed en klaar en de volgende wil ik hem eigenlijk helemaal erom heen en bij de andere variant wil ik de hele kleur anders hebben. Al dat soort mogelijkheden, maar als je nagaat in hoe je dat met shortcode moest oplossen, gaan we nu eigenlijk naar een periode toe waarin we kunnen zeggen we kunnen daar veel beter en veel klantvriendelijke oplossingen voor bouwen. Dat zijn kansen die wij zien. Ja, wat kan er breken, wat kan er kapot gaan? Heel veel, want als je bijvoorbeeld kijkt naar een editor zoals die er nu uitziet en je kijkt bijvoorbeeld wat je om de tools terugvindt, dit is een integratie met volgens mij de local plugin van Joost SEO, opening hours, address, kaart, dat zijn elementen die heb je toegevoegd, die heb je beschikbaar in je site en die kun je per post kun je die invoegen. Nou, dat soort dingen gaan dus niet meer op deze manier werken. Joost SEO voegd nu rechts readability, needs improvement of SEO, not available, want je hebt je focus keyword nog niet gedefinieerd, noem het maar, en dit is vanuit het perspectief van Joost SEO-pulig in, maar je kunt je voorstellen en je hebt vast je een aantal klantenzijds of je eigen site vastvulles gezien dat links en rechts, boven en rond de editor staan best wel wat opties mogelijkheden om jouw ervaring compleet te maken. Ja, dat zijn dingen die allemaal anders gaan worden, want we gaan helemaal terug naar, ik laat hem nog een keer zien, een hele simpele basis interpretatie. Dit zijn een aantal issues die er nu zijn, die worden opgelost, die zijn op de radar.  Extensibility wil zeggen hoe kunnen we Gutenberg, bijvoorbeeld wat ik gaf met zo'n call to action block die je zou kunnen definiëren, hoe doen we dat? Nou, op zich zijn daar al een aantal frameworks voor beschikbaar, waar je al heel leuk mee kunt spelen om te kijken wat je allemaal extra kunt toevoegen en hoe je kunt toevoegen. Accessibility is een aandachtspunt. Usability, dus de gebruikvriendelijkheid, hoe logisch is iets. Ik was in december, was ik in Nashville op WorldCamp US en daar werden mensen gevraagd om vooral mensen die nog nooit überhaupt Gutenberg als plug-in hardig geïnstalleerd, die werden gevraagd van hier is een laptop, hier is het met een site erop en maken ze wat aan, kijken eens hoe het werkt. Mijn andere woorden, hoe logisch is het voor ons om iets nieuws te doen in de editor? En daar zijn nog best wel een paar dingen die daarin verbeterd moeten worden, want niet iedereen vindt het logisch om volgende regel enter ga ik nou wel of niet een blanke regel krijgen. In Tiny MC is dat altijd de vraag uit, moet ik nou twee enters doen? Of ga je eens even kijken? Ah nee, nog niet goed? Oké, ik doe maar een brakeline, want dan weet ik zeker dat ik hem, dat soort zaken gaan allemaal anders werken in Gutenberg en als je met ervaring van Tiny MCE één op één overgaat naar Gutenberg, dan ga je, daar zit een discrepancie tussen, daar gaan dingen gewoon niet helemaal soepel. Backwoods compatibility is dus een enorm ding, want dit is toch echt wel de vraag, wat gebeurt er met mijn meta-boxes? Denk aan WooCommerce, dat is een hele uitgebruite meta-box plug-in die eronder zit. Denk aan elke evenement plug-in, denk aan elke vorm van extra soort content die er te bedenken valt, die hebben allemaal een extra iets wat ze toevoegen aan editor en dat maakt dat daar gewoon heel veel aandacht naar moet. Gaan om dat soepel over te laten gaan. Misschien denk je in je achterhoofd al van, oké, interessant, geen ontkomen aan, laat ik er dan ook maar eens naar kijken. Dus wat kun je doen? De allerbelangrijkste is dit, testen. En met testen bedoelen we eigenlijk installeren op een nieuwe site, maar installeren hem ook vooral op bestaande sites. Kijk wat er gebeurt, werkt alles zoals je het verwacht.  Misschien heb je heel veel diepe integraties heb je waarvan je eigenlijk niet helemaal zeker weet of dat wel goed gaat in zo'n nieuwe context. Dat zijn de dingen die je nu al kunt gaan testen. En in dat je die testen doet is het ontzettend fijn dat je je feedback deelt met het project. Het project hoor je mij zeggen, ja, want er is op GitHub een project, dat heet, je gelooft het niet, Gutenberg. En daarin kun je issues aanmaken. En dan kun je gewoon, wat je ook met tegenkomt, is van belang dat we weten, want hoe meer issues er tegenkomen, ja, je kunt zeggen, het is nog niet af of het is nog niet klaar of het ziet niet goed in elkaar. Ja, dat zou je kunnen zeggen, maar ik kan je vertellen dat er duizenden ontwikkeluuren al ingestopt zijn, want want die editor ervaring gewoon zo groot is. Er is zo veel wat daar op inhaakt, dat je gewoon heel lang al moet gaan testen. Wat kunnen we doen daar, vooral je eigen issues die je tegenkomt in de bestaande sites, in sites die je voor klanten ontwikkelt. Als je je regelmatig blokht, ik raad het je aan om in geval af en toe, want de huidige plug-in Gutenberg, als je die download en installeert, kun je in principe per bericht, kun je bepalen of je gebruik maakt van Gutenberg of niet. En nu is dat optioneel. Dat gaat natuurlijk een keer alleen maar Gutenberg worden. Als je klanten hebt die zeggen, nou, dat willen we absoluut niet. Er gaat een heel lange tijd de classic editor, dat gaat beschikbaar blijven, maar je weet dat je naar Gutenberg moet gaan op een gegeven moment. Dus advies van de Vries, ga daar zoveel mogelijk mee testen, want je gaat gewoon issues tegenkomen, omdat de complexiteit en de mogelijkheden die je er zijn in hoe we met die editor omgaan, die zijn gewoon te groot. En daarnaast vertel meer mensen hiervan. Spread the word. Begin met integreren. Vraag om help. Ja, dit is een website die dat speciaal voor is. Als je zegt van die issues, dat schrik mij wat af. Ik wil er niet zo gelijk al in knallen. Mag ik het wat rustiger aandoen? Dat mag. En deze lijst wordt, sowieso publicer ik deze slide waarin je al deze linkjes kunt terugvinden.  Hier staan een aantal interessante links die je ontzettend veel inhoud zullen gaan geven over wat er al, ja, wat je er nu al over kunt vinden. Het meest belangrijk is, bovenaan, work is met org slash Gutenberg. Daar vind je eigenlijk het begin. Daar wordt het uitgelegd, waar kun je zijn, wat kun je dit doen. Dat is eigenlijk de tekstversie van wat ik nu met hele mooie praatjes liet zien, vind je daar. Matthias Ventura is degene die de lead is. Hij is degene die het project heeft opgestart binnen het workersproject. En hij is degene die, ja, de heel lang het gezicht is geweest. Ondertussen zijn er veel meer mensen die een bijdrage, maar hij heeft er zeker. En sowieso heeft hij daar een aantal leuke demos op staan. Er zijn ook video's van, waarvan ik de bovenste meer als de onderste wil aanraden. Morten heeft een hele interessante presentatie gegeven op Worldcamp US, waarin die alle kansen, mogelijkheden, Apen en Beeren, noemen ze maar, met betrekking tot een nieuwe editor, heel uitvoerig heeft behandeld. En hij laat je vooral ook zien hoe je daar, dat kunt omdraaien naar kansen, naar opties, naar mogelijkheden. Want je kunt naar iets nieuws kijken, nogmaals als iets engs, maar het is ook onvermijdelijk. Dus het is in mijn beleving gezonder om naar te kijken van wat kan het me brengen. Ja, dat is voorbij wat ik graag jullie mee wil geven. Dus wat Goetemberg betreft, ik weet niet of daar vraaghobers zijn of nischieren geen al. We hebben tot de kwart over Leo W. Dat is goed. Dus er is nog wat ruimte voor vragen. Ik weet dat het vroeg in de ochtend is, maar als ik hier sta kunnen jullie vragen stellen, denk ik dan. Ja. De vraag is in hoeverre gaan we kijken naar of wanneer het geïntroduceerd wordt, of we er ook een soort van meganismen hebben dat het niet gelijk maakt dat alle sites gaan breken. Zoals het nu staat gaan we werken met een opt-in. Wel, de woorden, de editor is beschikbaar. Als je een nieuwe site maakt is die standaard geactiveerd. Dat is from scratch, dus dat zou misschien geen issues moeten zijn. Je kunt hem nog steeds dan uitzetten. Bestaande sites, zoals er nu naar wordt gekeken, krijg je de mogelijkheid om te upgradeen.  Dus je kunt A A zetten en wanneer je hem A zet gaat er eigenlijk een proces dat al je bestaande post geconverteerd wordt naar de Gutenberg-formaat in de database. Eens dat is gebeurd zou het in principe goed moeten zijn. En ik zeg zou het. Dat heeft te maken met hoe testen we, hoeveel mensen gaan meehelpen, hoe compleet kunnen we de testprocedure maken. Als je iets weet van software release namen, we zitten technisch gezien nog niet eens op een voldoende alpha. We zitten nog echt bleeding. Dan komen we in een alpha gebied. Dat is zeg maar opwerkend naar de beta. Dat we zeggen van nu begint die productie rijp te worden en in die beta hebben we een aantal betas. Dan komen we bij de release candidates. En wanneer de laatste release candidate is geweest, dan weten we eigenlijk dat we geen blocking issues meer hebben. En dat zal het moment zijn dat er een nieuwe versie van Werpers gaat komen, want we zijn nu op 4.9.4 en Werpers 5.0 voor symbolische redenen wordt geïntroduceerd met Gutenberg. En of het dan nog Gutenberg heet, is dan ook nog een vraag. Dat is gewoon een nieuw editor in principe. Maar dat zijn wel dingen waar rekening mee wordt gehouden. Het is niet zo dat we zeggen van, kijk, een van de redenen dat Werpers groot is geworden in de afgelopen jaren is dat Werpers rekening houdt met wat we noemen Backwards Compatibility. Dat betekent dat ik heb een aantal hele oude klanten. Ik denk dat de oudste is 8 jaar geleden, die heb ik toen een thema en een plug-in voor gemaakt van een aantal dingen die die klant wilde, dat draait nu nog steeds. Ja, dat principe dat dat niks gaat breken als er een nieuwe versie komt, dat staat heel hoog in het verhandelen van Werpers. Dus hier is heel veel aandacht voor. Wat niet wil zeggen dat we nog steeds jullie nodig hebben als testers. Michelle. Heeft iedereen haar vraag gehoord? Voor mij klinkt het als is de akoestiek goed om het te horen. Er is een release datem, zoals ze dat Engelse mooi zeggen, tent-of-ly neergezet van april-mij. In mijn beleving is dat niet realistisch. Daar zit een stukje politiek ook achter. En ik kan je daar geen harde antwoord op geven.  Mijn verwachting is dat we eind mei of april-mij dat we het officiële merge-proposal gaan zien. En het merge-proposal is eigenlijk dat we zeggen we gaan van alpha naar beta. Testen. Ja, in principe is de github-repositorie voor Goetemberg github.com wordpress.goetemberg. Dat is de plek waar je kunt testen, waar je je bevindingen van je testen kwijt kunt. En waar test je? Nou ja, dat kan in je local development site, dat kan op je producties site, dat kan je hoe avontuurlijk voel je jezelf, zeg maar. Wat is van Schade het belangrijkste reden dat wordpress Goetemberg-project stakkend, waarom doen ze het? De belangrijkste reden. Ja, ik zie het een beetje zo. Als we kijken naar wordpress als project, dan weten we dat er een aantal componenten zijn die niet super van de laatste tijd zijn. Het feit dat we een PRP-versie, 5.2. whatever nog steeds ondersteunen, is iets wat mij persoonlijk heel erg stoort. En ik ken daar ook een groep mensen waarvan ik zeker weet dat die er ook heel erg vindt. Kunnen we ook alsjeblieft niet naar 5.6 als minimale ondergrins, want dan hebben we namespace en dan hebben we ingebouwde caching al en weet ik voor wat. Wat nog veel liever, 7.0, want zo veel sneller al. Wat Goetemberg doet, is het dwingt ons om een aantal processen te gaan verbeteren. En je ziet ook dat backwards compatibility, de mogelijkheid om de switch naar een hogere PRP-versie wordt ook wordt meegewongen door een project als Goetemberg. Dat is niet de reden waarom het is begonnen, maar het is wel een hele belangrijke die we mee moeten nemen. Maar de reden dat we zijn begonnen, is denk ik omdat de huidige editor, wat is het, 13 jaar oud is en vanuit een heel ander paradigma is neergezet. En als je kijkt naar de andere moderne CMS en een applicatie die er zijn, die hebben veel slimmere editors. En ik denk op een gegeven moment dat met Malinwek de medeoprichter van WebS heeft daar de keuze in genomen. Dit is het moment nu dat we onze volle aandacht op een nieuw editor gaan zetten. 