Gutenberg

Beschreibung

Gutenberg ist mehr als nur ein Editor. Während momentan der Editor im Fokus ist, wird das Projekt letztlich die gesamte Erfahrung des Publizierens beeinflussen, inklusive der Individualisierung / des Customizings (der nächste Schwerpunkt).

Mehr über das Projekt erfahren.

Bearbeitungs-Focus

Der Editor wird eine neue Erfahrung des Erstellens und Kreieren von Seiten und Beiträgen schaffen, was das Schreiben von reichhaltigen Beiträgen mühelos macht, und er hat „Blöcke“, um es einfach zu machen, was heute mit Shortcodes, individuellem HTML oder sonstigem eingebundenen „HokusPokus“ Zeugs zu tun hat. — Matt Mullenweg

Eine Sache, die WordPress von anderen Systemen unterscheidet, ist, dass es dir erlaubt, ein so umfangreiches Beitrags-Layout zu erstellen, wie du es dir nur vorstellen kannst – aber nur, wenn man HTML und CSS beherrscht und ein eigenes individuelles Theme erstellen kann. Indem wir an den Editor als ein Werkzeug denken, mit dem reichhaltige Beiträge geschrieben und schöne Layouts erstellt werden, können wir WordPress in etwas verwandeln, was Benutzer und Benutzerinn lieben. Im Gegensatz zu etwas, das sie auswählen, weil es das ist, was jeder andere benutzt.

Gutenberg betrachtet den Editor nicht nur als ein Inhaltsfeld, sondern auch als ein seit fast einem Jahrzehnt weitgehend unverändertes Layout, das es uns ermöglicht, ein modernes Editor-Erlebnis ganzheitlich zu gestalten und ein Fundament für die Zukunft zu schaffen.

Hier ist der Grund, warum wir den gesamten Bearbeitungsbildschirm betrachten und nicht nur das Inhaltsfeld:

  1. The block unifies multiple interfaces. If we add that on top of the existing interface, it would add complexity, as opposed to remove it.
  2. By revisiting the interface, we can modernize the writing, editing, and publishing experience, with usability and simplicity in mind, benefitting both new and casual users.
  3. When singular block interface takes center stage, it demonstrates a clear path forward for developers to create premium blocks, superior to both shortcodes and widgets.
  4. Considering the whole interface lays a solid foundation for the next focus, full site customization.
  5. Looking at the full editor screen also gives us the opportunity to drastically modernize the foundation, and take steps towards a more fluid and JavaScript powered future that fully leverages the WordPress REST API.

Blöcke

Blöcke sind die vereinheitlichende Entwicklung dessen, was jetzt auf unterschiedlichste Weise durch Shortcodes, Einbettungen, Widgets, Beitragsformate, individuelle Beitragstypen, Theme-Optionen, Meta-Boxen und andere Formatierungselemente abgedeckt wird. Blöcke umfassen die Bandbreite der Funktionalität, die WordPress bietet, mit der Klarheit einer konsistenten Benutzererfahrung.

Man stelle sich einen individuellen „Mitarbeiter“-Block vor, den ein Kunde auf eine Info-Seite ziehen kann, um automatisch ein Bild, einen Namen und eine Biografie anzuzeigen. Ein ganzes Universum von Plugins, welche alle WordPress auf die gleiche Weise erweitern. Vereinfachte Menüs und Widgets. Benutzer und Benutzerinnen, die WordPress sofort verstehen und benutzen können – und 90% der Plugins. So kannst du auf einfache Weise schöne Beiträge wie dieses Beispiel verfassen.

Lies auch die FAQ, um Antworten auf die meisten Fragen zum Projekt zu erhalten.

Kompatibilität

Beiträge sind rückwärts-kompatibel, und Shortcodes funktionieren weiterhin. Wir untersuchen ständig, wie hochgradig maßgeschneiderte Metaboxen untergebracht werden können, und suchen nach Lösungen, die von einem Plugin über die Deaktivierung von Gutenberg bis hin zur automatischen Erkennung, ob Gutenberg geladen werden soll oder nicht, reichen. Wir wollen sicherstellen, dass das neue Editing-Erlebnis vom Schreiben bis zum Publizieren benutzerfreundlich ist, aber wir sind auch bestrebt, eine gute Lösung für hochgradig maßgeschneiderte bestehende Websites zu finden.

Die Phasen von Gutenberg

Gutenberg hat drei geplante Etappen. Die erste, die sich auf die Integration in WordPress 5.0 ausrichtet, hat ihren Focus auf der Erfahrung mit dem Editor und der Umsetzung von Blöcken. Diese erste Phase konzentriert sich auf einen inhaltlichen Ansatz. Die Verwendung von Blöcken, wie oben beschrieben, erlaubt es, sich darauf zu konzentrieren, wie der Inhalt aussehen wird, ohne diverse Ablenkungen von anderen Konfigurationsmöglichkeiten. Dies wird letztlich allen Benutzern und Benutzerinnen helfen, ihre Inhalte direkt, ansprechend und visuell zu präsentieren.

