Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie Sie Ihre alten WordPress-Beiträge mit dem Gutenberg-Block-Editor aktualisieren

Wie viele von euch haben wir gezögert, vom vertrauten klassischen Editor zum blockbasierten Gutenberg Editor zu wechseln. Aber nachdem wir ihn ausprobiert haben, sind wir jetzt große Fans des Block-Editors.

Wir wissen, dass viele unserer Besucher noch unsicher sind, ob sie umsteigen sollen. Da sich WordPress ständig weiterentwickelt, ist es nur natürlich, dass man bei Veränderungen zögert. Aber als erfahrene Benutzer von WordPress können wir getrost sagen: Es lohnt sich.

Der Gutenberg Block-Editor ist flexibler und einfacher zu bedienen, als Sie vielleicht denken. Sobald Sie den Dreh raus haben, werden Sie sich fragen, wie Sie ohne ihn ausgekommen sind.

In dieser Anleitung zeigen wir Ihnen, wie Sie Ihre alten Beiträge in WordPress mit dem Block-Editor aktualisieren können.

update-your-old-articles-with-gutenberg

Hinweis: Der WordPress Gutenberg-Editor bietet eine einfache und flexible Möglichkeit, Inhalte in WordPress zu erstellen. Wenn Sie jedoch noch nicht bereit sind, ihn zu nutzen, können Sie Gutenberg deaktivieren und das Classic Editor-Plugin verwenden.

Alternativ können Sie zunächst die Kompatibilität Ihrer Website für die Aktualisierung auf Gutenberg testen.

Was ist der Unterschied zwischen dem klassischen Editor und dem Gutenberg-Editor?

Bevor wir loslegen, wollen wir zunächst die wichtigsten Unterschiede zwischen dem alten klassischen Editor und dem Gutenberg-Block-Editor besprechen.

Der Classic Editor war ein Texteditor, der Microsoft Word sehr ähnlich war. Er hatte ein einziges Bearbeitungsfeld mit Formatierungsoptionen am oberen Rand.

So sieht der Classic Editor aus:

Old WordPress editor

Auf der anderen Seite ist der Gutenberg-Editor ein vollständig blockbasierter Editor, der seit WordPress 5.0 verfügbar ist. Sie werden alle Inhalte in Form von Blöcken hinzufügen.

So sieht der Gutenberg-Block-Editor aus:

Editing the 'Home' Page With the Block Editor

Blöcke sind voneinander getrennte Inhaltselemente mit eigenen Formatierungsoptionen. Es gibt einzelne Blöcke für jedes Inhaltselement, einschließlich:

  • Regulärer Text oder Absatz
  • Bild
  • Schaltfläche
  • Galerie
  • Liste
  • Tabelle
  • Einbettungen und mehr.

Außerdem können Sie mehr Optionen für Inhaltsblöcke finden, die von Ihren WordPress-Plugins und Ihrem Theme bereitgestellt werden.

Zum Beispiel fügt WPForms einen Block hinzu, mit dem Sie Ihre Formulare in Ihre Website einbetten können.

Adding the WPForms block to a WordPress page or post

Um einen Beitrag im Gutenberg-Editor zu erstellen oder zu bearbeiten, müssen Sie Blöcke verwenden. Hier erfahren Sie, wie Sie Ihre alten Blogbeiträge und Seiten mit dem Gutenberg-Block-Editor aktualisieren können.

Wie Sie Ihre klassischen WordPress-Beiträge in Gutenberg umwandeln (Schritt für Schritt)

Wenn Sie Ihren WordPress-Blog auf die neueste Version von WordPress aktualisiert haben, dann haben Sie den Gutenberg-Block-Editor als Standard-Editor.

Das Gute an Gutenberg ist, dass es keine Auswirkungen auf Ihre alten Inhalte hat und Sie Ihre alten Artikel problemlos bearbeiten können.

Um einen älteren Beitrag oder eine ältere Seite zu bearbeiten, bearbeiten Sie sie einfach wie in WordPress üblich.

Im Inhaltseditor sehen Sie den gesamten Inhalt in einem einzigen Classic-Block.

Classic block in Gutenberg Block Editor

Derselbe Beitrag würde im alten klassischen Editor wie im Screenshot unten aussehen.

Wie Sie vielleicht bemerken, ist der vorhandene Inhalt derselbe. Die Art und Weise, wie er organisiert ist, sieht jedoch etwas anders aus.

Classic editor post example

Der neue WordPress-Block-Editor wird keine Änderungen am Inhalt vornehmen, und er wird auf Ihrer WordPress-Website immer noch gleich aussehen.

Jetzt haben Sie zwei Möglichkeiten, Ihre alten Blogbeiträge und Seiten zu bearbeiten:

  1. Setzen Sie die Bearbeitung innerhalb des Classic-Blocks fort.
  2. Konvertieren Sie Ihre alten Inhalte in neue Gutenberg-Blöcke.

Die erste Möglichkeit besteht darin, Ihren alten Artikel innerhalb des Classic-Blocks weiter zu bearbeiten.

