In 2018 moderniseert, stroomlijnt en vereenvoudigt WordPress de contentcreatie-ervaring met Gutenberg. Het vertegenwoordigt de grootste verandering in de gebruikerservaring van WordPress in meerdere jaren. In feite beschreef Matt Mullenweg in 2017 het blijvende belang ervan als "de uitgever voor de komende twaalf jaar". »In deze tutorial laten we je kennismaken met de verschillende dingen die je kunt verwachten van deze nieuwe WordPress-editor.

Wat is Gutenberg?

Gutenberg is de codenaam voor de nieuwe ervaring met het plaatsen van artikelen op WordPress. Het optimaliseert de directe manipulatie van de visuele presentatie van de inhoud, in plaats van dit via indirecte middelen, zoals metaboxen, te doen. De artikelbouwstenen van Gutenberg zijn inderdaad blokken. Blokken helpen bij het vereenvoudigen van de vele manieren waarop we een pagina maken (shortcodes, widgets, aangepaste HTML, media, tekstopmaak en insluiten) in één zoekstroom en één UI-paraplu. De naam komt van Johannes Gutenberg, de oprichter van de drukkerij.

wrok van een artikel gemaakt met gutenberg.png

Om een ​​idee te krijgen van hoe de nieuwe editor werkt, vervangt niets het downloaden van een huidige plug-in in een omgeving om de editor te testen voordat deze wordt gestart. Bekijk echter deze live demo voor een snel overzicht.  (Video)  die de verschillende functies samenvat die het zal bieden, namelijk:

  • De manier waarop het blok, indien nodig, intuïtief wordt "beheerd"
  • hoe eenvoudig het is om elementen in een galerij te manipuleren
  • Voorbeeld van aangepaste HTML-blokken online
  • Gebruik blokken slim om fragmenten van code en inhoud tijdelijk op te slaan
  • Bulkbewerkingsblokken, voor lange artikelen
  • "Unified undo" zodat u nooit uw baan kwijtraakt.

Download verschillende functies van Gutenberg

Laten we eens kijken naar enkele van de functies die al bestaan, evenals enkele die in het spel kunnen komen naarmate het project vordert:

1. Gereserveerde ruimtes en modellen

Met Gutenberg kunnen editors complexe verhaalpakketten maken met verschillende inhoudsblokken: titel, schort, fragment, video, insluiten en galerij. Gereserveerde blokken kunnen gemakkelijk aangeven wat er precies moet gebeuren om het redactionele proces gaande te houden.

Vanaf Gutenberg versie 1.8 introduceerde het project initiële ondersteuning voor sjablonen. Hierdoor kan een ontwikkelaar een specifiek model definiëren voor bijvoorbeeld een evenement. Wanneer een gebruiker een evenementbericht maakt, zien ze een vooraf ingevulde pagina met blokken voor titel, afbeelding, datum, locatie, beschrijving en andere details.

placeholder voor afbeeldingen gutenberg.png

2. Collaboratieve editie

Als iemand vandaag in een bericht in WordPress werkt, is de item lock functie voorkomt dat editors tegen elkaar botsen. Met Gutenberg is het mogelijk om vergrendeling op blokniveau voor te stellen, waardoor meerdere mensen zonder onderbreking aan delen van een concept kunnen werken.

De flexibiliteit van inhoudsblokken betekent dat er een blok voor interne notities kan zijn, waardoor redacteuren tijdens een essay commentaar kunnen achterlaten. Het begrip online redactionele feedback kan ook op andere manieren nuttig zijn.

3. Blokken en integratie

We hebben redacteuren horen klagen over de moeilijkheid om shortcodes te vinden. Gutenberg maakt het voor uitgevers gemakkelijk om blokken met inhoud te vinden, of het nu gaat om een ​​Twitter-integratie, een Vimeo-integratie of een aangepaste sjabloon. Dit maakt het niet alleen gemakkelijker om de integratie te ontdekken, maar we kunnen ons ook een toekomst voorstellen met een content block-markt.

Ontwikkelaars of bureaus kunnen inhoudsblokken maken voor unieke behoeften, voor media zoals galerijen of inhoudstypen zoals recepten. Het zou ook een beter hergebruik van code tussen teams binnen een organisatie.

blog en integratie gutenerg 1.pnggutenberg-integratie en blocs.pngblog integratie gutenbergs.png

4. Een gestandaardiseerde benadering voor het bouwen van pagina's

In het komende jaar zal de focus van Gutenbergs project verschuiven van een uitgever zijn naar het zelf maken van de site. Met deze overgang komt er een gestandaardiseerde aanpak voor het bouwen van pagina's op WordPress. In de loop der jaren hebben we klanten paginabuilders zien maken voor sectiefronten of pagina's marketing met behulp van de Fields Manager, geavanceerde aangepaste velden of een aangepaste oplossing. Het hebben van een goed gedefinieerde aanpak binnen Gutenberg zou een raamwerk kunnen bieden ter ondersteuning van een breed scala aan commerciële en op maat gemaakte oplossingen. Deze gemeenschappelijke standaard zou op zijn beurt inhoud en gegevens gemakkelijker kunnen overdragen tussen verschillende benaderingen voor het bouwen van pagina's.

5. Een basis voor maatwerk

Met pagina-inhoud die uit blokken bestaat, is het gemakkelijk voor te stellen hoe dit voorwaardelijke levering van inhoud op basis van gebruikersattributen zou kunnen vergemakkelijken. Op een mediasite kunnen abonnees bijvoorbeeld een blok ontvangen met een gerelateerde inhoudsaanbeveling, terwijl ze nieuw zijn bezoekers zou een call-to-action "subscribe" zien. Aan de achterkant kan de editor-interface een schakelaar bieden, zodat een site-editor een voorbeeld van een artikel kan bekijken als verschillende gebruikerssegmenten, zoals een geabonneerd lid, nieuwe bezoeker en terugkerende bezoeker.

Wat is het schema en hoe ziet de implementatie eruit?

Gutenberg is al beschikbaar als plug-in en zal naar verwachting worden geïntegreerd in WordPress 5.0, dat gepland staat voor april 2018. Het Gutenberg-team richt zich momenteel op de post-editing-ervaring, maar zal zijn benadering van het maken van sjablonen uitbreiden tot site creatie, en meer.