Wie verwende ich WordPress Gutenberg zur vollständigen Bearbeitung deiner Website?

Veröffentlicht: 2022-06-04

WordPress ist schon lange auf dem Markt und bringt immer noch neue Updates. Das Anpassen des Website-Erscheinungsbildes erfordert viel Potenzial und Wissen.

Hier gleicht WordPress Gutenberg den Bausteinen Ihrer Plattform. Die Leute erforschen immer noch das Tool, um das Beste herauszuholen. Dieser Editor ist zugänglicher für Personen mit weniger oder keinen Programmierkenntnissen.

Lassen Sie uns die Erkenntnisse der WordPress Gutenberg-Blöcke erkunden !

Was ist WordPress Gutenberg?

Der Codename des neuen blockbasierten Editors wird mit WordPress 5 eingeführt. Die wichtigste Änderung ist der Prozess der Inhaltsaktualisierungen. Es gibt Ihnen die Freiheit, Medientypen verschiedener Formate hinzuzufügen und das Layout innerhalb des Editors mithilfe von Blöcken zu organisieren.

WordPress hat einen großen Einfluss auf die Branche. Es beginnt, in eine strahlende Zukunft für Ihr Unternehmen einzusteigen. Gutenberg hilft dabei, sich für eine bessere Benutzererfahrung auf die Seitenvorlagen zu konzentrieren. Es ist ein großartiger Ersatz für den klassischen WordPress-Editor, der für den Standard-Inhaltseditor von Seiten und Beiträgen verwendet wird.

Sie müssen die kleinen Blöcke in verschiedenen Formen und Größen kombinieren, um die größere Struktur zu erhalten. Das bedeutet, dass ein einzelner Beitrag aus mehreren kleinen Blöcken besteht. Gutenberg ist in verschiedene Abschnitte unterteilt:

  • Text : Dies können Absätze, Listen, Zitate, Überschriften und mehr sein.
  • Medien : Dies sind Bilder, Galerien, Audiodateien, Videos und andere Medien
  • Widget : Fügen Sie WordPress-Widgets, Kategorienlisten und mehr ein
  • Design : Fügen Sie Spalten, Abstandshalter, Abschnitte, Schaltflächen und mehr hinzu
  • Einbettungen : Integrieren Sie Inhalte von Drittanbieter-Ressourcen wie Spotify, YouTube, Twitter und mehr.

Wie wirkt sich die vollständige Bearbeitung von WordPress auf Ihre Website aus?

1. Kategorien und Platzierung blockieren

Sie bilden das Gerüst der Blogseiten und Beiträge im Blockeditor. Sie können die Blöcke für Ihre Seiten, Fußzeilen, Seitenleisten und Überschriften verwenden. Sie geben Ihnen die Freiheit, durch die Blöcke zwischen Inhalt und Aussehen der Website zu wechseln.

2. Gestaltungselemente mit globalen Stilen

Diese neuen Funktionen helfen, die Stilelemente der Website zu aktualisieren. Dies können Farben, Schriftarten oder andere visuelle Elemente sein. Der Block-Editor hilft dabei, die Website-Perspektive für verschiedene Posts und Seiten zu ändern. Sie müssen WordPress-Entwickler einstellen , um mehrere Website-Elemente anzuwenden und eine großartige Benutzererfahrung aufrechtzuerhalten. Die globalen Stile werden in der Lage sein, die Elemente in großem Umfang zu steuern. Sie erhalten eine globale Oberfläche, die im Bearbeitungsmodus der Website bedient werden kann.

3. Konfigurieren der Seitenlayouts

Das Template steuert das Layout und Erscheinungsbild auf den einzelnen Seiten der WordPress-Website. Die Komponenten helfen Ihnen dabei, die Platzierung von Seitenleisten und Überschriften innerhalb des Website-Designs zu bestimmen. Das Thema enthält Vorlagen für Blog-Posts und Zielseiten.

4. Wenden Sie die Vorlagenfunktion an

Vorlagen bestimmen die Platzierung von Elementen auf der Website. Die WordPress Gutenberg-Blöcke bieten Ihnen eine hervorragende Kontrolle über das Seitenlayout des Themas und seiner Vorlagen. Es gibt Ihnen auch die Freiheit, verschiedene Themenelemente zwischen verschiedenen Zielseiten zu verwenden.

Sie können die Themenblöcke mit dem blockbasierten Vorlageneditor verwenden. Erstellen Sie benutzerdefinierte Vorlagen durch die Blöcke und steuern Sie die Benutzernavigation auf Ihrer Website und Ihren Inhalten.

