Gutentor – ein vollständiger Seitenersteller basierend auf dem Gutenberg-Blockeditor

Veröffentlicht: 2019-12-28

Nach der Einführung von Gutenberg wurde die Gestaltung von Websites in WordPress viel einfacher als zuvor. Dieser blockbasierte WordPress-Editor hat das Seitenerstellungssystem auf die nächste Stufe gehoben. Gutenberg bietet Ihnen viele Blöcke zum Spielen. Trotzdem müssen Sie die Standardblöcke manuell anpassen. Was länger dauern kann, als Sie erwarten. Hier kommt Gutentor ins Spiel.

Also, was ist Gutentor?

Gutentor ist eine Sammlung wunderschön gestalteter vorgefertigter Blöcke und Vorlagen mit vielen Anpassungsoptionen. Durch die Verwendung seiner erstaunlich gestalteten Blöcke und Vorlagen können Sie mit wenigen Klicks Seiten, Beiträge, Landingpages oder sogar ganze Websites gestalten.

Gutentor erweitert den Gutenberg-Editor um eine Vielzahl schöner Blöcke, die das Erstellen und Gestalten von Inhalten noch flexibler machen. Es wurde mit allen notwendigen Anpassungsfunktionen entwickelt, einschließlich Bild, Typografie, Farben, Blockform, Hintergrund, Animation und vielem mehr.

Was gibt's Neues?

Demo-Vorlagenbibliothek mit einem Klick für vorgefertigte Vorlagen und Blöcke
Schnelleres Designerlebnis
Komplette Webseitenbausteine mit allen notwendigen Funktionen
Extrem einfach, ohne Zeilen/Spalten hinzuzufügen, genügt das Hinzufügen von Blöcken, um eine schöne Website zu erstellen
Repeater-Feld zum Erstellen von Elementen in Blöcken mit Drag-and-Drop-Neuordnungs-, Bearbeitungs- und Löschoptionen
Hochgradig anpassbare Zeilen-/Spaltenoptionen für kreative Designer verfügbar
Erweiterte Optionen für jeden Block, einschließlich HTML-Tag, Hintergrund, Rahmen, Box-Shadow, Margin-Padding, SVG-Formteiler und integrierte Animationen
Blockvorlagenmodul auf jedem Block, Einzelblock-Mehrfachdesignvorlage
Einzelne Elemente volle Styling-Optionen
Gerätespezifische Reaktionssteuerung
Erweiterte Typografieoptionen, die alle verfügbaren Google-Schriftarten und Systemschriftarten enthalten
Videohintergrundoptionen
Inline-, interne oder externe CSS-Dateien für dynamisches CSS

Was unterscheidet Gutentor?

Gutentor ist anscheinend ein eigenständiger Blockbuilder für WordPress. Es besteht aus einigen erstaunlichen Funktionen, die es zu einem großartigen und fortschrittlichen von anderen machen. Im Folgenden sind einige seiner einzigartigen Funktionen aufgeführt:

Dynamische Spalte – Mit der dynamischen Spalte können Sie Ihrer Seite eine beliebige Anzahl von Spalten hinzufügen. Mit dieser Option können Sie flexibel die gewünschte Website erstellen. Legen Sie einfach die Spaltennummer fest, fügen Sie Elemente hinzu und passen Sie sie an.
Advanced Column – Advanced Column bietet erweiterte Anpassungsoptionen, mit denen Sie schöne Seiten erstellen können, indem Sie verschiedene grundlegende Elemente hinzufügen, die Sie mögen.
Basic Elements – Basic Elements enthält fast alle Elemente, die in den bestehenden Website-Trends verwendet werden. Sie müssen nur das bevorzugte Element in die erweiterte Spalte einfügen und entsprechend anpassen. Das Wichtigste am Basiselement ist, dass Sie die Kontrolle über die einzelnen Elemente haben.
Vorgefertigte Blöcke/Elemente – Gutentor enthält 11 Elemente, 3 Gruppen und 30 Blöcke. Das ist mehr als genug, um jede Art von Website zu erstellen.
Vorlagen – Die vorgefertigten Vorlagen sparen keine Zeit, sondern bieten Ihnen auch genügend Anpassungsmöglichkeiten.
Erweiterte Nutzung von CSS
Beeindruckende Karussell-Option für verschiedene Blöcke.
Reaktionsschnell und SEO-freundlich.
Es kommt mit einem hochwertigen Support-Service

Fertige Vorlagen-Bundle

Gutentor wird mit atemberaubenden vorgefertigten Vorlagen geliefert. Sie können die Vorlagen mit wenigen Klicks auswählen und installieren. Wählen Sie Ihre Lieblingsvorlage aus der Kategorie:

Unternehmen
Ausbildung
Medizinisch
Unternehmen
Fitness
Reisen
Agentur
Konstruktion
Mehrzweck

Diese Vorlagen können leicht an Ihre Marke und Ihre Vorlieben angepasst werden.

Erweiterte Gutentor-Blöcke

