So verwenden Sie WordPress Gutenberg-Blöcke

Veröffentlicht: 2022-07-05

WordPress ist das beliebteste Content Management System (CMS) der Welt. Einfach ausgedrückt ist ein CMS eine Schnittstelle, mit der Sie die Ebenen Ihrer Website steuern.

Jede Website besteht aus Front- und Backend. Das Frontend ist die visuelle Ebene, die Besucher sehen, wenn sie Ihre Website betreten, und besteht aus verschiedenen Seiten. Das Backend ist die Ebene, auf der Sie arbeiten, um zu steuern, wie Ihre Website funktioniert.

Plugins sind ein gutes Beispiel für Backend-Komponenten, mit denen Sie Ihrer Website Funktionen hinzufügen können, sei es Sicherheit, Design, Medien und mehr.

Eine der wichtigsten Arten von Plugins sind Seitenersteller. Seitenersteller verfügen über Drag-and-Drop-Funktionen, mit denen Benutzer Änderungen in Echtzeit sehen können. Leider können Seitenersteller Ihrer Website mehr Gewicht verleihen, da sie immer noch Code verwenden, auch wenn Sie ihn nicht sehen können. Gewicht verlangsamt Ihre Website, und das sabotiert Ihr Suchmaschinenranking.

Eine Website zu haben, die sauberen Code verwendet, leichtgewichtig ist und superschnell lädt, ist wirklich wichtig und ist jetzt ein Rankingfaktor für Suchmaschinen. Wenn Sie ganz oben in den Suchergebnissen stehen möchten, brauchen Sie eine Website, die Ihnen diese Dinge leicht macht.

Der Gutenberg-Block-Editor

Im November 2018 führte WordPress einen neuen Blockeditor namens Gutenberg ein.

Gutenberg hilft Ihnen beim visuellen Erstellen Ihrer Websites per Drag-and-Drop, genau wie bei Seitenerstellungs-Plugins. Es handelt sich jedoch nicht um ein Drittanbieter-Add-on. Es ist im Kern von WordPress selbst eingebaut. Es verwendet sauberen Code, ist leicht und superschnell. Auf diese Weise ermöglicht es Ihnen Gutenberg, suchmaschinenfreundlich zu sein. Gutenberg macht es sowohl Anfängern als auch Experten sehr einfach, superschnelle Websites zu erstellen, damit sie organisch höher ranken können.

Der Compositor wird „Blockeditor“ genannt, weil der Inhalt in „Blöcke“ kategorisiert ist. Blöcke sind ein praktisches Werkzeug, um Ihnen beim Aufbau Ihrer Website zu helfen. Sie helfen Ihnen, Multimedia-Inhalte einzufügen, zu bearbeiten, zu entwerfen und neu anzuordnen, ohne benutzerdefinierten Code schreiben zu müssen. Auf diese Weise können Sie sich auf die Erstellung ansprechender und qualitativ hochwertiger Inhalte konzentrieren, ohne sich um Code kümmern zu müssen.

Blöcke sind sehr flexibel und ermöglichen es Ihnen, kreativ zu sein und Ihr eigenes Markendesign zu erstellen. Eine der besten Funktionen ist die Option „Benutzerdefinierte Blöcke“, mit der Sie einzigartige Funktionen erstellen können, die zu Ihrer Markenästhetik passen. Sich nicht auf vorgefertigte Themen und Funktionen beschränken zu müssen, ist kreativ befreiend.

Gutenberg ist mehr als ein Redakteur

Gutenberg revolutioniert die Art und Weise, wie Seiten, Beiträge und Produkte erstellt werden, und verschafft WordPress einen erheblichen Vorteil gegenüber anderen CMS-Optionen.

Trotzdem ist Gutenberg eine umstrittene Veränderung. Einige Leute denken, dass es eine notwendige Änderung ist, während andere die Art und Weise bevorzugen, wie sie die Dinge immer getan haben. Es steht jedoch außer Zweifel, dass Gutenberg nicht einfach ein neuer Redakteur ist. Es eröffnet viele Möglichkeiten für spannende Entwicklungen in WordPress.

So verwenden Sie den Gutenberg-Blockeditor

Nachdem Sie nun den Unterschied zwischen dem Gutenberg-Blockeditor und klassischen WordPress-Seitenerstellern verstanden haben, erfahren Sie mehr über die Verwendung von Gutenberg. So kannst du direkt sehen, ob der Gutenberg-Blockeditor das Richtige für dich ist.

Verwandte Lektüre: Ein realer Leitfaden zur Verwendung von Gutenberg

So fügen Sie Inhalte in Gutenberg hinzu

Wenn Sie einen Seitentitel hinzufügen möchten, können Sie einfach den Abschnitt „Titel hinzufügen“ eingeben. Danach können Sie mit dem Hinzufügen von Inhalten zu Ihrer Seite beginnen, indem Sie den Leerraum unten eingeben oder einen Block hinzufügen. Wir haben ein Gutenberg-Block-Tutorial zusammengestellt, um Ihnen dabei zu helfen.

Nachdem Sie das getan haben, haben Sie offiziell mit der Gestaltung Ihres Beitrags oder Ihrer Seite begonnen. Das Bearbeiten und Verschieben der von Ihnen hinzugefügten Inhalte ist super einfach, wenn Sie Gutenberg-Blöcke verwenden.