Wie installiere ich die Gutenberg WordPress-Blöcke für deine Website?

Der neue Blockeditor ist ab WordPress 5.0 vorinstalliert . Die einfachste Methode, die WordPress Gutenberg-Blöcke zu installieren, ist:

  • Navigieren Sie im WordPress-Dashboard zu Plugins > Neu hinzufügen
  • Suchen Sie in der Suchleiste nach dem Stichwort WordPress Gutenberg
  • Das Plugin sollte in den Suchergebnissen sichtbar sein. Klicken Sie nun auf Jetzt installieren
  • Klicken Sie nach der Installation des WordPress Gutenberg -Plugins auf Aktivieren, um den Vorgang abzuschließen.

Was sind die Vorteile der Verwendung von WordPress Gutenberg-Blöcken?

Es gibt einige Vorteile für Entwickler, die Gutenberg verwenden:

  • Es macht den Inhaltserstellungsprozess für Anfänger einfacher und intuitiver
  • Es hilft, das Inhaltsformat genau zu betrachten und das Frontend zu verstehen
  • Vereinheitlichen Sie die Methode zur Erstellung von Inhalten, indem Sie die Notwendigkeit separater Shortcodes beseitigen
  • Stellen Sie verschiedene Auswahlmöglichkeiten bereit, um den Inhalt mithilfe einer Vielzahl von Elementen anzupassen
  • Beseitigen Sie die Notwendigkeit, ein anderes Seitenerstellungs-Plugin zu installieren
  • Es verfügt über eine Drag-and-Drop-Funktion, um die Bearbeitung und Erstellung von Inhalten zu vereinfachen.
  • Gutenberg bessere Reaktionsfähigkeit, die zur Verbesserung des Arbeitsablaufs beiträgt
  • WordPress erspart Ihnen die Installation der Page Builder-Plugins, wodurch Sie Text- und visuelle Bearbeitungswerkzeuge erhalten

WordPress-Entwicklungsdienste helfen Ihnen dabei, die besten Funktionen für Ihre Plattform freizuschalten. Die Plattform bietet nur dann viele Vorteile, wenn Sie Zugriff auf die richtigen Ressourcen und Tools haben.

Tipps zur produktiveren Nutzung von WordPress Gutenberg:

1. Verwenden Sie / , um Blöcke schnell einzufügen

Das Hinzufügen vieler Blöcke oder das manuelle Öffnen des Blockeinfügers kann kompliziert und zeitaufwändig sein. Sie beginnen, die Namen der Blöcke zu lernen, die Sie verwenden möchten. Die schnellere Methode zum Einfügen von Blöcken mit dem Schrägstrich.

Wenn Sie die Eingabetaste drücken, erscheint zunächst der neue Absatzblock. Fügen Sie diesen Block schnell ein, indem Sie den Schrägstrich eingeben, gefolgt vom Namen des Blocks, den Sie hinzufügen möchten. Es gibt eine Liste von Blöcken, die Ihren Anforderungen entsprechen.

2. Fügen Sie Bilder durch Ziehen ein

Wenn Sie zu viele Bilder benötigen, verfügen die WordPress Gutenberg-Blöcke über eine zeitsparende Funktion, um die Anforderung des Bildblocks zu eliminieren. Stattdessen ziehen Sie das Bilddateiverzeichnis von Ihrem Desktop und Speicherort, um es dem Beitrag hinzuzufügen.

3. Einfache Formatierung von Inhalten

Die Markdown-Syntax zum Aufbau von Inhalten hilft beim Umgang mit den Überschriften. So wie Sie einen Überschriftenblock mit einem H3-Tag einfügen müssen, können Sie drei Hashtags ('###') mit einer Leertaste hinzufügen. Der Editor wandelt Ihre Überschrift in ein H3 um und Sie können mit dem Inhalt fortfahren.

4. Kopieren Sie einen Block

Der Blockeditor hilft Ihnen, den Text wie jeder andere Editor zu kopieren und einzufügen. Es würde helfen, wenn Sie es tun würden:

  • Wählen Sie den Block aus
  • Klicken Sie auf das Symbol mit den drei Punkten in der Blocksymbolleiste
  • Wählen Sie Kopieren

Nachdem Sie den Block kopiert haben, fügen Sie ihn mit „Strg + V“ ein oder klicken Sie mit der rechten Maustaste und wählen Sie „Einfügen“.

5. Blocklistenansicht verwenden

