Verwendung von WordPress-Blöcken und Blockeditor

Hinweis: Der folgende Artikel hilft Ihnen dabei: Verwendung von WordPress-Blöcken und Blockeditor

Verwendung von WordPress-Blöcken und Blockeditor

Sie haben also von dieser magischen Sache namens WordPress gehört und möchten wissen, worum es bei all dem Hype geht. WordPress ist ein Tool zum Erstellen von Websites, mit dem fast jeder sofort loslegen und hochfunktionale und schöne Webseiten erstellen kann.

Ein toller Ausgangspunkt für Ihre WordPress-Kenntnisse ist der WordPress-Editor. Bravo, hier sind Sie genau richtig.

In diesem Blog behandeln wir die Verwendung des WordPress-Blockeditors. Stellen Sie sicher, dass Sie über ein WordPress-Konto verfügen, damit Sie in den Blockeditor springen und mitverfolgen können.

Lassen Sie uns ohne weitere Umschweife einsteigen.

Was ist der WordPress-Blockeditor?

Der WordPress-Blockeditor ist ein Tool zum Bearbeiten und Erstellen von Webseiten. Stellen Sie sich den WordPress-Blockeditor als die Bausteine ​​der Webseite vor. Es ist äußerst effektiv und bietet eine hilfreiche Benutzererfahrung.

Der WordPress-Blockeditor kann in drei Teile unterteilt werden: Hauptmenü, Einstellungsmenü und Hauptinhaltsbereich. Jedes Segment verfügt über Elemente, die die Bearbeitung und Erstellung von Websites auf unterschiedliche Weise ermöglichen. Jedes Element der Website – wie Absätze, Überschriften, Videos und Schaltflächen – kann als „Block“ betrachtet werden. Wenn Sie Ihre Ansicht des Editors auf einzelne Bausteine ​​reduzieren, wird das Erstellen einfacher.

Wie funktionieren WordPress-Blockeditoren?

Bei WordPress-Blockeditoren handelt es sich in der Regel um Ergänzungen von Drittanbietern, die den Gutenburg-Blockeditor nutzen und ihn so weiterentwickeln, dass seine Funktionen noch weiter ausgebaut werden.

Es gibt viele verschiedene WordPress-Blöcke. Es gibt sie in vielen verschiedenen Ausführungen, um allen Anforderungen gerecht zu werden, die man an die Erstellung einer atemberaubenden Website stellen muss.

Lesen:  30 KatMovieHD-Alternativen zum Online-Ansehen von Filmen und Fernsehsendungen

Arten von WordPress-Blöcken

  • Audioblock
  • Blog-Beitragsblock
  • Tastenblock
  • Kalenderblock
  • Galerieblock
  • Dateiblock
  • Gruppenblock
  • Überschriftenblock
  • Codeblock
  • Benutzerdefinierter HTML-Block

Schauen wir uns einige Beispiele beliebter WordPress-Editor-Plugins an.

WooCommerce

WooCommerce-Blöcke helfen Ihnen, Produkte zu Ihrer Website hinzuzufügen. Es ist einfach zu bedienen und bietet eine benutzerfreundliche Oberfläche. Es ist eine großartige Ergänzung zum Toolkit jedes Entwicklers und spart Zeit im Arbeitsablauf. Wenn Sie eine E-Commerce-Website betreiben, sind Woocommerce Gutenberg Blocks ein Muss – und es ist kostenlos!

Kadence

Kadence-Blöcke sind äußerst hilfreich, wenn Sie mit komplexen Websites mit vielen Inhalten arbeiten. Kadence legt beim Erstellen atemberaubender Websites Wert auf Leistung und Funktionalität.

So verwenden Sie den WordPress-Blockeditor

Die Verwendung der WordPress-Blockeditoren kann in mehrere Schritte unterteilt werden, je nachdem, was Sie erreichen möchten. Im Folgenden führen wir die grundlegenden Schritte zum Suchen und Hinzufügen von Blöcken zu Ihrer Site durch.

1. Klicken Sie auf das Plus-Symbol und wählen Sie Ihren Blocktyp aus

Sobald Sie sich im WordPress-Blockeditor befinden, besteht Ihr erster Schritt normalerweise darin, das Plus-Symbol oben links zu finden. Wenn Sie mit dem Cursor auf einen bestimmten Teil Ihrer Website klicken, wird auf der rechten Seite ein Plus-Symbol angezeigt .

Sobald Sie auf das Plus-Symbol klicken, öffnet sich ein Menü mit verschiedenen Blockoptionen. Wie bereits erwähnt, gibt es viele verschiedene Blöcke für jeden Bedarf.

In dieser Phase müssen Sie möglicherweise nach einem bestimmten Block suchen. Wenn Sie den richtigen Block gefunden haben, klicken Sie darauf.

2. Platzieren Sie Ihren Block

Jetzt ist es an der Zeit, Ihren Block an die gewünschte Stelle auf der Seite zu verschieben. Wenn Sie das Plus-Symbol oben links verwendet haben, müssen Sie Ihren Block möglicherweise an die richtige Position verschieben.

Sie können Ihren Block verschieben, indem Sie die Aufwärts- und Abwärtspfeile im Popup-Menü des Editors verwenden (siehe unten). Eine andere Möglichkeit, einen bestimmten Block zu verschieben, wäre das Klicken und Ziehen im Editor mithilfe des „Ziehen“-Symbols, das wie eine Reihe von zwei parallel zueinander verlaufenden Punktlinien aussieht (siehe unten).

