GeneratePress Erfahrungen: Warum ich meinen Blog umgestaltet habe (mit einer Liste der behobenen Probleme)

Die Verwendung schlechter Themes hat mich eine lange Zeit verfolgt.

Mit GeneratePress hat dieses Problem endlich erledigt.

Es ist das schnellste WordPress-Theme, dass ich bisher verwendet habe.

Jetzt verwende ich es für alle Projekte. Mein erstes Theme war von ThemeForest, das von einem unabhängigen Entwickler erstellt wurde, der sein Theme aufgegeben hat. Das nächste war das Outreach Pro-Theme im Genesis-Framework (eigentlich keine Beschwerden). Dann war ich davon überzeugt, es mit Elementor „aufzupeppen“, was ich hätte besser wissen sollen und die meisten Probleme verursachte, mit denen ich konfrontiert wurde. Ich engagierte Hilfe, um das Thema zu Gutenberg mit ACF und einige benutzerdefinierte Code, der meine Website schneller gemacht, aber links mich mit einer Liste von Problemen zu konvertieren.

Ich hatte immer noch ein mittelmäßiges Design, keine Vorlagen zum Erstellen von Blöcken/Seiten (sogar das Bearbeiten der Website schien unmöglich), zu viel CSS von Tabellen-/Galerie-Plugins und eine sehr aufgeblähte zusätzliche CSS-Datei. Die Neugestaltung meines Blogs mit diesem Thema schien unmöglich, ohne jemanden zu bezahlen. Als ich einen Entwickler bezahlen musste, um ein einziges Bild zu meiner Homepage hinzuzufügen, wusste ich, dass ich weitermachen musste.

GeneratePress hat bisher jedes Problem gelöst, umso mehr, als Gutenberg und GenerateBlocks integrierte Tabellen und Galerien haben, sodass ich keine Plugins verwenden muss. Ich kann so ziemlich alles bearbeiten und habe meine Blockvorlagen. Es ist zwar noch früh und ich schreibe diesen GeneratePress-Bericht auf einer Staging-Site, aber bisher bin ich begeistert und endlich motiviert, all die Probleme meines alten Blogs zu beheben. Ich habe viel zu lange gebraucht, um auf einen Block-Editor umzusteigen. Ich muss aufholen, aber ich bin hier.

1. Probleme mit meinem alten Blog

Ich war von meinem alten Blog aus mehreren Gründen frustriert:

• Beschränkungen – wenn man nicht in der Lage ist, Dinge auf seiner Website zu ändern, ohne seinen Entwickler anzurufen, wird es teuer und zeitaufwändig. Ich dachte nicht, dass dies ein Problem sein würde, da alle meine Seiten im Genesis Framework individuell kodiert waren. Aber um Ihnen eine Vorstellung davon zu geben, brauchte mein Entwickler etwas mehr als 30 Minuten, nur um ein einziges Bild zu einer Seite hinzuzufügen.
• Keine Vorlagen – es gab keine Designvorlagen, und wenn es welche gab, wusste ich nicht, wie man sie benutzt. Außerdem hielt ich am klassischen Editor fest und wollte mich nicht umstellen.
• Schlechtes Design – die Neugestaltung meiner Website mit Elementor war ein großer Rückschritt, nicht nur in Bezug auf die Geschwindigkeit, sondern auch auf das Design. Schriftarten, Layouts, Farben, Branding… es war viel schlechter als vorher.
• Hervorgehobene Bilder – In meinem alten Blog habe ich nie Kategorieseiten verwendet, also habe ich eine ganze Woche damit verbracht, in Canva die „Hauptbilder“ für alle 220 meiner Beiträge zu erstellen (oder neu zu gestalten): Hervorgehobene Bilder, Bilder für den oberen Beitrag, Facebook/Twitter og:images. Bei den meisten (außer bei Twitter) habe ich das gleiche Verhältnis wie bei Facebooks og:image (1200×630) gewählt, damit sie leicht in der Größe verändert werden können und Zeit sparen.
• Navigation – da dies ein Blog ist, macht es Sinn, Kategorieseiten zu haben, anstatt das Navigationsmenü mit langen Dropdowns von Beiträgen wie in meinem alten Blog manuell zu erstellen.
• Bloat – Ich habe eine große Verbesserung gesehen, nachdem ich von Elementor zu Gutenberg gewechselt habe. Aber selbst dann verwendete der alte Blog 2 Schriftarten und jede Menge CSS von NinjaTables, Galleries und eine riesige zusätzliche CSS-Datei. Die neue Website verwendet 1 Schriftart und leichtgewichtige Gutenberg-Tabellen/Galerien.
• Händchenhaltend – Abdouc (mein Entwickler) und ich sind ständig im Google-Chat, während wir die Website erstellen. Es hat schon etwas für sich, jemanden zu finden, der nicht nur gut kommunizieren kann, sondern einen auch fast immer in die richtige Richtung lenkt. Die meisten meiner früheren Entwickler hatten entweder Probleme mit der Kommunikation oder haben nicht verstanden, was ich wollte.