Sie können auf den Editor klicken, um den Block auszuwählen. Kompliziert wird es, wenn verschachtelte Blöcke verwendet werden, wie das Einfügen der Uhren in die Gruppenblöcke oder -spalten. Das WordPress Gutenberg verfügt über eine Listenansichtsoption, die über die Symbolleiste geöffnet werden kann. Sie können die Uhr auswählen, indem Sie auf die Liste klicken, und ein Editor hebt den Block hervor, wenn Sie mit der Maus darüber fahren.

6. Ausblenden der Blöcke

Der WordPress Gutenberg-Editor fügt standardmäßig Blöcke hinzu, wo einige nicht verwendet werden. Der Editor verfügt über eine Funktion namens Block Manager, mit der nicht verwendete Blöcke deaktiviert und ausgeblendet werden können. Dies hilft, Ihre Benutzeroberfläche sauber und organisiert zu halten, basierend auf Ihrer Nutzung.

7. Fügen Sie dem Block Anker hinzu

Die dedizierte HTML-Ankerlink-Funktion hilft beim Erstellen der Sprunglinks zu bestimmten Sektoren des Inhalts. Sie müssen HTML-Anker mithilfe der manuellen Codierung im klassischen Editor hinzufügen. Bei den WordPress Gutenberg-Blöcken müssen Sie den Text in das HTML-Ankerfeld im erweiterten Bereich der Blockeinstellungen eingeben.

8. Das Third-Party-Block-Verzeichnis

Dies ist die neueste Methode, die WordPress-Benutzer bevorzugen, um die Blöcke von Drittanbietern zu installieren und zu testen. Das neue Block-Verzeichnis ist ein Abschnitt im Plugin-Verzeichnis, der einzelne Block-Plugins enthält. Es ist vom Haupt-Plugin-Verzeichnis getrennt, in dem Sie entweder die WordPress-Plugins oder die einzelnen Block-Plugins durchsuchen.

9. Vollständiger Seitenaufbau

Die WordPress Gutenberg-Blöcke haben ein neues Konzept, das als Blockmuster bekannt ist. Dies hilft beim Erstellen und Teilen vordefinierter Blocklayouts. Sie geben Ihnen wirklich die Möglichkeit, Blockeditoren zu Seitenerstellern zu machen. Die Registerkarte „Blöcke und Muster“ hilft Ihnen, zwischen diesen Optionen zu wechseln. Die integrierten Blockmuster, aber Designs und Plugins von Drittanbietern, die Ihnen helfen, verschiedene Blockmuster hinzuzufügen oder vorhandene zu entfernen.

Was sind die Verwendungen von WordPress Gutenberg-Blöcken?

1. Neue Blog-Seiten und Posts

Die Inhaltserstellung beginnt mit dem Hinzufügen einer neuen Seite und eines neuen Blogbeitrags mit dem WordPress Gutenberg-Blockeditor . Die Blogbeiträge haben ein Veröffentlichungsdatum und erscheinen in chronologischer Reihenfolge. Die Seite kann statisch sein und zeitlose Informationen wie About, Contact Pages und Privacy Policy enthalten.

2. Fügen Sie einen neuen Block hinzu

Blöcke haben Kernfunktionen der WordPress Gutenberg-Blöcke. Jeder Block verarbeitet die Elemente und erstellt benutzerdefinierte Inhaltslayouts der Beiträge. Die Absatzelemente haben Standardblöcke, was die Verarbeitung und das Hinzufügen neuer Elemente erleichtert.

3. Arbeiten mit den Blöcken

Meistern Sie WordPress Gutenberg , um das Blogging-Erlebnis zu verbessern und den Arbeitsablauf zu beschleunigen. Der Blockeditor bietet eine Symbolleiste zum Formatieren und Ausrichten. Es ist derzeit ein aktiver Block und besteht je nach Blocktyp aus verschiedenen Werkzeugen.

4. Wort- und Blockzählungen

Die Wortanzahl hilft dabei, die Anzahl der Wörter, Absätze, Zeichen und Überschriften im Auge zu behalten. Die Blockanzahl gibt Ihnen die Anzahl der Blöcke auf der Webseite an, wodurch das Layout konsistent wird. Es gibt mehrere WordPress-Supportpläne , die Ihnen helfen, das Erscheinungsbild der Website basierend auf Ihren Anforderungen zu überwachen.

Das letzte Wort!

Das Erkunden des Gutenberg-Editors kann ein ermüdender Prozess sein, und Sie könnten einige der besten Funktionen auf dem Markt verpassen. Holen Sie sich hier die besten Experten ! Wir haben das Wissen und die Erfahrung, um die Tools effizient für Ihr Unternehmen einzusetzen.