Lukas G.
Suchen Sie nach zusätzlichen Anpassungsmöglichkeiten für den Gutenberg-Editor? Wenn ja, müssen Sie das Plugin Gutenberg Template Library & Redux Framework ausprobieren. Es werden über 1000 Vorlagen hinzugefügt, mit denen Sie in Sekundenschnelle benutzerdefinierte Seiten erstellen können.
Für die Verwendung einiger Framework-Vorlagen sind zusätzliche Plugins erforderlich. Sie können jedoch alles, was Sie benötigen, direkt im Gutenberg-Editor installieren. Und wenn Sie kein Fan davon sind, weitere Plugins hinzuzufügen, können Sie die Vorlagen filtern, um diejenigen zu sehen, die Sie verwenden können, ohne sie hinzuzufügen.
Heute zeige ich Ihnen, wie Sie mit dem Redux Framework-Plugin weitere Anpassungsmöglichkeiten in WordPress hinzufügen.
Mehr Individualisierung ist immer eine gute Sache
Das Redux-Framework ist zweifellos eine der besten Editor-Erweiterungen, die WordPress zu bieten hat. Die einzige Konkurrenz sind vollwertige Page-Builder-Plugins wie Elementor.
Deshalb gibt es auch über eine Million aktive Installationen.
Sie fragen sich vielleicht, ob dieses Plugin mit Ihrem Theme kompatibel ist. Keine Angst, wenn das Plugin nicht vorhanden ist, können Sie die Option für benutzerdefinierte Seitenvorlagen verwenden. Auf diese Weise können Sie jedes Thema überschreiben und Ihre eigenen benutzerdefinierten Seiten erstellen, um sicherzustellen, dass Sie jede Vorlage nutzen können.
In dieser Funktion ähnelt es einem Seitenersteller. Es zeichnet sich durch ein klares Code-Design aus und Sie können es anhand der vom Plugin bereitgestellten Dokumentation überprüfen.
So verbessern Sie die Anpassung in WordPress mit Redux Framework
Schritt 1: Installieren Sie das Redux Framework
Redux-Framework ist eine Vorlagenbibliothek für den Gutenberg-Editor. Alles kann direkt im Gutenberg-Editor erledigt werden, einschließlich des Hinzufügens von Seitenvorlagen, deren Vorschau auf Demoseiten, der Installation zusätzlicher Plugins bei Bedarf und mehr.
Es ist vergleichbar mit einem Page-Builder-Plugin, bietet jedoch weitaus mehr gebrauchsfertige Vorlagen als jedes andere Tool in WordPress.
Klicken wir zunächst auf „Plugins“ und wählen Sie im linken Admin-Bereich die Option „Neu hinzufügen“.
Suchen Sie im verfügbaren Suchfeld nach Redux Framework. Dadurch werden zusätzliche Plugins aufgerufen, die für Sie hilfreich sein könnten.
Scrollen Sie nach unten, bis Sie das Redux Framework-Plugin finden, klicken Sie auf die Schaltfläche „Jetzt installieren“ und aktivieren Sie das Plugin zur Verwendung.
Sobald das Plugin aktiviert ist, ist es einsatzbereit. Es gibt zwar eine Einstellungsseite, die einzige verfügbare Option besteht jedoch darin, ältere Vorlagen zu aktivieren. Sie können dies tun, aber da sie älter sind, sind sie nicht auf die gleiche Weise codiert und weisen daher möglicherweise nicht die gleiche Leistung wie neue auf.
Dies könnte zu Kompatibilitätsproblemen in WordPress führen.
Schritt 2: Muster
Gehen Sie zu einem beliebigen Beitrag oder einer Seite auf WordPress. Ich würde empfehlen, zu Testzwecken ein neues zu starten, bevor Sie es auf einer Live-Seite ausprobieren.
Es ist zwar nicht schwer, aber Sie sollten ein Gefühl dafür bekommen, wie alles funktioniert, damit Sie die besten Ergebnisse erzielen.
Klicken Sie dort auf die Schaltfläche „Bibliothek“.
Die Bibliothek ist in zwei Registerkarten unterteilt: Muster und Seitenvorlagen. Beginnen wir mit Mustern.
Ein Muster ist Teil einer Seitenvorlage, die Sie an einer beliebigen Stelle in einem Beitrag oder einer Seite hinzufügen können. Sie könnten beispielsweise ein Kontaktmuster hinzufügen, das Ihnen die Möglichkeit gibt, Kontaktinformationen und Öffnungszeiten hinzuzufügen.
Das Plugin bietet Ihnen zwei Filteroptionen. Die erste besteht darin, eine Kategorie auszuwählen. Sie haben alle wichtigen Angebote wie Einzelhandel, Hochzeiten, Bildung und mehr. Viele dieser Kategorien verfügen auch über Unterkategorien, um Ihnen noch mehr Optionen zu bieten.
Wählen Sie grundsätzlich die Kategorie aus, unter die Ihre Website fällt.
Wenn Unterkategorien vorhanden sind, werden diese angezeigt, nachdem Sie auf die Kategorie geklickt haben. Wählen Sie ggf. eine aus.
Notiz: Die Kategorie bestimmt das Design Ihres Musters. Es kann vorkommen, dass eine andere Kategorie besser zu Ihnen passt. Scheuen Sie sich also nicht, sich umzusehen.
Jetzt müssen Sie nur noch ein Muster auswählen, das Sie verwenden möchten. Diese sind in eigene Kategorien wie Erfahrungsberichte, Logo, Galerie usw. unterteilt. Sie müssen nur auf eine davon klicken, um die verfügbaren Optionen anzuzeigen.
Auf der rechten Seite sehen Sie alle Optionen, die Sie ändern können. Klicken Sie auf diejenige, die Sie hinzufügen möchten. Dadurch wird ein Beispiel zum Ansehen und ein Link zu einer Demo-Site geöffnet, auf der es verwendet wird.
Klicken Sie auf die Schaltfläche „Muster hinzufügen“.
Es erscheint ein kleines Popup-Fenster, in dem Sie aufgefordert werden, E-Mail-Updates zu abonnieren. Sie können es gerne überspringen oder akzeptieren, es hat keine Auswirkungen auf das Plugin.
Schritt 3: Passen Sie das Muster an
Sobald Sie Ihr Muster zu Gutenberg hinzugefügt haben, können Sie es wie jeden anderen Block anpassen. Was Sie nun tun können, um es anzupassen, hängt weitgehend vom Muster selbst ab.
Jedes ist einzigartig und Sie müssen nur darauf klicken, um mit der Bearbeitung zu beginnen.
Ich habe ein Galeriemuster ausgewählt, damit ich auf die Stockfotos klicken und sie durch meine eigenen ersetzen kann.
Da sich dies nicht von der Bearbeitung eines normalen Blocks unterscheidet, überlasse ich diesen Teil Ihnen. Aber ich versichere Ihnen, dass alles an dem Muster anpassbar ist.
Schritt 4: Seitenvorlagen
Die gute Nachricht ist, dass Seitenvorlagen genauso funktionieren wie Muster, der Unterschied besteht jedoch darin, dass es sich um die vollständige Vorlage und nicht um ein einzelnes Teil handelt.
Klicken Sie auf die Registerkarte Seitenvorlagen.
Auch hier stehen Ihnen zwei Filteroptionen zur Verfügung: Kategorien und Seitentypen. Diese funktionieren identisch mit den Mustern; Wählen Sie einfach eine Kategorie aus, in die Ihre Website passt, und wählen Sie dann den Seitentyp aus.
Allerdings stehen hier Seiten und nicht Muster zur Auswahl.
Klicken Sie auf die Vorlage, die Sie verwenden möchten.
Sie können eine Vorschau der Vorlage anzeigen und sogar eine Demo-Site anzeigen, auf der sie verwendet wird. Wenn Sie es verwenden möchten, klicken Sie auf die Schaltfläche „Vorlage hinzufügen“. Wenn nicht, suchen Sie weiter.
Auch hier werden Sie aufgefordert, sich per E-Mail anzumelden. Sie können jederzeit zustimmen oder nicht. Beachten Sie jedoch, dass dies jedes Mal erforderlich ist, wenn Sie eine Vorlage oder ein Muster hinzufügen.
Die Vorlage wird als eine Reihe von Blöcken im WordPress-Editor angezeigt. Jeder einzelne kann ähnlich wie jeder andere Block in Gutenberg bearbeitet werden. Jetzt müssen Sie also nur noch den Bearbeitungsprozess durchlaufen, den ich Ihnen überlasse.
Beachten Sie jedoch, dass Sie Blöcke in der Vorlage entfernen und stattdessen durch Muster ersetzen können, die Ihnen gefallen. Oder entfernen Sie sie einfach vollständig, ohne sie zu ersetzen.
Sie haben wirklich die volle Kontrolle darüber, was Sie entwerfen.
Herzlichen Glückwunsch zur Verwendung des Redux Framework-Plugins, um dem Gutenberg-Editor weitere Optionen hinzuzufügen.
Erstellen Sie die Seiten, die Sie erstellen möchten
Bei der Webentwicklung geht es darum, die Möglichkeiten der Plattform auf kreative Weise zu nutzen. Im Fall von WordPress haben Sie die völlige Freiheit, eine Website nach Ihren Wünschen zu erstellen. Und das Redux Framework-Plugin ist das perfekte Beispiel dafür.
Damit können Sie Vorlagen als Ausgangspunkt nutzen und diese entsprechend bearbeiten. Sie können Teile einer Vorlage durch ein bestimmtes Muster ersetzen oder alternativ Ihre eigene Vorlage erstellen, indem Sie verschiedene Muster zusammenstellen.
Der Punkt ist, dass Sie in WordPress die volle kreative Freiheit haben und diese nutzen sollten.
Haben Sie Ihre eigene Vorlage mit Mustern erstellt oder eine vorhandene Vorlage bearbeitet? Mussten Sie zusätzliche Plugins herunterladen, um die Vorlage Ihrer Wahl zu verwenden?