Der Classic-Block bietet Ihnen die gleiche Classic-Editor-Oberfläche mit Formatierungsoptionen im oberen Bereich. Dies sollte ziemlich einfach sein.

Die zweite Option ist die Konvertierung Ihrer alten Inhalte in neue Gutenberg-Blöcke.

Klicken Sie dazu auf den oberen Teil des Inhalts und wählen Sie die Schaltfläche „In Blöcke umwandeln“.

Convert classic post to blocks

Das war’s!

Ihre alten Inhalte werden automatisch in passende Blöcke umgewandelt. Der Inhalt innerhalb des Classic-Blocks wird in mehrere verschiedene Blöcke aufgeteilt.

Jetzt können Sie Ihren alten Artikel mit den neuen Gutenberg-Editorblöcken bearbeiten. Jeder Block ist eine separate Einheit mit eigenen Formatierungsoptionen, Stilen und Designoptionen.

Wenn Sie Änderungen an der Darstellung des Bildes vornehmen möchten, klicken Sie einfach auf das Bild, um den Block auszuwählen, und die Bearbeitungsoptionen werden oben angezeigt.

Weitere Optionen finden Sie auf der Registerkarte „Blockieren“ in der rechten Spalte des Bildschirms.

Example of Gutenberg blocks

Bei einem Absatzblock zum Beispiel können Sie mit der Werkzeugleiste die Text- und Hintergrundfarbe ändern, die Typografie auswählen, Links hinzufügen und vieles mehr.

Nach demselben Verfahren können Sie alle Blöcke bearbeiten und Ihren Artikel visuell eindrucksvoll gestalten.

Wenn Sie alle erforderlichen Änderungen vorgenommen haben, können Sie einfach auf die Schaltfläche „Aktualisieren“ oben rechts auf dem Bildschirm klicken, um Ihre Änderungen zu speichern.

Erfahren Sie mehr Tipps und Tricks zum Gutenberg-Editor

Sind Sie bereit, den Block-Editor optimal zu nutzen? Hier finden Sie einige WordPress-Tutorials, die Ihnen den Einstieg erleichtern:

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie Ihre alten Artikel mit dem Gutenberg-Block-Editor aktualisieren können. Vielleicht interessiert Sie auch unsere Liste der häufigsten Block-Editor-Probleme und wie man sie behebt sowie unsere Anleitung zur Verwendung von WordPress-Blockmustern.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

20 KommentareEine Antwort hinterlassen

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Steve

    In the classic editor, there was a way to update the date on an existing post and schedule it for a new date/time. I don’t see that option in Gutenberg. I only see a way to change the date and then update the post. Does this accomplish the same thing?

  3. Deborah

    When I click Convert to blocks my page turns to what looks like code. So, I guess it is not converting correctly. I have other pages that converted fine a while back and I’m able to create new pages using blocks. Does that mean I will need to retype it all by hand?

    • WPBeginner Support

      If it is a specific page then there may be an issue with that page, you likely would need to manually recreate that specific page.

      Admin

  4. Bettye

    I don’t have the 3 dots to the right of the editing toolbar. Does that mean my theme does not support the Gutenberg editor? I’ve been using it since 2016 but I’m on Wordpress version 5.3.2.

    Bettye

    • WPBeginner Support

      You may not be using a classic block for your content if the editor looks different than what we’re showing as one common reason for that

      Admin

  5. RoseMary

    I am on the current version of WordPress, but do not have any option to switch from the classic editor to Gutenberg. Now that’s a puzzle! I do not have any plugins installed that would inhibit Gutenberg or keep me with the classic editor.

    Any ideas?

    • WPBeginner Support

      You may want to go to your profile to see if you have disable visual editor checked as a possible reason.

      Admin

  6. Karen

    I guess pages would done the same way? Can you add meta description for each page with code block? Thank you.

    • WPBeginner Support

      Yes, pages would be done the same way and if you wanted you could add the HTML using the code block if you wanted

      Admin

  7. Sarmad

    how will i earn from bloging when i have not to write articles

  8. Van

    Oh my goodness, I’ve been doing the conversion laboriously by hand. At least I haven’t done all of my prior posts by hand. Thank you for this great post. The info will definitely be a time saver for me.

      • Van

        I tried the technique earlier this morning. It works and it’s definitely better than redoing a post by hand, but it strips out inline CSS.

  9. Deb

    Very difficult getting a PayPal Button into a page now. Even with the PayPal Plugin installed and I tried to us the new button block. Hours later, I am still stuck.

    • WPBeginner Support

      If you are using their html to embed the button you may want to try the custom html block

      Admin

  10. Janet

    I believe the article is correct when you have something simple like an image and some text. What about videos, links, embeds, anchors, documents, woocommerce, plugins that are images or text etc.? How much after the fact fixing is needed for hundreds of pages created in the old editor. Creating from scratch looks easy, fixing created pages scares me for the amount of additional work needed.

    • WPBeginner Support

      Hi Janet,

      Your content would work just fine even if you don’t edit your old articles. However, if you feel you need to create them from scratch, then you can do that as well.

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.