Hinzufügen von Blöcken in Gutenberg

Wie bereits erwähnt, wird der neue WordPress-Editor als „Block-Editor“ bezeichnet, da alle Inhalte hier in Blöcke unterteilt sind. Gutenberg hat viele Arten von Blöcken für jede Art von Inhalt oder Multimedia, die Sie verwenden möchten.

Sie können einen Block hinzufügen, indem Sie einfach auf das Pluszeichen im weißen Bereich oder in der oberen linken Ecke klicken. Wenn Sie darauf klicken, bietet Gutenberg Ihnen einige Arten von Blöcken an, die Sie hinzufügen können.

Es gibt mehr als 50 Arten von Blöcken, aus denen Sie wählen können. Wenn Sie auf „Alle durchsuchen“ klicken, können Sie sich alle verschiedenen Arten von Blöcken ansehen und den besten für die jeweilige Aufgabe auswählen. Es gibt bestimmte Arten von Gutenberg-Blöcken für jede Art von Inhalt, einschließlich Text, Medien, Design, Themen und Einbettungen.

Bearbeitungsblöcke in Gutenberg

Nachdem Sie Ihren idealen Block ausgewählt haben, folgen Sie dessen Anweisungen, um Ihre Inhalte in diesem Block zu erstellen. Sie können diesen Vorgang viele Male wiederholen und so viele Blöcke hinzufügen, wie Sie benötigen.

Sie können jeden Block bearbeiten, indem Sie ihn auswählen und dann die Einstellungen für diesen Block anzeigen. Wenn Sie einen Block auswählen, werden direkt darüber einige Einstellungen angezeigt. Sie können die Pfeile verwenden, um die Blöcke neu anzuordnen, oder die Punkte gedrückt halten, um den Block an die gewünschte Position zu ziehen.

Gutenberg ermöglicht es Ihnen auch, einen Block als „wiederverwendbaren Block“ zu speichern. Durch die Verwendung des Advanced Custom Fields-Plugins können Sie wiederverwendbare Blöcke erstellen, die über Gutenberg verwendet werden können. Dies ist wichtig, wenn Sie Designs erstellen, die Sie wiederverwenden, da Sie die Dinge nicht von Grund auf neu entwerfen müssen, und es spart Ihnen Zeit. Sie können auch verschiedene Plugins verwenden, um Abschnittsblöcke hinzuzufügen.

Ein WordPress Gutenberg-Abschnittsblock ist eine wertvolle Funktion, mit der Sie mehrere Blöcke in einem Abschnitt organisieren können. Alle standardmäßigen oder benutzerdefinierten Gutenberg-Blöcke können zu einem Abschnitt hinzugefügt werden, der dann als ganzer Block verwendet werden kann.

So veröffentlichen Sie einen Beitrag auf WordPress mit Gutenberg

Sobald Sie mit der Bearbeitung fertig sind, müssen Sie Ihren Beitrag veröffentlichen oder auf Ihrer Website live schalten. Sie können mit dem Veröffentlichungsprozess beginnen, indem Sie auf die Schaltfläche „Veröffentlichen“ in der oberen rechten Ecke Ihrer Gutenberg-Seite klicken. Nachdem Sie auf die Schaltfläche „Veröffentlichen“ geklickt haben, werden einige Optionen angezeigt, die Sie nach Ihren Wünschen ändern können.

Sichtbarkeitseinstellungen helfen Ihnen zu steuern und einzuschränken, wer Ihre Inhalte sehen kann. Sie können Beiträge auch so planen, dass sie zu einem bestimmten Datum oder zu einer bestimmten Uhrzeit veröffentlicht werden. Auf diese Weise müssen Sie nicht manuell auf die Schaltfläche „Veröffentlichen“ klicken, wenn Ihr Beitrag live gehen soll. Das Hinzufügen von Tags wird ebenfalls empfohlen, da sie Zuschauern helfen können, Ihre Inhalte zu finden.

Bevor Sie fortfahren und Ihren Beitrag veröffentlichen, können Sie mit Gutenberg eine Vorschau anzeigen, wie er auf verschiedenen Bildschirmen wie Desktop, Tablet und Handy aussehen wird.

Wenn Sie sicherstellen, dass alles gut aussieht, können Sie Ihre Inhalte veröffentlichen.

Jetzt wissen Sie

Der neue WordPress Gutenberg-Blockeditor revolutioniert die Art und Weise, wie Seiten, Beiträge und Produkte erstellt werden. Mit Gutenberg können Sie Ihre Website visuell gestalten, ohne Programmierkenntnisse zu haben. Jetzt kennst du die Grundlagen von Gutenberg, wie man einen Beitrag erstellt und wie man ihn veröffentlicht.

Möchten Sie versuchen, den Gutenberg-Blockeditor zu verwenden? Betreiben Sie Ihre Website mit einem professionellen Webhost, der für WordPress entwickelt wurde.

Sehen Sie sich unsere vollständig verwalteten WordPress-Hosting-Pläne an, um noch heute loszulegen.

Erkunden Sie Hosting-Pläne