Du hast vielleicht schon davon geh\u00f6rt, dass es mit der n\u00e4chsten Version einen neuen WordPress Editor<\/strong> geben wird – Gutenberg. Wenn du WordPress k\u00fcrzlich auf 4.9.8 geupdatet hast, dann hast du vielleicht auch das Banner in deinem Dashbaord gesehen, das auf die kommenden Neuerungen hinweist. Gutenberg kann bereits als Plugin getestet werden und wenn du mit dem neuen Editor nicht so zurecht kommst, gibt es die M\u00f6glichkeit mit dem Plugin Classic Editor alles beim Alten zu lassen. Dieser Artikel gibt dir eine \u00dcbersicht, was hinter Gutenberg steckt, wie du den neuen Editor auf deinem Blog testen kannst und was das Ganze eigentlich mit Bl\u00f6cken zu tun hat.<\/p>\n\n

Was \u00e4ndert sich mit Gutenberg im Vergleich zum jetzigen Editor?<\/h2>\n

Gutenberg wird die Art und Weise wie wir Blogposts schreiben und Seiten erstellen ziemlich ver\u00e4ndern, das l\u00e4sst sich definitiv sagen. Manche w\u00fcrden es sogar als kleine Revolution im WordPress-Universum beschreiben – jedenfalls polarisiert der neue Editor sehr stark. Deshalb ist Gutenberg und alles, was damit verbunden ist (die genaue Roadmap findest du hier<\/a>) auch so ein wichtiges Thema f\u00fcr dich und alle, die einen WordPress Blog betreiben. Aber warum? Die wichtigste \u00c4nderung im neuen WordPress Editor sind Bl\u00f6cke. <\/strong>Wenn du schon mit einem anderen CMS wie Medium oder Squarespace gearbeitet hast oder in WordPress mit einem Page Builder, sind Bl\u00f6cke vielleicht nichts Neues f\u00fcr dich – aber wenn du bisher an die WYSIWYG-Art des Standard-Editors von WordPress gewohnt bist, dann \u00e4ndert sich doch einiges.<\/p>\n

Der jetzige WordPress Editor ist zweigeteilt – in den Text-Editor und die Metaboxen, die du am Rand und unterhalb des Editors findest. Diese Boxen sind dazu da, um wichtige Daten zum Post zu speichern, z.B. den Post-Titel, die Kategorien oder SEO-Einstellungen. In Gutenberg wird diese feste Struktur etwas aufgel\u00f6st und viele Funktionen aus den Metaboxen werden direkt in den Editor eingebaut.<\/strong> Sobald du dort anf\u00e4ngst zu tippen, erstellt Gutenberg automatisch einen Absatz-Block, der deinen Text enth\u00e4lt. Es gibt noch viele weitere Block-Arten, die ich weiter unten genau erkl\u00e4ren werde, wie zum Beispiel Bild-Bl\u00f6cke, Abstands-Bl\u00f6cke oder Buttons. In Gutenberg ist praktisch alles ein Block!<\/p>\n

Metaboxen gibt es \u00fcbrigens auch im neuen Editor, du findest sie auf der rechten Seite neben dem Textfeld. Dort kannst du zwischen Dokument<\/em>– und Block<\/em>-Einstellungen w\u00e4hlen, und sobald du einen Block durch anklicken ausgew\u00e4hlt hast, werden dir automatisch die block-spezifischen Einstellungen angezeigt.<\/p>\n\n

Gutenberg Bl\u00f6cke<\/h2>\n

Dass im neuen WordPress Editor wirklich alles ein eigener Block ist, macht das Editieren von Beitr\u00e4gen so spannend, wie wir finden. Andererseits ist es aber auch ein ganz neues Konzept, an das du dich als erfahrener WordPress-Blogger erstmal gew\u00f6hnen musst. Zwar sind viele Elemente im Vergleich zum “alten” Editor \u00e4hnlich oder gleich geblieben, aber es gibt eben auch Komponenten, die du bisher nicht so einfach im WordPress Editor verwenden konntest, z.B. Buttons, Abstandshalter oder Spalten. Au\u00dferdem wirst du mit Gutenberg sogar Widgets<\/strong> direkt in deine Posts einf\u00fcgen k\u00f6nnen. Eigentlich schon ganz cool, oder?<\/p>\n

