Frischer Wind – Blog Neugestaltung
Mein letztes kleines Redesign ist nun gut 2 Jahre her. Den letzten Monat habe ich genutzt, um meine Seite zu überarbeiten und neu aufzustellen. Heute möchte ich mein Ergebnis und ein paar meiner Gedanken dazu teilen.
Blog Neugestaltung mit Hindernissen
Die Blog Neugestaltung war diesmal eine echte Herausforderung für mich. Ich hatte zwar in meinem Sommerurlaub damit gestartet, allerdings fehlt mir einfach die Ruhe, mich stundenlang hinzusetzen und Webseite zu basteln. Oftmals hatte ich nur Zeit dafür, wenn meine Tochter ihren Mittagsschlaf macht. Mein Motto daher war: Eines nach dem Anderen. Anders geht’s einfach nicht.
Ich hatte auch keinen Nerv für große grafische oder farbliche Veränderungen. Ich bin meinem Header-Bild treugeblieben. Ich habe allerdings vieles so gestrickt, dass man leichter Farben und Motiv austauschen könnte – wenn ich dafür irgendwann die Muse habe.
Byebye Elementor
Seit 2021 habe ich meinen Blog mit Elementor gestaltet. Ich mag Elementor, aber ich war nie hundertprozentig zufrieden mit meiner Seite. Irgendwas hat mich immer gestört. Hier mal ein Abstand, der anders aussieht, da mal eine Schriftgröße… All die Einstellmöglichkeiten haben mich irgendwie gestresst. Ich habe also die Entscheidung getroffen, Elementor abzusägen, und einen Großteil meiner Seiten neu aufgebaut.
Ein weiterer Teil, der auch dazu beigetragen hat, sind die jährlichen Lizenzkosten. Die könnte ich nämlich gut in ein neues Theme stecken, das mir dann einen Teil der Designarbeit abnimmt.
Theme
Gesagt – getan! Ich habe also diverse Themes verglichen. Zur Auswahl standen unter anderem:
Letsblog WordPress
Optisch ist das Lets Blog WordPress Theme so ein hübsches Theme. Es trifft genau meinen Geschmack. Ich weiß aber auch, dass ein Theme nicht automatisch zur eigenen Seite passen muss, nur weil die Demo gut aussieht. Ich bin daher etwas zurückhaltend damit, Themes zu kaufen, vor allem, wenn sie $60 kosten.
Noch ist das Lets Blog Theme nicht aus dem Rennen für zukünftige Versionen meiner Seite. Vielleicht kommt es irgendwann doch noch zum Zug.
Flexblog – A Personal WordPress Blog Theme
Flexblog ist ebenfalls ein schönes Theme, es ähnelt aber doch recht stark Ashe Pro, weshalb ich mich gegen Flexblog entschieden habe.
Virtuoso – Artist WordPress Theme
Virtuoso ist ebenfalls ein wahnsinnig hübsches Theme und spricht mich sofort an. Es kommt mit WPBakery Page Builder. Hierfür besitze ich sogar bereits eine lebenslange Lizenz und hatte auch versucht, damit warm zu werden. Ich wollte mich aber nicht von dem einen Page Builder abnabeln, nur um mich direkt an den nächsten zu binden.
Der Preis von knapp $80 hat mich dann ebenfalls noch abgeschreckt. Vielleicht irgendwann mal, wer weiß …
Cheerup Theme
ch habe tatsächlich vor 9 Jahren das Cheerup Theme schon gekauft und es früher mal auf Sweet-Butterfly.de verwendet. Was mich aber abgeschreckt hat, war die Tatsache, dass es mittlerweile mit Elementor Hand in Hand geht und seit 2 Jahren kein Update mehr bekommen hat.
Ich war so überzeugt, dass Cheerup die richtige Wahl ist, dass ich die Subdomain meiner Testumgebung entsprechend dem Theme benannt habe. Haha.
Ashe Pro
Tatsächlich bin ich am Ende bei Ashe Pro gelandet. Der Preis von knapp $30 war dabei auch ein erheblicher Pluspunkt, denn Themes, die mir gefallen, liegen normalerweise eher im Bereich von $50 bis $80. Da es von Ashe auch eine kostenlose Variante gibt, konnte ich es im Vorfeld auch antesten, was bei Themes nicht selbstverständlich ist.
ChatGPT
ChatGPT war mir eine riesige Hilfe bei der Neugestaltung der Seiten und den Anpassungen, die ich für das Ashe Pro Theme machen musste. Ich habe über Stunden und Tage hinweg immer wieder Anfragen gestellt, wie man etwas in CSS umsetzen könnte, und so haben wir eine fast 1.000 Zeilen umfassende Custom-CSS-Datei zusammenbekommen. Wahrscheinlich kann man manches etwas besser zusammenfassen, aber ich bin echt stolz auf das, was da entstanden ist.
Wir haben uns auch manchmal im Kreis gedreht und waren nicht immer einer Meinung. Ich glaube, das liegt auch daran, dass ChatGPT nicht unbedingt zum Programmieren gedacht ist und manchmal Zusammenhänge nicht „bedenkt“.
Ach, und nicht zu vergessen: Ich habe wieder ein paar neue Dinge gelernt! Jemand, der sich mit CSS wirklich auskennt, wird mich jetzt vielleicht auslachen, aber ich habe dank ChatGPT die Nutzung einer globalen Farbpalette kennengelernt. Vorher habe ich einzelne Hex-Codes für Elemente verteilt, jetzt arbeite ich mit :root und vorgegebenen Farben.
Gutenberg
Den Gutenberg-Blockeditor – oder kurz Gutenberg – gibt es seit Dezember 2018. Ich kann mich noch erinnern, für was für Unsicherheit Gutenberg bei manchen gesorgt hat. Er wurde auch heiß diskutiert bei den Meetups der WordPress Gruppe in Nürnberg. Mittlweile haben wir uns wohl alle daran gewöhnt und arbeiten damit.
Ich habe den Gutenberg Editor bisher nur verwendet um Blogbeiträge zu schreiben. Jetzt mit dem neuen Theme habe ich aber gelernt, was für tolle Funktionen er noch so bereit hält. Ich konnte mit den Gutenberg-Blöcken, ein paar ausgewählten Plugins und
Plugins
Im Zuge der Blog Neugestaltung habe ich ein paar Plugins gefunden, die ich gerne hier teilen möchte:
- Better Search Replace – Sehr praktisch um einen Klon der Webseite als Spielwiese zu machen und die URLs per Knopfdruck quer durch die Datenbank auszutauschen.
- Blogroll Block – Ein Tool für Linkmanagement. Ich halte damit bewusst meine Affiliate Links getrennt von meinen sonstigen Links.
- Code Snippets – Praktisch um eigene kleine PHP Funktionen zu basteln. Meine Social Icons in der Sidebar oder im Footer sind damit gemacht, da mir der Standard, der vom Theme ausgeliefert wird, nicht ausgereicht hat.
- LightStart – Maintenance Mode, Coming Soon and Landing Page Builder
- LuckyWP Table of Contents
- Safe SVG – Erlaubt den Upload von SVG Dateien – sehr praktisch für Icons.
- Simple Lightbox – Ein einfaches Lightbox-Plugin, da ich Probleme mit der von WordPress ausgelieferten Lösung habe.
- WP Popular Posts – Sieht man in der Sidebar – mit etwas CSS lässt sich das auch hübsch machen
- WP Rollback – Rollback Plugins and Themes – ein Update eines Plugins oder Themes macht Probleme? Zurück zur vorherigen Version!
- Yoast Duplicate Post – Ein praktisches Tool zum Duplizieren von Beiträgen und Seiten.
Fazit
Ich bin jetzt erst mal wieder zufrieden mit meiner Seite und kann mich jetzt auf andere Dinge konzentrieren. Wahrscheinlich muss ich hier und da noch an ein paar Stellschrauben drehen, etwas CSS nachschieben… tatsächlich macht mir aber die endgültige Umstellung/Spiegelung meiner Testseite auf die Echtseite etwas Angst. Da kann nochmal etwas schief gehen. Wenn du das hier ließt, hat es wohl geklappt.
Jetzt muss ich nur noch meine Datenbank etwas aufräumen und nicht mehr genutzte Tabellen (z. B. von Elementor oder alten Plugins) entfernen. Man sehen, wie ich das wieder hinbekomme ohne einen Super-GAU auszulösen.
Du bist gefragt
Wie gefällt dir meine „neue“ Seite? Falls du etwas gefunden hast, wo es noch hakt, lass es mich gerne wissen.
Dich interessiert vielleicht auch...
Wochenrückblick 2022/20
Wochenrückblick 2022/21
16 Kommentare
Frank
Glückwunsch und viel Erfolg und Freude im neuen Blog.
Liebe Grüße Frank
Anne
Mh, kann es sein, dass deine Schriftart eigentlich anders ausschauen sollte? Da scheint etwas nicht geladen zu werden; ich bekomme deine Seite mit einer sehr kleinen und dementsprechend schwer zu entziffernden Serifenfont angezeigt.
Die Farbgestaltung mit dem dunklen Blau mag ich aber sehr! <3
Suzu
Oh, davon merke ich tatsächlich nichts und ich habe es an mehreren Geräten getestet. Ich habe ein Plugin, dass die Fonts lokal kostet. Opens Sans und Lora sind jetzt auch keine absoluten Ausnahmefonts. Das Themen arbeitet aber mit Pixelangaben was die Schriftgrößen angeht. Hast du eine recht hohe Auflösung so dass z. B. 15 Pixel Font-Size sehr klein aussehen?
Danke für den Hinweis. Ich werde es mal beobachten und nochmal an verschiedenen Endgeräten testen – vor allem da wo ich noch nicht auf der Seite war.
Anne
Mh, ich habe mal in der Konsole nachgeschaut – bei mir laden deine Schriftarten tatsächlich nicht, weil die von einer anderen Domain gezogen werden (cheerup.suzu-chan.de statt nur suzu-chan.de) und mein Browser das Laden von anderen Domains aus Sicherheitsgründen verweigert, Stichwort CORS. Da würde ich einfach die URL anpassen. 🙂
Suzu
cheerup.suzu-chan.de ist tatsächlich meine Testumgebung wo der Blog vorher lag, bevor ich ihn wieder auf suzu-chan.de umgebogen habe. Das ist bestimmt das Plugin „Self-Hosted Google Fonts“. Vielleicht hat das den Umzug nicht richtig mitgemacht. Ich schau mal, was ich machen kann. Danke dir!
Suzu
@Anne: Ich hab das Plugin mal deaktiviert und wieder aktiviert, außerdem den Cache geleert. Jetzt scheint auch cheerup.suzu-chan.de nicht mehr in den Sources aufzutauchen. Klappt es jetzt bei dir?
Lorenzo
Open Sans ist übrigens gut für die Barrierefreiheit geeignet. Siehe: https://leserlich.info/zeichen/schriftart.
Lorenzo
Suzu
Oh wirklich? Das trifft sich gut. Danke für den Hinweis Lorenzo! 🙂
Lorenzo
Ja, Bitteschön 🤗
Julia
Viel Spaß mit der Neugestaltung.
Sari
Ich nutze Ashe auch, aber in der kostenlosen Version. Ich finde das Theme wirklich schön! Spannend, wie unterschiedlcih das am Ende aussehen kann 🙂
Anja
Das Ashe Pro Theme nutze ich auch 😄
Ich liebe es, denn es ist so schön Vielfältig.
Wie du auch, konnte ich dank der KI, auch schon vieles schönes erstellen können 🙂
Du hast dein Theme auch schön umgesetzt 🙂
Tati
Yey! Viel Spaß bei der Neugestaltung und Entscheidung, für welches Theme du dich letztlich entscheiden wirst! ✨
Ich stimme Anne übrigens zu. Bei mir ist auch eine alternative Schriftart eingestellt. Sieht aus wie die Fallback Font Georgia oder Times New Roman…
Planungsdiva
Ich finde das Theme super und die Farbgebung gefällt mir auch sehr gut. Und mobil hat er zwei Menüs, wie cool!
Sieht sehr aufgeräumt aus, war den Aufwand auf jeden Fall wert. 🙂
Sabrina
Sehr nice, ich hatte auch ne zeit AShes als kostenlose version, ich mein aber, das war damals mal teurer, für 30€ hätte ich mir die lizens glaub ich gekauft XD
die idee mit der coustum css und ki ist auch genial, sollte ich mir merken.
Lorenzo
Darauf kannst du zurecht stolz sein. Das neue Design ist absolut toll! 😊 💪
Aber setzt du kein Caching-Plugin ein? In deiner Plugin-Auflistung war ja keins dabei.
Lorenzo