Über Block – Benutzerdefinierter Block zum Anzeigen von Beschreibung, Bild, Titel und Schaltfläche.
Akkordeon – Zusammenklappbarer Abschnitt, der Titel, Beschreibung und Schaltfläche anzeigt.
Erweiterte Spalte – Dieser Block hilft Ihnen, mehrere Spalten in Ihrer Seite oder Ihren Beiträgen zu erstellen.
Autorenprofil – Ein weiterer benutzerdefinierter Gutenberg-Block zum Anzeigen des Autorenprofils einschließlich Titel, Beschreibung, soziales Profil usw.
Blogbeitrag – Wenn Sie Bedenken haben, die Blogbeiträge innerhalb des Beitrags oder der Seite anzuzeigen, können Sie diesen Block verwenden.
Call to Action – Ein einfacher, aber leistungsstarker Block, um die Schaltfläche mit dem Link in den Abschnitt zu setzen.
Inhaltsfeld – Es ist sehr nützlich, den einfachen Titel, den Inhalt und die Schaltfläche anzuzeigen. Bild und Symbol werden hier nicht angezeigt.
Countdown – Wenn Sie wichtige Ereignisse oder Ankündigungen ankündigen möchten, wird dies einfacher.
Counter – Mit attraktiven Vorlagen hilft es, die Fakten zum Produkt darzustellen.
Teiler – Es hilft, die Abschnitte zu trennen. Sie können auch Ihr eigenes Bild als Trennzeichen hochladen.
Featured Block – Es ist ein großer Abschnitt mit Foto, Titel, Beschreibung und Schaltfläche.
Galerie – Diese Galerie ist ein sorgfältig erstellter benutzerdefinierter Block, um die Galerie auf Ihrer Seite zu erstellen.
Google Map – Es hilft, die Google Map mit Längen- und Breitengrad anzuzeigen.
Icon Box – Ein benutzerdefinierter Block zum Anzeigen des fantastischen Schriftsymbols.
Bildbox – Wenn Sie das einzelne Bild mit Titel, Beschreibung und Schaltfläche anzeigen möchten, können Sie diesen Block verwenden.
Image Slider – Ein fantastischer benutzerdefinierter Block zum Erstellen eines Sliders mit Titel, Beschreibung und Schaltfläche mit vordefinierten Vorlagen.
Öffnungszeiten – Für eine Unternehmens- und Geschäftswebsite sind benutzerdefinierte Öffnungszeitenblöcke sehr nützlich. Benutzer können diesem Block Zeit, Datum und Tag hinzufügen.
Pricing Box – Es hilft, die Funktionen und die Preise der jeweiligen Produkte anzuzeigen.
Fortschrittsbalken – Mit dem Prozentwert können Sie den Fortschritt der Dinge entweder im Kreis oder im Balkendiagramm anzeigen.
Restaurantmenü – Für die Hotel- und Restaurantwebsite ist dieser benutzerdefinierte Block sehr nützlich, um das Menü und seinen Preis anzuzeigen.
Sozial – Dies ist der benutzerdefinierte Gutenberg-Block, um soziale Symbole und Links anzuzeigen. Sie können Ihre sozialen Links ganz einfach hinzufügen.
Registerkarten – Jede Registerkarte hat unterschiedliche Inhalte. Es enthält Titel, Beschreibung und Schaltflächen. Machen Sie die erforderliche Anzahl von Registerkarten mit dem Block.
Team – Ein weiterer sehr nützlicher benutzerdefinierter Block, um die Teaminformationen auf der Website anzuzeigen.
Testimonials – Ist es nicht super cool, Kunden- oder User-Testimonials auf der Website zu zeigen? Ja, dieser Block ist dafür nützlich.
Zeitleiste – Um die Informationen zur chronologischen Reihenfolge anzuzeigen, ist ein benutzerdefinierter Zeitleistenblock erforderlich.
Video-Popup – Es hilft beim Einbetten der Videos und wenn Benutzer es anzeigen, wird es im Popup angezeigt.

Wenn Sie weitere zusätzliche Block-Plugins für Gutenberg verwenden, zum Beispiel das ZeGuten-Plugin, funktionieren diese auch mit dem Gutenberg-Editor.

Erste Schritte mit Gutentor

Das Installieren und Anpassen von Gutentor-Blöcken und -Vorlagen ist super einfach. Sie müssen den WordPress-Editor nicht verlassen. Gutentor-Blöcke und -Vorlagen befinden sich im Gutenberg-Editor. Befolgen Sie einfach die folgenden einfachen Schritte, um mit Gutentor zu beginnen.

Gutentor installieren

Suchen Sie im Plugin-Bereich nach „Gutentor“, wie in der obigen Abbildung gezeigt. Alternativ können Sie die Zip-Datei direkt aus dem WordPress-Plugin-Verzeichnis herunterladen. Aktivieren Sie nach der Installation das Plugin.

Greifen Sie auf Gutentor-Blöcke/Vorlagen zu

Sie können auf Gutentor-Blöcke im Gutenberg-Editor zugreifen. Oben auf der Seite oder dem Beitrag sehen Sie die Optionen wie "Vorlagenbibliothek", "Vorlagenexport blockieren". Aus einer Vorlagenbibliothek können Sie direkt auf den Baustein zugreifen.

In der Vorlagenbibliothek haben Sie die folgenden Optionen. Kategorien auf der linken Seite, von wo aus Sie nach verschiedenen Kategorien suchen können. Überprüfen Sie jede Blockdemo, indem Sie auf die Schaltfläche „Vorschau“ klicken oder auf „Einfügen“ klicken, um sie auf Ihrer Seite einzufügen.

Sie können jedes Element (Bild, Typografie, Farben, Schaltflächen) der Blöcke nach Ihren Wünschen anpassen. Wenn bei der Verwendung von Gutentor ein Problem auftritt, können Sie der detaillierten Dokumentation und den Video-Tutorials folgen.

Exportieren Sie Ihren Block und Ihre Vorlage

Wenn Sie dieselben Blöcke oder Vorlagen auf anderen Seiten verwenden möchten, können Sie Ihre Blöcke und Vorlagen exportieren. Klicken Sie einfach auf den „Block Template Export“ und speichern Sie ihn als JSON-Datei.

Sie können diese Datei in andere Seiten aus der Vorlagenbibliothek >Datei importieren.