Omschrijving
Gutenberg is meer dan een editor. Hoewel de editor op dit moment de focus heeft, zal het project uiteindelijk invloed hebben op de hele ervaring van het publiceren, inclusief maatwerk (het volgende focusgebied).
Focus bij het bewerken
De editor geeft de gebruiker een nieuwe gebruikservaring voor het schrijven van pagina’s en berichten die het schrijven van rich posts moeiteloos maakt, en “blokken” bevat die het eenvoudig maken om iets te maken waar je nu shortcodes, aangepaste HTML, of “mystery meat” insluitingsopties voor nodig hebt. – Matt Mullenweg
Eén ding dat WordPress onderscheidt van andere systemen, is dat je het toestaat een prachtige berichtlayout te maken — maar alleen wanneer je HTML en CSS kent en je eigen aangepaste thema kunt maken. Door de editor te zien als een hulpmiddel die je in staat stelt berichten met designinvloeden te schrijven en prachtige layouts te maken, kunnen we WordPress omvormen in iets waar gebruikers van houden in plaats van iets dat ze kiezen omdat iedereen het gebruikt.
Gutenberg ziet de editor als meer dan een veld met inhoud, en herziet een layout die al bijna een decennium grotendeels onveranderd is gebleven. Dit stelt ons in staat om een moderne bewerkingservaring holistisch vorm te geven, en een basis te leggen voor zaken die komen gaan.
Hierom kijken we naar het volledige editor scherm kijken, en niet alleen naar het veld met de inhoud:
- Het blok verenigt meerdere interfaces in zich. Voegen we dat toe bovenop de bestaande interface, dan zou dit de complexiteit vergroten in plaats van het te verminderen.
- Door de interface opnieuw te bekijken, kunnen we de schrijf-, bewerkings-, en publiceerervaring moderniseren, met gebruiksgemak en eenvoud in het achterhoofd, waarvan zowel nieuwe als terloopse gebruikers profiteren.
- Wanneer een enkel blok interface centraal staat, toont dit een duidelijk pad voor ontwikkelaars voor het maken van premium blokken, superieur aan zowel de shortcodes en widgets.
- Door de hele interface te herzien leggen we een solide basis voor de volgende focus, volledige site-aanpassing.
- Door naar het gehele editor scherm te kijken hebben we ook de kans om de basis drastisch te moderniseren, en stappen te nemen richting een een meer vloeiende en door JavaScript aangedreven toekomst die de WordPress REST API volledig benut.
Blokken
Blokken zijn de uiteindelijke evolutie van wat nu op verschillende manieren mogelijk wordt gemaakt door shortcodes, insluitingen, widgets, berichtformaten, aangepaste berichttypen, thema-opties, metaboxen, en andere opmaakelementen. Ze belichamen de verscheidenheid aan functionaliteit die mogelijk is met WordPress, met een duidelijke en consequente gebruikerservaring.
Stel je bijvoorbeeld een aangepast “werknemers” blok voor, dat een cliënt naar een pagina Over Ons kan slepen, en dat automatisch een afbeelding, naam, en bio laat zien. Een heel universum aan plugins die WordPress allemaal op dezelfde manier uitbreiden. Vereenvoudigde menu’s en widgets. Gebruikers die WordPress – en 90% van de plugins – meteen begrijpen en kunnen gebruiken. Hiermee kun je eenvoudig prachtige berichten opstellen, zoals dit voorbeeld.
Bekijk ook de FAQ voor antwoorden op de meest gestelde vragen over dit project.
Compatibiliteit
Berichten zijn achterwaarts compatibel, en shortcodes blijven nog steeds werken. We onderzoeken continu hoe op maat gemaakte metaboxen kunnen blijven werken, en we kijken naar oplossingen die gaan van een plug-in om Gutenberg uit te schakelen tot het automatisch detecteren of Gutenberg wel of niet moet worden geladen. We willen zorgen dat de nieuwe bewerkingservaring van schrijven naar publiceren gebruiksvriendelijk is, maar we willen ook graag een goede oplossing voor bestaande, op maat gemaakte, sites.
De fasen van Gutenberg
Het Gutenberg project bestaat uit drie geplande fasen. De eerste, die wordt opgenomen in WordPress 5.0, richt zich op de bewerkingservaring van berichten en het implementeren van blokken. Deze initiële fase concentreert zich op een inhoud-eerst benadering. Het gebruik van blokken, zoals hierboven beschreven staat, stelt je in staat om je te concentreren op hoe je inhoud eruit gaat zien zonder dat je wordt afgeleid door andere configuratie-opties. Dit zal uiteindelijk ervoor zorgen dat alle gebruikers hun inhoud op een boeiende, directe, en visuele manier kunnen laten zien.
Deze fundamentele elementen zullen de basis vormen voor de tweede en de derde fase, gepland voor volgend jaar, om verder te gaan dan de berichten in de pagina templates en op den duur het aanpassen van de volledige site mogelijk te maken.
Gutenberg is een grote verandering, en er zullen manieren zijn om ervoor te zorgen dat de bestaande functionaliteit (zoals shortcodes en metaboxen) blijven werken terwijl de ontwikkelaars de tijd en mogelijkheden krijgen om zonder problemen over te stappen. Uiteindelijk zal dit de plugin- en themaontwikkelaars beter in staat stellen om de gebruikers te voorzien van een boeiender en meer visuele ervaring die gebruik maakt van gereedschappen die door de core worden ondersteund.
Bijdragers
Gutenberg wordt gebouwd door veel bijdragers en vrijwilligers. Bekijk de volledige lijst op CONTRIBUTORS.md.
FAQ
- Hoe verstuur ik feedback of krijg ik hulp bij een fout?
-
Stuur ons je foutrapporten, suggesties voor nieuwe functionaliteit, en andere feedback! Ga naar de GitHub problemenpagina om te zoeken naar bestaande problemen of een nieuw probleem te openen. Hoewel we proberen om problemen, die hier op het plugin-forum zijn gemeld, bij te houden, krijg je een sneller antwoord (en verminder je dubbele inspanning) door alles gecentraliseerd te houden in de GitHub-repository.
- Hoe kan ik bijdragen?
-
We noemen dit editor project “Gutenberg” omdat het een flinke onderneming is. We werken er elke dag aan in GitHub, en we zouden je hulp bij het bouwen ervan erg waarderen. Je kunt ons ook feedback geven. De de eenvoudigste manier om dit te doen is je aanmelden bij ons Slack kanaal,
#core-editor
.Zie ook CONTRIBUTING.md.
- Waar kan ik meer lezen over Gutenberg?
-
- Gutenberg, or the Ship of Theseus, met voorbeelden van wat Gutenberg in de toekomst zou kunnen doen
- Editor Technical Overview
- Ontwerp principes en beste toepassingen voor blokontwerp
- WP Post Grammar Parser
- Ontwikkelings-updates op make.wordpress.org
- Documentatie: bloks maken, referentie en richtlijnen
- Meer veel gestelde vragen
Beoordelingen
Half Baked
One of the best developments for WordPress (german)
Please Staaph! If It Ain’t Broken…
Not too excited about it
Terrible
A waste of time.
Bijdragers & ontwikkelaars
“Gutenberg” is open source software. De volgende personen hebben bijgedragen aan deze plugin.
Bijdragers“Gutenberg” is vertaald in 44 talen. Dank voor de vertalers voor hun bijdragen.
Vertaal “Gutenberg” naar jouw taal.
Interesse in ontwikkeling?
Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.
Changelog
For 5.3.0.
Features
- Add the block management modal: Ability to hide/show blocks in the inserter.
- Support nested blocks for the Cover Block.
- Add an experimental Legacy Widget Block (enabled only in the plugin for the moment).
Enhancements
- Update the block outlines for the hover and selected states.
- Allow undoing automatic pattern block transformations.
- Add a RichText collapsed format toolbar for code, inline image and strikethrough formats.
- Allow collapsing inserter panels when searching.
- Add ability to transform video shortcodes to video blocks.
- Add ability to transform audio shortcodes to audio blocks.
- Add new @wordpress/data actions to invalidate the resolvers cache.
- Support custom classNames in the ToggleControl component.
- Clarify the button to exit the post lock modal.
- Improve the block validation error message.
- Automatically use the WordPress babel config when using @wordpress/scripts CLI.
- Add keyboard shortcuts to indent/outdent list items.
- Use links instead of buttons in the document outline.
- Use
<s>
for strikethrough, not<del>
. - Center the tooltips content.
- Update wording of the block switcher tooltip.
- Add support for the reduced motion browser mode.
Bug Fixes
- Always show the current month in the Calendar block for All CPTs but post.
- In the Latest posts block, avoid full line clickable titles.
- Avoid relying on DOM nodes to add the empty line in RichText component. This fixes a number of lingering empty lines.
- Fix the MediaPlaceholder icon color on dark backgrounds.
- Fix the Classic block toolbar in RTL languages.
- Fix the more tag in the Classic block.
- Fix the quote to heading block transformation.
- Fix “null” appearing when merging empty headings and paragraphs.
- Fix the block insertion restrictions in the global inserter.
- Fix the prepareEditableTree custom RichText Format API.
- Changes to the internal RichText format representation to separate objects (inline image..) from formats (bold…). This fixes a number of RichText issues.
- Fix the Spinner component styling in RTL languages.
- Fix focus loss when using the Set Featured Image buttons.
- Fix template lock not being taken into consideration.
- Fix composed characters at the beginning of RichText.
- Fix several block multi-selection bugs.
- Allow using a float number as a step when using the RangeControl component.
- Fix error when pasting a caption shortcode without an image tag.
- Fix focus loss when combining sidebars and modals (or popovers).
- Escape the greater than character when serializing the blocks content into HTML.
- Fix pasting links into the classic block.
- Include missing CSS in the classic block.
Documentation
- Enhance the i18n process documentation with a complete example.
- Add design guidelines to several components:
- The Button component
- The CheckboxControl component
- The MenuItemsChoice component.
- The MenuGroup component.
- Update the JavaScript setup tutorial to rely on the @wordpress/scripts package.
- Lowercase block editor and classic editor terms to conform to the copy guidelines.
- Use a central script to generate the JavaScript API documentation and run in parallel.
- Update the packages release process.
- Update the plugin release docs to rely on a lighter SVN checkout.
- Add automatic generation of JavaScript API documentation for:
- @wordpress/element
- @wordpress/escape-html
- @wordpress/html-entities
- @wordpress/keycodes
- @wordpress/a11y
- @wordpress/blob
- @wordpress/block-library
- @wordpress/compose
- @wordpress/dom
- @wordpress/i18n
- @wordpress/autop
- @wordpress/dom-ready
- @wordpress/block-editor
- @wordpress/rich-text
- @wordpress/blocks
- @wordpress/deprecated
- @wordpress/priority-queue
- @wordpress/shortcode
- @wordpress/viewport
- @wordpress/url
- @wordpress/redux-routine
- @wordpress/date
- @wordpress/block-serialization-default-parser
- @wordpress/plugins
- @wordpress/wordcount
- @wordpress/edit-post
- Link to the editor user documentation and remove the user documentation markdown file.
- Typos and tweaks: 1, 2, 3, 4, 5.
Various
- Upgrade to React 16.8.4 (React Hooks).
- Fix the dependencies of the e2e-tests and the e2e-test-utils npm packages.
- Avoid disabling regeneratorRuntime in the babel config to avoid globals in npm packages.
- Work on various e2e tests stability improvements.
- Regenerate RSS/Search block test fixtures.
- Move to travis.com as a CI server.
- Add clickBlockToolbarButton e2e test utility.
- Add e2e tests:
- to check the keyboard navigation through blocks.
- to verify that the default block is selected after removing all the blocks.
- to check the InnerBlocks allowed blocks restrictions.
- Add unit tests for the isKeyboardEvent utility.
- Remove CC-BY-3.0 from the GPLv2 compatible licenses.
- Polish the @wordpress/block-editor module:
- Move the block specific components to the package.
- Update the classnames to follow the CSS guidelines.
- Update eslint rules npm packages.
- Simplify the hierarchical term selector strings.
- Update the Latest comments block to use the “align support config” instead of a custom implementation.
- Remove the block snapshots tests.
- Remove post install scripts and only run these in CI to improve test performance.
- Tweak the plugin build zip script to avoid prompting when the build environment is clean.
- Add withRegistry higher-order component to the @wordpress/data module.
- Add missing module entry point to the notices package.json.
- Remove the Gutenberg 5.3 deprecated functions.
- Ensure sourcemaps published to npm contain safe relative paths.
- Remove the replace_block filter usage and extend core editor settings instead.
- Improve handling of transpiled packages in unit tests.
- Add CLI arguments to launch e2e tests in interactive mode more easily.
- Select a unique radio input in a group when using the tabbables utility.