Diese grundlegenden Elemente ebnen den Weg für die weiteren Etappen zwei und drei, die für das nächste Jahr geplant sind, um über den Beitrag hinaus in Seitenvorlagen (Templates) und schließlich die vollständige Anpassung (Customizing) der Website zu gehen.

Gutenberg bringt große Veränderung, und es wird an Wegen gearbeitet, um dennoch sicherzustellen, dass bestehende Funktionen (wie Shortcodes und Meta-Boxen) weiterhin funktionieren, während den Entwicklern Zeit und Wege für einen effektiven Übergang zur Verfügung stehen. Letztendlich wird es neue Möglichkeiten für Plugin- und Theme-Entwickler und Entwicklerinnen eröffnen, um den Anwendern und Anwenderinnen durch eine ansprechendere und visuellere Erfahrung besser zu dienen, da die Vorteile eines Core-unterstützten-Toolsets genutzt werden.

Mitwirkende

Gutenberg wird von vielen Mitwirkenden und Freiwilligen gebaut. Die vollständige Liste ist zu finden unter CONTRIBUTORS.md.

FAQ

Wie kann ich Feedback geben oder wie erhalte ich Hilfe bei einem Fehler?

Gerne würden wir mehr Fehlerberichte, Vorschläge für Features und weiteres Feedback von dir erhalten! Gehe auf die GitHub-Issue-Seite, um nach vorhandenen Fehlern zu suchen oder ein neues Issue zu erstellen. Während wir versuchen, Probleme aus dem Plugin-Forum zu lösen, wirst du eine schnellere Antwort erhalten (und auch Dopplungen vermeiden), wenn alles zentral im GitHub-Repository bleibt.

Wie kann ich beitragen?

Wir nennen dieses Editor-Projekt „Gutenberg“, weil es ein großes Unterfangen ist. Wir arbeiten jeden Tag auf GitHub daran, und wir würden uns freuen, wenn du uns dabei helfen würdest. Du kannst uns auch gerne Feedback geben, am einfachsten ist das, indem du in unserem Slack Channel, #core-editor vorbeischaust.

Siehe auch CONTRIBUTING.md.

Wo kann ich mehr über Gutenberg lesen?

Rezensionen

Heading into wrong direction

Gutenberg makes posting much more complicated and has on the other side no advantage. Usability seems to be totally unknow to the developers.

None of the Gutenberg-developments in the last month has corrected any of the disadvantages or brought in any new advantages.

With this editor in the current state, WordPress is heading in the wrong direction.

Can’t center Text in the blocks

Looks like it will be a very easy to use and creative update but still needs some more editing features.

I wasn’t able to center text in the blocks. Didn’t try any pictures. They may be the same way.

Keep up the good work!

Abominable Mess

This is what you get when you have an agenda driving a project. It gets released, regardless of where it’s at, regardless of how it will affect the community. This has been the most badly handled update to WordPress I have ever seen.

Love it!!!!!

I wish this would have been created sooner! Breaking the single-column content style of pages is a dream come true, and finally it’s built into WordPress core! No 3rd party plugins needed. Bless you, WordPress. Would be good if we could turn it off and on on a per-site basis. However, going forward, all future websites will use this editor. I’m so happy.

Everyone loves progress, but nobody likes change.

Gutenberg is definitely the way forward. Majority of 1-star reviewers try Gutenberg for 5 min (if that) before giving in to the peer pressure and concluding it’s „garbage“.

The editor has come a long way and definitely with bugs at first, it has seen an immense improvement. It will be a welcome change for bloggers who have no coding experience and just want to write and have the option of making layout changes without the need of heavy plugins.

As a developer (and especially maintaining over 60 websites) – yes, I can foresee some challenges, but it’s the way forward and it will make the customers‘ lives easier. Period.

Shout out to the whole development team who are met with a lot of trash-talk. You’re doing great! Keep up the good work and keep the progress going.

Lies alle 1.539 Rezensionen

Mitwirkende & Entwickler

„Gutenberg“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Gutenberg“ wurde in 41 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „Gutenberg“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

Latest

