Ich bin der Chefblogger
v/o Eric-Oliver Mächler
Hier findet man Tipps und Tricks rund um WordPress, Bloggen, eCommerce, Social Media
Webinare & Workshops
Ich veranstalte regelmässig Webinare und Workshops. Wer also was lernen möchte, ist hier willkommen
Youtube
Hier kommt man zu meinen Youtube Videos
Wie aktualisiert man Claude Code?
4. Juni 2026
Jedes Programm, das man auf dem Computer installiert, muss regelmässig aktualisiert werden, so auch Claude Code. Die Installation ist auf der Webseite gut beschrieben, aber was man machen muss, wenn man es updaten muss, habe ich nicht gefunden. Aus diesem Grund hier die Anleitung, was man machen muss. Zuerst kontrolliert […] Zum Artikel
Der schüchterne Button (HTML, CSS und Javascript)
3. Juni 2026
Wenn ihr mal eure Webseiten-Besucher ein wenig ärgern wollt, dann habe ich jetzt was Geniales für euch. Stellt euch vor, ihr habt ein Formular oder einen Button auf eurer Webseite. Wenn ihr nun mit dem Mauszeiger in die Nähe dieses Buttons kommt, dann verschiebt sich der Button und immer wenn […] Zum Artikel
Instagram Divi 5 Modul mit Feed verbinden
1. Juni 2026
Ihr habt sicher das neueste Modul in Divi 5 bereits entdeckt, und zwar ist es ein Instagram-Modul. Mit diesem Modul könnt ihr also sehr einfach eure Instagram-Bilder direkt in eure Webseite einbauen. Ihr braucht nur das Instagram-Token und euren Instagram-Namen. Heute zeige ich euch, wie ihr so einen Token generieren […] Zum Artikel
ZEN Browser – Der Chrome Killer oder nur ein weiterer Browser?
31. Mai 2026
Ich höre jetzt seit mehreren Monaten immer wieder von diesem neuen Browser namens ZEN Browser. Überall wird erzählt, dass das der nächste Browser sei und sogar der Chrome-Killer sein soll. Ich bin seit Längerem wieder auf der Suche nach einem neuen Browser – bis vor so 2 Jahren habe ich […] Zum Artikel
Animierter Lavalampen Background (HTML & CSS)
28. Mai 2026
Wer wie ich schon ein wenig älter ist, der kennt die Lawalampen. Heute möchte ich euch zeigen wie ihr einen Lavalampen-Effekt als Hintergrund für eure Webseite programmieren könnt. Wie immer könnt ihr die Scripte auch noch selbst anpassen. Video HTML CSS :root { –bg-dark: #0a0a12; –neon-cyan: #00f5ff; –neon-magenta: #ff00ff; –neon-purple: […] Zum Artikel
Lasst uns einen Kredit / Zinsrechner programmieren (HTML & CSS & Javascript)
Heute machen wir mal wieder was ganz spannendes und zwar wir bauen ein Kredit / Zinsrechner. Wir bauen also ein Formular mit HTML, dort können wir dann die Kredithöhe, den Zinssatz und die Laufzeit eingeben und zack er brechnet euch dann sofor wie hoch eure…
Admin freigabe erteilen – Nach der Neuinstallation von Mastodon auf einem Yunohost Server
Vorhin ging schief was nur schief gehen kann und zwar ist bei einem Mastodon Update irgendwas in die Hose gegangen und somit war meine Instanz kaputt. Ich musste sie komplett deinstallieren und neu installieren. Ja sowas kanns geben… Nachdem ich dann die…
Wie installiert man einen Mailserver / Roundcube mit Yunohost?
Wie ihr wisst bin ich ein Fan von Yunohost – mit diesem Tool kann man nämlich sehr einfach Apps also Programme installieren. Ich verwende es vorallem auf meinem Raspberry Pi 4 – und so muss ich da mich nicht mit Domainmapping, Proxy Server oder nginx…
Countdown: Wie viele Tage sind es noch bis Weihnachten? HTML & CSS & Javascript
Der Sommer der neigt sich dem Ende zu und in den Läden weihnachtet es bereits. Damit ihr Weihnachten nicht vergesst und immer wisst wie viele Tage es noch bis Weihnachten sind – bauen wir heute einen kleinen Rechner. Dieser Rechner sagt uns immer genau wie lange…
WooCommerce Marketing: Wie oft wurde ein Produkt gekauft?
Vor einiger Zeit habe ich euch einen kleinen Marketing Trick gezeigt wie man bei seinen Webshop Kunden ein wenig das FOMO auslösen kann (WooCommerce Marketing: So viele Käufer schauen sich das Produkt gerade an). Dieser Trick ist ein wenig Grenzwertig im DSGVO Bereich…
Webdesign Idee – Team Seite – mit HTML und CSS
Eine der wichtigsten Seiten einer Webseite ist die sogenannte ≪About Us≫ Seite – die Kunden möchten nämlich wissen wer hinter der Webseite / Firma / Produkt steht und wer hier nicht vorsichtig ist verliert schnell an Kunden. Aus diesem Grund sollte man sich…
Lasst uns ein Passwort Generator mit HTML und Javascript programmieren
Heute programmieren wir mal wieder was sehr nützliches und zwar einen Passwort Generator. Wir brauchen immer wieder Passwörter und mit dieser Webseite könnt ihr jederzeit ein neues Passwort generieren lassen – ihr könnt hier auch gleich selbst einstellen wie…
Bye Bye Chrome – Hello Firefox – Die Zeit der Adblocker läuft ab
Leider habe ich heute schlechte News für alle die mit einem Adblocker unterwegs sind. Und zwar habt ihr sicher alle mitbekommen, dass Google in ziemlich grosses Update gefahren ist und bei seinem Browser neu auf Manifest V3 setzt. Mit diesem Manifest V3 erlaubt sich…
3D Layer Button inkls Animation mit CSS erstellen
Heute möchte ich euch mal einen etwas aufwändigerene Button Stil zeigen und zwar kann man ihn auch als 3D erstellen. Ja der Button wir hier nicht nur perspektifisch transformiert sondern auch noch in Scheiben geschnitten und dann angezeigt. Wenn man dann mit der Maus…
WooCommerce Marketing: So viele Käufer schauen sich das Produkt gerade an
Ihr habt das sicher schon in anderen Online Shops gesehen – da besucht man den Shop und irgendwo sieht man das xxx Besucher gerade das Produkt anschauen. Dies ist ein bekannter Marketing Trick um ein klein wenig Druck auf den Kunde auszuüben – ja man…
Responsive Fullscreen Video Background (auch für DIVI und Elementor geeignet)
Es gibt eine Webdesign Technologie die ich LIEBE und zwar die Möglichkeit ein Video als Hintergrund einzubauen. Damit kann man nämlich eine Firma / Produkt sofort schön darstellen – Bilder sagen mehr als tausend Worte. Leider ist es nicht so einfach eine saubere…
4 Lösungswege wie man ein Element mit CSS zentrieren kann
Wenn man eine Webseite programmiert, dann muss man immer wieder Dinge einmitten. Meistens sind diese Element ein Child-Element eines Parent / Eltern Elements. Wie in diesem Beispiel. <div class="container"> <div class="inhalt">…