Hier sind die wichtigsten Bl\u00f6cke im Gutenberg Editor:<\/p>\n

Die Basic Bl\u00f6cke: Absatz, Bild und \u00dcberschriften<\/h3>\n

Sobald du zu schreiben anf\u00e4ngst, erstellt der Editor einen Absatz-Block<\/strong>. Das ist der Standard-Block in Gutenberg und er bietet eigentlich die gleichen Editierungsm\u00f6glichkeiten, wie der bisherige WordPress Editor auch: Text-Ausrichtung, fett, kursiv, Textgr\u00f6\u00dfe und Links. Alle diese Einstellungen findest du in der rechten Spalte des Editors. Gutenberg erlaubt es dir aber auch ein Bild<\/strong> als Block einzuf\u00fcgen oder eine \u00dcberschrift<\/strong> (h2, h3, h4).<\/p>\n

 <\/p>\n\n

Die Builder Bl\u00f6cke: Abstandshalter, Buttons und Spalten<\/h3>\n

Es gibt in Gutenberg auch Funktionsbl\u00f6cke, die du vielleicht eher von Page Buildern kennst: Zum Beispiel Abstands-Bl\u00f6cke<\/strong>, Trennlinien<\/strong>, Buttons<\/strong> oder auch einen Spalten-Block<\/strong>. Wir finden, dass die eine echte Erweiterung f\u00fcr den Editor sind und m\u00f6gen au\u00dferdem die einfache und intuitive Bedienung. Daf\u00fcr ben\u00f6tigst du ab sofort also keine extra Plugins oder Shortcodes mehr. Daumen hoch!<\/p>\n

 <\/p>\n\n

Die Embed-Bl\u00f6cke: Einfache Social Media-Integration von Instagram, Youtube & Co.<\/h3>\n

Gutenberg erleichtert au\u00dferdem das Einbinden von Social Media, wie Instagram Posts, Youtube Videos oder Spotify Playlists,<\/strong> direkt in deine Posts. Du brauchst also auch hier nicht mehr umst\u00e4ndlich extra Plugins zu installieren, sondern nur noch die Embed-Url kopieren und in den entsprechenden Block einf\u00fcgen. Gutenberg unterst\u00fctzt aktuell schon mehr als 30 verschiedene Social Media-Kan\u00e4le.<\/p>\n

 <\/p>\n\n

So installierst du Gutenberg schon heute und testest den neuen Editor auf deinem Blog<\/h2>\n

Die gute Nachricht: Gutenberg ist bereits als Plugin erh\u00e4ltlich<\/strong>, du kannst den neuen Editor also jetzt schon testen. Sei allerdings vorsichtig damit, alle deinen alten Posts auf Gutenberg umzustellen, da das Projekt immer noch in der Beta-Phase ist, und es immer noch einige Bug und Probleme zu fixen gilt. Wenn du dir unsicher bist, ob dein Theme schon mit Gutenberg funktioniert, probierst du es vielleicht erst auf einem Testblog aus.<\/p>\n

Es gibt zwei Arten, Gutenberg auf deinem WordPress Blog zu installieren:<\/p>\n

\n
• Wenn du schon auf WordPress 4.9.8 geupdatet hast, hast du bestimmt dieses Banner gesehen. Klicke einfach auf den ‘Installiere Gutenberg’ Button und schon kannst du den neuen Editor testen.
  \n<\/li>\n