Changelog

  • Improves discoverability of permalinks by adding permalink panel to the document sidebar.
  • Improves margins, column child block, and mobile display of columns.
  • Allow for programmatically removing editor document panels.
  • Replaces the uploading indicator of images and galleries with a spinner and faded out image.
  • Toolbar for floats was a little offset beyond the mobile breakpoint, now fixed.
  • Text and code editing blocks did not have width set, now set to fill the space.
  • Correctly align URL input autocomplete.
  • Improve animations: new, consistent naming convention, adds editor prefix, and moves keyframe animations (which don’t work well with mixins) into the edit post style.
  • Hover styles were showing on mobile, where hover is not available – now disabled.
  • Click and drag was incorrectly triggering a selection event in the block list under the popover, resulting in the popover dismissing. This was causing blocks to be selected when trying to set links to open in a new tab, for example. Fixed by preventing the mouse down event from propagating.
  • Adds some padding to the block inserter so that it never overlaps text in nested contexts or mobile views.
  • Better handle images larger than the editor by allowing a 2.5x buffer. Allows images inserted in TwentyNineteen and other themes that have a wider than 580px editor width, to look as expected, but prevents infinite resizing of images.
  • Stop mousedown event propagating through the toolbar, fixing problem of unexpectedly selecting blocks.
  • Improve the way that long words are broken on multiple lines, using word-break: keep-all;
  • Preserve the ratio of video backgrounds in cover blocks, videos may be cropped to fit but will keep their original ratio.
  • It was not possible to scroll a long menu on first load of Gutenberg, fixed by removing sticky-menu.
  • Properly check for allowed types of Media in Media Placeholder components.
  • “Resolve” and “Convert to HTML” buttons were not clickable (regression), now resolved.
  • Exclude HTML editing from Columns and Column blocks.
  • Better handle links without href, which were showing as undefined.
  • Renders block appender after the template is processed, to prevent incorrectly inserting new paragraphs.
  • Parent pages were being lost when draft pages were autosaved, fixed by removing parent pages from autosave requests and refactoring to stop using “parent” as the path argument name.
  • Adding line breaks in formatted content in quote blocks were not working correctly, fixed by persisting formats when new lines are added.
  • Prevent users in the contributor role from using blocks that require upload privileges.
  • Fix block selection in removing blocks, correct typo in comparison.
  • Japanese text (double byte characters) was not usable in the list block, fixed by changing handling of composition events.
  • Better handles different text encodings (e.g. emoji) within a block in block validation.
  • Use a query argument instead of data to prevent error being thrown on post refresh.
  • Keyboard navigation was not working as expected in Firefox, added extra key binding.
  • Adds missing alt values to images when editing.
  • Better communicate block nesting level by using unordered lists.
  • Fix sidebar icons being incorrectly announced in NVDA by adding a span with aria-hidden=”true”.
  • Fixes block toolbar aria label to announce “block tools toolbar” rather than “block toolbar (a11y).
  • Adjusts focus on media and text blocks to select the overall block, not the child paragraph block.
  • Refactors i18n module to replaces Jed with Tannin for significant performance improvements.
  • Replace getSelectedBlock and getMultiSelectedBlocks with more performant getSelectedBlockClientId and a getBlocks selectors in copy handler.
  • Replace getBlock selector in favor of the more performant getBlockName.
  • Replace getSelectedBlock with more performant getSelectedBlockClientId and new isBlockValid selectors in the BlockToolbar.
  • Replace getSelectedBlock with more performant getSelectedBlockClientId and new isBlockValid selectors in the Block Inspector.
  • Replaces getInserterItems with a new hasInserterItems selector which is more performant, and makes some adjustments to memorization.
  • Avoid using the getSelectedBlock selector in autocompleters.
  • Remove use of getBlock selector in the DefaultBlockAppender and EditorKeyboardShortcuts components.
  • Move undo handling out of TinyMCE and into the RichText component.
  • is_gutenberg_page incorrectly assumes get_current_screen exists, add check.
  • Brings code inline with CSS standards by switching font weight to numeric values.
  • Wrapped component would not the most up-to-date store values if it incurred a store state change during its own mount (e.g. dispatching during its own constructor), resolved by rerunning selection.
  • Display an error message if Javascript is disabled.
  • Update to React 16.6.3.
  • Adds missing components dependency for RichText.
  • Refactors list block to remove previously exposed RichText/TinyMCE logic.
  • Removes focusOnMount prop from NavigableToolbar components, which was generating a warning.
  • Refactor checks for upload permissions, removing unnecessary checks for store permissions.
  • Use the large image size when inserting images in both galleries and image blocks.
  • Fixes dependency of wp-polyfill which needs to be registered before React and React-Dom when plugins (like Yoast) rely on Gutenberg’s React.
  • Mark onSplit as unstable as it is pending refactor.
  • Remove 4.4 deprecated features.
  • Fix SCSS syntax error.
  • Remove export of previously removed function.
  • Add an E2E test for unsupported blocks.
  • Refactor E2E utility functions.
  • Formatting updates to copy guidelines.
  • Makes headings consistent in the dropdown documentation.
  • Removes outdated documentation referring to function support in registerBlockType.
  • Fixes some typos and line breaks in block design documentation.
  • Fixes some typos and improves readability of README.
  • Adds toolbar to the editing block, and edit button.
  • Passes the isSelected prop down to the implementation of RichText components to make them respond properly to focus changes.