2. Starter Template

Die GeneratePress Starter Templates waren schon immer auf meinem Radar, aber ich habe nie ein Template gesehen, das wirklich meine Aufmerksamkeit erregt hat, bis sie das „Search“ Starter Template veröffentlicht haben.

Zur gleichen Zeit sah ich, wie Anil Agarwal von BloggersPassion seine Seite umgestaltete, die wie das Search-Theme aussah. Natürlich wollte ich seine Seite nicht kopieren, aber es gab mir Motivation und Inspiration.

Astra Starter Templates mit Gutenberg und das Kadence Theme waren auch auf meinem Radar, aber ich entschied mich für GeneratePress, nachdem ich GenerateBlocks gesehen hatte, das perfekt zu meinen Bedürfnissen zu passen scheint. Also installierte ich das Search Template auf einer Staging-Site und Pronaya und begann mit dem Hauptdesign.

Anweisungen für die Starter-Vorlage

• Kaufen Sie GeneratePress und laden Sie das GP-Premium-Plugin herunter.
• Laden Sie das GP-Premium-Plugin in WordPress hoch.
• Gehen Sie zu Erscheinungsbild → Themes → Neu hinzufügen.
• Suchen Sie „GeneratePress“ und installieren Sie das Thema.
• Gehen Sie zu Erscheinungsbild → GeneratePress.
• Fügen Sie Ihren Lizenzschlüssel hinzu und aktivieren Sie das Modul „Site Library“.
• Sobald es aktiviert ist, sehen Sie einen neuen Reiter „Site Library“ in Ihrem Menü.
• Wählen Sie eine Startvorlage, importieren Sie sie und beginnen Sie mit der Anpassung Ihrer Website.

3. GenerateBlocks

GenerateBlocks war ein wichtiger Bestandteil bei der Neugestaltung meines Blogs (siehe Demos hier).

Es ist einfach, leichtgewichtig und hat viele Elemente/Layouts, die meinen Bedürfnissen entsprechen. Zum Beispiel verwendet meine gesamte Homepage eine Infobox-Vorlage, um meine beliebten Tutorials vorzustellen. Die Vorlagen für Hover-Boxen, Helden und Call-to-Action sind ebenfalls sehr schön. Es füllt Dinge aus, die GeneratePress fehlten.

GenerateBlocks hat die folgenden Vorlagen:

• Schaltfläche
• Aufruf zum Handeln
• Kontakt
• Inhalt
• Fußzeile
• Überschrift
• Held
• Hover-Boxen
• Info-Boxen
• Logos
• Preistabellen
• Icons für soziale Medien
• Tabelle
• Mannschaft
• Testimonial
• Drahtgitter

4. Plugins mit Gutenberg-Blöcken reduzieren

NinjaTables und mein Galerie-Plugin haben viel CSS hinzugefügt.

Da ich den klassischen Editor verwendet habe, bedeutet dies, dass ich alle Tabellen/Galerien (sowie alle 220 meiner Beiträge) auf Gutenberg umstellen musste. Ich habe mir das Plugin Bulk Block Converter angeschaut, aber es hat schreckliche Bewertungen und funktioniert für viele Leute nicht. Es ist eine Menge manuelle Arbeit und ich werde wahrscheinlich etwas davon nach dem Start tun, aber es ist etwas, das definitiv die Geschwindigkeit verbessern wird. Das größte Hindernis für meine Webvitalität ist CSS, also freue ich mich darauf, Plugins durch Gutenberg-Blöcke zu ersetzen.

Vielleicht kennst du ein Tool oder Plugin, das meine Beiträge, Tabellen und Galerien automatisch in Gutenberg konvertieren kann, wenn du das hier liest. Aber im Moment plane ich, all diese Arbeit manuell zu erledigen.

5. Wiederverwendbare Blöcke ersparen mir Zeit

Wenn Sie schon mit Gutenberg gearbeitet haben, kennen Sie wahrscheinlich wiederverwendbare Blöcke, aber für mich ist das neu.

Ich liebe die Möglichkeit, Blöcke zu speichern und sie an anderer Stelle zu verwenden. Ich habe dies bereits für die Gestaltung von Infoboxen auf meiner Homepage genutzt und plane, es auch für die Konvertierung von Tabellen/Galerien zu verwenden. Im Classic Editor gab es so etwas meines Wissens nicht, und es hat mir schon eine Menge Zeit gespart.

6. Bessere Kompatibilität als der klassische Editor

Nennt mich altmodisch, aber ich liebte meinen Classic Editor.

