Wat is er nieuw in WordPress 5.0?

WordPress 5.0 is gepland om de grootste verandering in het CMS in lange tijd te brengen. Met de uitrol van Gutenberg, een op blokken gebaseerde inhoudeditor, zet WordPress een enorme stap in de richting van eenvoudige, responsieve lay-outs voor het bewerken van inhoud. Het is de eerste stap in een drietrapsplan om een ​​revolutie teweeg te brengen in inhoud, sjablonen en uiteindelijk het bouwen van WordPress-sites als geheel.

WordPress 5.0 introduceert een geheel nieuw Twenty-Nineteen-thema en updates voor het vorige WordPress-thema's ​Het volstaat te zeggen dat het WordPress-landschap de komende jaren enorm zal veranderen. In dit artikel gaan we dieper in op Gutenberg en de andere updates die zijn ingesteld om de manier waarop we bouwen te veranderen WordPress-websites

Als u een website aan het bouwen bent, vergeet dan niet onze gids voor het beste webhostingservices - veel van hen hebben WordPress-specifieke opties.



01. Nieuwe, op blokken gebaseerde inhoudeditor

Wordpress screenshot

Klik op het icoon rechtsboven om de afbeelding te vergroten

De belangrijkste verandering met WP 5.0 is de introductie van Gutenberg, een nieuwe inhoudeditor die is gebaseerd op responsieve blokken. Lees onze voor een uitgebreide gids inleiding tot de WordPress Gutenberg-editor ​In wezen is inhoud opgesplitst in verschillende typen (alinea's, lijsten, afbeeldingen, aanhalingstekens enzovoort), en editors kunnen inhoudsblokken invoegen, verplaatsen, verwijderen en verwisselen rond het bericht of de pagina. Het is ook mogelijk om herbruikbare blokken te maken, die overal kunnen worden opgeslagen en gebruikt, waarbij updates automatisch worden uitgerold over alle instanties van dat blok.

02. Twenty Nineteen-thema

Het nieuwe Twenty Nineteen-thema, dat de witruimte belichaamt, is een typegestuurde lay-out en ondersteunt Gutenberg volledig. Het laat zien wat de nieuwe editor te bieden heeft, en omarmt bloklay-outs. De stijlen tussen editor en pagina zijn bijna exact, dus u kunt zien hoe uw pagina eruit zal zien tijdens het bewerken. Het is ontworpen om voor verschillende gevallen te werken, van bloggers tot kleine bedrijven, en heeft een minimalistisch menu en een afbeeldingsgebied op volledig scherm (zoals het Twenty Seventeen-thema). Het heeft een widgetgebied met twee kolommen in de voettekst en geen zijbalk.

hoe je een documentaire trailer maakt

Het thema wordt geleverd met de optie om de primaire kleur voor knoppen en links enz. Te wijzigen en de optie om de aanbevolen afbeeldingen te filteren met de gekozen primaire kleur. Het inline-menu is vet en minimalistisch, met het logo, de titel, de slogan, het menu en het sociale menu bovenaan. Het thema past zich goed aan de formaten van tablets en mobiele apparaten aan, hoewel inhoud in meerdere kolommen er op middelgrote schermen een beetje krap uitziet voordat deze wordt afgebroken en op kleinere schermen wordt gestapeld.

03. ClassicPress

ClassicPress is een pre-Gutenberg spin-off van WordPress 4.8.9 gericht op zakelijke websites die de originele bewerkingservaring willen behouden. De oprichters van ClassicPress vrezen dat Gutenberg de kracht en populariteit van WordPress zal verstoren en lanceerden het push-back-initiatief na de aankondiging dat Gutenberg onderdeel zou worden van de WordPress-kern. Het is een door de gemeenschap geleid project en daarom worden er geen nieuwe functies toegevoegd zonder de stem van de gemeenschap.

De informele admin-balk met ‘Howdy’ en andere spreektaal zijn geschrapt ten gunste van formele taal die beter geschikt is voor serieuzere websites. Deze open-source vork wint terrein en zou eigenlijk een geldige bron kunnen zijn voor WordPress-gebruikers die op zoek zijn naar een meer ‘zakelijke’ versie van WordPress.

04. Sneltoetsen

sneltoetsen in WordPress

hoe u beter kunt worden in digitaal tekenen
Klik op het icoon rechtsboven om de afbeelding te vergroten

Keyboard savants zullen de nieuwe Gutenberg-editor beschouwen als een oase van tijdbesparende snelkoppelingen. Een volledig bericht kan mogelijk worden geschreven zonder het gebruik van de muis. Het WordPress-team heeft hard gewerkt om de editor voor iedereen toegankelijk te maken. Blokken invoegen, wisselen tussen blokken en blokinstellingen bewerken kan allemaal met sneltoetsen.

Gebruik Tab en VerschuivingTab om de pagina-opties op en neer te overslaan en gebruik enter om te selecteren. Om de bloktypekiezer te openen, begint u een regel met of selecteer een van de pictogrammen met Tab. Met kunt u tussen paginasecties wisselen ctrl + ’ of cmd + ’ en bekijk alle OS-native sneltoetsen met VerschuivingallesH.

05. Inhoudsstructuur en bloknavigatie

Gutenberg wordt geleverd met een aantal handige tools voor inhoudsinformatie en navigatie. Linksboven toont het pictogram ‘Inhoudsstructuur’ het aantal woorden van uw inhoud en hoeveel koppen, alinea's en blokken deze is opgesplitst.

De bloknavigatie ( VerschuivingAllesOF ) geeft een inhoudsopgave om gemakkelijk naar blokken te springen zonder op en neer te hoeven scrollen. Dit is met name handig voor gebruikers met alleen toetsenbord, die niet door elk blok hoeven te bladeren om het einde van hun inhoud te bereiken. Het enige nadeel is dat je momenteel geen naam kunt geven aan blokken, dus er is wat giswerk bij betrokken als je veel blokken van hetzelfde type hebt.

06. Editor-weergaven

screenshot van Wordpress

Klik op het icoon rechtsboven om de afbeelding te vergroten

De nieuwe editor heeft een paar verschillende weergaven om tegemoet te komen aan de schrijfomgeving van elke redacteur. Door de opties in de rechterbovenhoek te openen, kunt u kiezen tussen de visuele editor en de code-editor ( ctrlVerschuivingallesM. ​In de codeweergave wordt de bloksyntaxis weergegeven die wordt aangegeven door HTML-commentaartags (bijv. ​Wees voorzichtig bij het bewerken van de syntaxis - gebroken tags zorgen ervoor dat uw blokken worden gewijzigd in het ‘klassieke’ blok.

Elke editor kan een of meer weergave-opties kiezen; ‘Top Toolbar’ (verplaats alle blokopties naar het plakkerige hoofdmenu), ‘Spotlight-modus’ (maak de blokken waar je niet aan werkt grijs uit) en ‘Volledig scherm’ (verberg de rest van de site-opties).

hoe je een kat staand tekent

07. REST API-updates

De REST API veroorzaakte veel opschudding bij de conceptie, maar werd tot voor kort niet uitgebreid gebruikt in de WordPress-kern. Nu Gutenberg vertrouwt op de API om inhoud op te halen en op te slaan, begint de REST API zwaarder te worden gebruikt, zoals het bedoeld was. Er zijn veel updates aangebracht in de REST API voor 5.0, en belangrijker is dat dezelfde hooks zijn gebruikt voor het opslaan en ophalen van inhoud met de API als die werden gebruikt in de oorspronkelijke editor, om de integriteit te behouden tussen plug-ins die met de editor werken. De naadloze bewerkingservaring van de Gutenberg-editor wordt mogelijk gemaakt door de REST API, waardoor u kunt opslaan en publiceren zonder de pagina opnieuw te hoeven laden.

Wat gebeurt er met oude inhoud?

Wanneer u een upgrade naar WordPress 5.0 uitvoert, gaat uw oude inhoud niet verloren of kapot. Wanneer u de pagina gaat bewerken, wordt deze weergegeven als het volledige artikel zonder blokken in het bloktype ‘Klassiek’. U heeft de mogelijkheid om de tool ‘Converteren naar blokken’ te gebruiken om uw oude inhoud automatisch bij te werken naar de nieuwe blokkenindeling, of u kunt handmatig blokken maken als de tool niet werkt zoals verwacht.

Er zijn zelfs ‘Shortcode’ -blokken om uw oude shortcodes te verwerken als die plug-in nog geen blokken ondersteunt. Of u kunt uw inhoud laten zoals deze is; de ‘Klassieke’ blokeditor geeft je de mogelijkheid om inhoud met het bekende TinyMCE-formaat te creëren en te beheren.

Kan ik TinyMCE nog steeds gebruiken?

TinyMCE - de huidige tool voor het bewerken van rich text in WordPress - wordt niet vervangen. In plaats daarvan gebruiken blokken TinyMCE voor het bewerken van hun rijke tekst met grenzen, zoals het beperken van opmaak tot vet, cursief en links. De meeste TinyMCE-opties worden geëxtraheerd in hun eigen unieke bloktypes. Opmaak zoals alinea's, lijsten, media, blockquotes, code en koppen enz. Worden opgesplitst in bloktypen en in de inhoud ingevoegd als op zichzelf staande secties.

De oorspronkelijke bewerkingservaring blijft echter bestaan. Het Classic-blok zal WordPress-gebruikers erg bekend voorkomen, het gedraagt ​​zich precies als de huidige WordPress-editor en voegt een terugval toe voor gebruikers die niet zeker weten waar ze het formaattype kunnen vinden waarnaar ze op zoek zijn binnen de talloze nieuwe blokken. Als Gutenberg of blokken echt niets voor jou zijn, is de Classic Editor beschikbaar als plug-in om de nieuwe editor volledig te vervangen of om aanwezig te zijn als een optioneel alternatief, en wordt ondersteund door WordPress tot 2022.

Is WordPress 5.0 beter dan zijn voorgangers?

wordpress logo

Met zo'n drastische verandering in de geliefde inhoudsredacteur is Gutenberg op weerstand en negatieve feedback gestuit, dus de mening of het een verbetering is of niet, wordt door bepaalde facties sterk betwist. De toekomst van webdesign is echter afhankelijk van verandering, en zoals Matt Mullenweg zei: 'Het is een beetje ongemak waard om de wereld te veranderen.'

WordPress 5.0 is een enorme stap in de richting van het verbeteren van het maken van inhoud voor de leek, en stelt ontwikkelaars in staat om de eenheid van inhoud te behouden. Het maakt het gemakkelijk voor redacteuren om inhoud in verschillende lay-outs te maken zonder ontwerpers hoofdpijn te bezorgen, en het is waarschijnlijk een zegen voor ontwikkelaars die in het verleden problemen hebben gehad om gebruikersinhoud aan te passen zodat deze mooi in hun thema's past. De moeilijkheid doet zich voor bij de eerste release; de meeste, zo niet alle, thema's zullen moeten worden bijgewerkt om de nieuwe Gutenberg-blokstijlen te gebruiken.

Over het algemeen kunnen de meningen in de vroege stadia gemengd zijn, maar WordPress 5.0 zou de weg moeten banen voor een meer flexibele en gebruiksvriendelijke ervaring.

Dit artikel is oorspronkelijk gepubliceerd in het creatieve webdesignmagazine Web Designer. Koop nummer 283 of abonneren

Lees verder:

waar dell xps 13 te kopen