• Wenn du noch nicht auf WordPress 4.9.8 bist oder die Box schon weggeklickt hast, kannst du Gutenberg ganz einfach aus dem Plugin Repository heraus installieren. Hier findest du noch einmal unseren Post, wie man Plugins in WordPress installiert<\/a>.<\/li>\n<\/ul>\n

  Wenn du Gutenberg nicht auf deinem Blog installieren m\u00f6chtest, aber auch keine Testumgebung zur Verf\u00fcgung hast, kannst du den Editor \u00fcbrigens auch hier testen<\/a>.<\/p>\n

  Eine kurze Anmerkung zur Kompatibilit\u00e4t von MunichParis Studio Themes mit Gutenberg<\/h3>\n

  Wir arbeiten gerade daran, alle unsere Themes mit Gutenberg kompatibel zu machen. Noch funktioniert nicht alles zu 100%, aber wir werden die Updates so bald wie m\u00f6glich ver\u00f6ffentlichen, sodass du auch mit unseren WordPress Themes<\/a> Gutenberg ohne Probleme nutzen kannst. Bis Gutenberg dann tats\u00e4chlich in die WordPress Core Software \u00fcbernommen wird, werden unsere Themes auch kompatibel sein. Halte am besten nach einem Update in deinem Dashboard Ausschau, wenn du eines unserer Themes benutzt.<\/p>\n

  Wenn dir Probleme mit Gutenberg und einem unserer Themes aufgefallen sind, schreib uns gerne eine E-Mail, sodass wir alle Bugs vor dem Gutenberg-Start beheben k\u00f6nnen.<\/p>\n

  Ich mag Gutenberg nicht – gibt es Alternativen?<\/h2>\n

  Du hast den neuen Editor ausprobiert, aber findest ihn nicht so toll? Oder du wei\u00dft schon, dass du lieber beim bisherigen Texteditor bleiben m\u00f6chtest? Keine Sorge, auch daf\u00fcr gibt es ein Plugin: Classic Editor. Auch das kannst du direkt aus dem Banner in deinem Dashboard oder \u00fcber das Plugin Repository installieren. Dieses Plugin verhindert, dass Gutenberg als Standard-Editor eingestellt wird<\/strong>, sobald er in den WordPress Core integriert wird.<\/p>\n

  Da Gutenberg aktuell noch ein Plugin ist, musst das Classic Editor-Plugin noch nicht aktivieren – sondern erst sobald Gutenberg ein fester Bestandteil von WordPress wird. Du hast also noch ein bisschen Zeit, dir den neuen WordPress Editor anzuschauen, dich an die Bl\u00f6cke zu gew\u00f6hnen und dich f\u00fcr oder gegen Gutenberg zu entscheiden.<\/p>\n","protected":false},"excerpt":{"rendered":"

  Hier erf\u00e4hrst du alles \u00fcber den neuen WordPress Editor – wie du ihn testen kannst, welche Funktionen er mitbringt, und was das alles mit Bl\u00f6cken zu tun hat.<\/p>\n Read the post<\/button><\/a>","protected":false},"author":1,"featured_media":3200,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":""},"categories":[67],"tags":[],"author_meta":{"display_name":"Julie","author_link":"https:\/\/munichparisstudio.com\/author\/julie\/"},"featured_img":"https:\/\/munichparisstudio.com\/wp-content\/uploads\/2018\/09\/gutenberg-new-wordpress-editor-how-to-install-gutenberg-blocks-editing-wordpress-tutorial-300x200.jpg","coauthors":[],"tax_additional":{"categories":{"linked":["WordPress & Tech<\/a>"],"unlinked":["WordPress & Tech<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 6 years ago","modified":"Updated 6 years ago"},"absolute_dates":{"created":"Posted on 11. October 2018","modified":"Updated on 11. October 2018"},"absolute_dates_time":{"created":"Posted on 11. October 2018 18:04","modified":"Updated on 11. October 2018 18:05"},"featured_img_caption":"","_links":{"self":[{"href":"https:\/\/munichparisstudio.com\/wp-json\/wp\/v2\/posts\/3596"}],"collection":[{"href":"https:\/\/munichparisstudio.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/munichparisstudio.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/munichparisstudio.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/munichparisstudio.com\/wp-json\/wp\/v2\/comments?post=3596"}],"version-history":[{"count":5,"href":"https:\/\/munichparisstudio.com\/wp-json\/wp\/v2\/posts\/3596\/revisions"}],"predecessor-version":[{"id":3603,"href":"https:\/\/munichparisstudio.com\/wp-json\/wp\/v2\/posts\/3596\/revisions\/3603"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/munichparisstudio.com\/wp-json\/wp\/v2\/media\/3200"}],"wp:attachment":[{"href":"https:\/\/munichparisstudio.com\/wp-json\/wp\/v2\/media?parent=3596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/munichparisstudio.com\/wp-json\/wp\/v2\/categories?post=3596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/munichparisstudio.com\/wp-json\/wp\/v2\/tags?post=3596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}