Allerdings stieß ich immer wieder auf Kompatibilitätsprobleme. Rank Math unterstützt das HowTo-Schema, das ich häufig verwende, aber man kann die HowTo-Schritte im klassischen Editor nicht neu anordnen. Jedes Mal, wenn ich einen Beitrag aktualisierte und die Schritte neu angeordnet wurden, musste ich das HowTo-Schema manuell in die neue Reihenfolge kopieren/einfügen. Das ist nur ein Beispiel, aber allein das war schon sehr zeitaufwändig. Selbst wenn es grundlegende Dinge wie Galerien/Tabellen unterstützte, waren die Anpassungsmöglichkeiten sehr begrenzt.

Ich habe lange Zeit versucht, den klassischen Editor beizubehalten und benutze ihn immer noch, um die meisten Beiträge zu verfassen, aber die fehlende Unterstützung selbst für grundlegende Dinge drängt mich immer mehr in Richtung Gutenberg. Es scheint, dass sowohl WordPress als auch viele Plugin-Entwickler es komplett im Stich lassen.

7. Module

GeneratePress-Module erweitern die Design-Einstellungen auf Ihrer Seite.

Die meisten von ihnen sollten aktiviert sein, aber Sie sollten Module, die Sie nicht verwenden, deaktivieren. Alle Beschreibungen, was sie tun, sind im Bild gezeigt, so können Sie durch sie zu lesen, wenn Sie möchten.

8. Elemente

Weist bestimmten Seiten Elemente zu und schließt sie von anderen aus.

Meine Kategorieseiten verwenden zum Beispiel ein dreispaltiges Layout mit Bildern (keine Seitenleiste) und unterscheiden sich von meinen anderen Seiten/Beiträgen. Sie können dies mit Überschriften, Layouts, Blöcken oder Hooks tun.

In diesem Video von Portable Entrepreneur wird die Funktionsweise der Elemente sehr gut erklärt:

9. Theme Customizer

Ich werde kein ganzes Tutorial über den Theme Customizer machen, aber Sie werden ihn ziemlich oft benutzen, um Ihre Website zu gestalten. Von der Identität der Website bis hin zu Schriftarten, Farben, Menüs und Widgets. Vergewissern Sie sich nur, dass die dynamische CSS-Druckmethode auf „Externe Datei“ eingestellt ist, um die Leistung zu steigern (was standardmäßig der Fall sein sollte). Ich habe auch einige Dinge in meinem zusätzlichen CSS, hauptsächlich zur Gestaltung des Inhaltsverzeichnisses in meinen Beiträgen. Fügen Sie nur nicht zu viel zusätzliches CSS hinzu, sonst kann es Ihnen wie mir ergehen und Sie erhalten Fehler in den zentralen Webvitalen. „Ungenutztes CSS“ in Cache-Plugins zu entfernen, bringt nur bedingt etwas.

10. Schnell und leichtgewichtig

GeneratePress und Kadence waren schon immer einige der schnellsten Themes. Ich werde ein Vorher/Nachher GTmetrix Wasserfall-Diagramm posten, sobald ich gestartet, aber meine Homepage ist größer noch die Hälfte der Größe und ich habe nicht einmal ein Cache-Plugin/CDN mit Drittanbieter-Google Fonts installiert.

11. GeneratePress Kostenlos vs. Premium

Sie benötigen GeneratePress Premium für:

• Starter-Vorlagen
• Module
• Elemente

Ich habe die lebenslange Lizenz gekauft, weil ich vorhabe, bis auf Weiteres bei GeneratePress zu bleiben. $249 ist viel billiger im Vergleich zu den lebenslangen Angebote von Astra ($599) oder Kadence ($649) angeboten.

12. Gut gewartet mit Dokumentation

Die Arbeit mit GeneratePress ist einfach und ich muss nur selten auf die Dokumentation zurückgreifen.

13. Fazit: Ich bin sehr zufrieden mit meinem neuen Blog

Ich freue mich darauf, mehr Zeit auf den Inhalt zu verwenden und weniger Zeit mit der Behebung von Problemen zu verbringen, wie es bei meinem alten Blog der Fall war. Und dass ich Dinge gestalten/ändern kann, die ich vorher nicht konnte.

Es ist mir völlig egal, ob ich ein benutzerdefiniertes Thema anstelle einer Starter-Vorlage verwende. Ich brauche einfach etwas, das schnell und einfach ist und funktioniert. Ich habe gemerkt, dass die Leute sich mehr für meinen Inhalt interessieren (und definitiv für die Geschwindigkeit der Seite) als für irgendwelche ausgefallenen Designs. GeneratePress hat meine Erwartungen auf jeden Fall übertroffen und ich konnte in nur wenigen Tagen einsteigen und die Grundlagen erlernen.

Wenn Sie Elementor, Divi oder einen anderen langsamen Page Builder verwenden, sollten Sie sich GeneratePress oder Kadence ansehen. Oxygen Builder ist ebenfalls sehr beliebt, erfordert aber definitiv eine größere Lernkurve.

P.s. Sie können mir gerne Ihr Feedback zu meiner neuen Website mitteilen – ich bin ganz Ohr.

Zum Wohl,
Euer Joe