Lesen:  Anleitung zum Einbetten von Weebly

3. Passen Sie Ihren Block an

Jetzt müssen Sie nur noch den Block an das Thema oder Branding Ihrer Website anpassen. In diesem Fall können Sie einen Absatzblock anpassen, indem Sie die Textfarbe und Schriftgröße ändern.

Sie können Blöcke nicht nur über die schwebende Leiste bearbeiten, sondern auch über das rechte Menü, auch bekannt als die Registerkarten „Einstellungen“.

Sehen wir uns einige dieser Anpassungsoptionen auf der Registerkarte „Einstellungen“ an.

Jede Dropdown-Registerkarte für Einstellungen ermöglicht eine stärkere Anpassung von Themen wie Typografie, Abstände, Effekte und sogar Animation. Auf der Registerkarte „Einstellungen“ geschieht die Magie. In diesem Abschnitt des WordPress-Blockeditors werden Sie viel Zeit damit verbringen, Ihr Design bis zur Perfektion zu optimieren.

Pro-Tipp für den WordPress-Blockeditor

Behalten Sie die Listenansicht im Auge, die Sie durch Klicken auf das Listensymbol oben rechts öffnen können. Dies hilft bei der Strukturierung der Website und der Anpassung an unterschiedliche Bildschirmgrößen. Unter Responsive Design versteht man die Art und Weise, wie eine Website so gestaltet und strukturiert ist, dass sie auf die Größe einer bestimmten Bildschirmgröße reagiert.

So deaktivieren Sie WordPress-Blöcke und andere Optionen

Mit WordPress können Sie Blöcke deaktivieren, was in vielen Fällen nützlich sein kann, wie zum Beispiel:

  • Deaktivieren Sie Blöcke, die Sie nie verwenden, um Unordnung zu vermeiden.
  • Deaktivieren Sie Blöcke, um zu verhindern, dass ein Drittanbieter auf Ihrer Website bestimmte Blöcke verwendet.

Sie können den Zugriff auf bestimmte Blöcke mithilfe eines Plugins namens beschränken Gutenberg-Blöcke deaktivieren. Die Verwendung von Disable Gutenberg Blocks zum Deaktivieren von Blöcken ist sehr einfach. Im Folgenden unterteilen wir es in kurze Schritte.

  1. Laden Sie das Plugin herunter und installieren Sie es.
  2. Gehen Sie zu den Einstellungen und dann zur Option „Blockierungen deaktivieren“.
  3. Bewegen Sie den Mauszeiger über einen bestimmten Block und klicken Sie auf die Option zum Deaktivieren.

Wenn ein Block deaktiviert ist, wird er ausgegraut und zeigt seinen Status an. Und das ist alles – es ist eine sehr schnelle Möglichkeit, Blöcke zu deaktivieren.

Lesen:  Winstina Hughes – Co-Moderatorin von Women of Wor...

Das einzige Problem besteht darin, dass diese Blöcke global deaktiviert werden. Wenn Sie die Blockierung nur für bestimmte Editoren auf Ihrer Website deaktivieren möchten, verwenden Sie unbedingt ein Plugin namens Advanced Gutenberg. Das Deaktivieren von Blöcken mit Advanced Gutenberg erfordert nur etwa zwei zusätzliche Schritte: Erstellen eines Profils und entsprechendes Deaktivieren von Blöcken für jeden Benutzer.

Wenn Sie ernsthafte Probleme mit Gutenberg-Blöcken haben, machen Sie sich keine Sorgen. Es gibt auch eine Möglichkeit, es zu deaktivieren und zum klassischen WordPress-Editor zurückzukehren.

Um die Gutenburg-Blöcke zu deaktivieren, benötigen wir ein weiteres Plugin: Classic Editor Plugin. Es wurde von wichtigen WordPress-Mitwirkenden entwickelt und wird den Prozess vereinfachen. Es funktioniert automatisch nach dem Herunterladen und Installieren des Plugins.

Das Classic Editor Plugin bietet Ihnen auch die Möglichkeit, mit beiden Editor-Versionen zu arbeiten.

Gehen Sie dazu zur Einstellungsseite und dann zur Seite „Schreiben“, während Sie sich im WordPress-Adminbereich befinden. Sie sehen die Option mit der Bezeichnung „Klassische Editor-Einstellungen“. Vergessen Sie nicht, auf Speichern zu klicken.

Eine weitere Möglichkeit besteht darin, Gutenberg-Blöcke mit dem oben genannten Plugin, dem Disable Gutenburg Plugin, zu deaktivieren.

Jetzt wissen Sie

Jetzt sind Sie mit der Verwendung von WordPress-Blöcken und dem WordPress-Blockeditor bestens vertraut. Hoffentlich haben Sie eine bessere Vorstellung davon, was der WordPress-Blockeditor ist und wie Sie damit beginnen können. Steigen Sie ein und probieren Sie es selbst aus.

Und wenn Sie auf der Suche nach jemandem sind, der Ihre WordPress-Website hostet, sollten Sie das vollständig verwaltete WordPress-Hosting von Hostinger in Betracht ziehen.

Managed Hosting ist für den langfristigen Betrieb einer Website von entscheidender Bedeutung – und es erleichtert Ihnen die Arbeit. Lassen Sie Hostinger dafür sorgen, dass Ihre Website schnell, sicher und leistungsstark bleibt.

Schauen Sie sich die vollständig verwalteten WordPress-Hosting-Pläne von Hostinger an, um noch heute loszulegen.

Aktuelle Artikel:

Empfohlen