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
Bestellte Produkte aus WooCommerce in n8n als Liste formatieren
Ich habe mir in den Kopf gesetzt, WooCommerce mit n8n zu verbinden. Unter ≪Einstellug -> Erweitert -> Rest-API ≫ sind die nötigen Zugangsdaten schnell gefunden – die Verbindung ist also rasch eingerichtet. Anschliessend wollte ich, dass ich bei jeder neuen Bestellung…
Wichtige Befehle für n8n und ollama gehostet auf einem Server
Ich habe ja unter meinem Pult ein kleiner alter Computer am laufen auf dem ich Yunohost und Docker installiert habe und viele Fediverse Instanzen laufen lasse. Jetzt habe ich vor einiger Zeit n8n installiert. n8n ist eigentlich eine Automationssoftware die sehr…
Ich programmiere ein dynamisches Formular / Rechnungstool
Habt ihr euch schon mal gefragt wie man ein dynamisches Formular macht? Da gibts Elemente die man mit einem Knopfdruck nachladen kann und die Leute können so das Formular mit neuen Felder erweitern? Nun in diesem Beitrag zeige ich es euch und zwar programmieren wir…
DNS4EU – Europas eigener DNS‑Dienst
Dank dem neuen US-Präsident Donald Trump ist vielen Menschen auf der Welt aufgefallen, dass die USA kein Leuchtturm der Freiheit ist. Ich weiss bis heute nicht, warum dieses Märchen von so vielen Menschen geglaubt worden ist – für mich ist die USA schon immer der…
So stylst du Formulare mit accent-color (CSS)
Heute zeige ich euch ein kleinen CSS Befehl mit dem ihr eine Check Box, ein Radio Button und ein Slide Range eines Formular umfärben könnt. Dieser kleiner CSS Befehl kennen viele noch nicht, er er leichtert aber das Leben eines Webdesigners sehr. Video HTML <div…
Wie installiert man einen Git Server genannt Gitea mit Yunohost?
Über Git habe ich hier ja schon öfters berichtet. Ein Git Server braucht man wenn man gerade mit Codes arbeitet und eine Versionsverwaltung braucht. Ihr wisst auch, dass ich ein Kontrollfreak bin und nicht gerne fremdgehostete Dienste verwende – darum bin ich…
Bilder mit CSS abrunden
Heute habe ich ein neues Video für euch – in diesem Video zeige ich euch wie schnell und einfach mal Bilder abrunden und verformen kann und zwar ohne dass man Photoshop verwendet, sondern nur mit einfachen CSS Befehlen. Video Zuerst müsst ihr das Bild mit einer…
Animierter CSS Background
In der heutigen CSS Anleitung zeige ich euch wie man einen animierten Background erstellen kann und zwar nur mit CSS Video Anleitung Quellcode Denkt einfach daran, HTML Code in den HTML Bereich, CSS in den style.css und dann sollte es gehen 🙂 Der HTML Code <div…
So baust du einen coolen Tilt-Effekt auf deiner Webseite! (HTML & Javascript)
Es müssen nicht immer die ausgefallensten Animationen auf eine Webseite eingebaut werden, um den Aha-Effekt bei den Webseitenbesuchern auszulösen. Manchmal reicht es auch, wenn ganz kleine Animationen / Effekte eingebaut werden – wie eine Card, die sich mit der Maus…
Neues WordPress Plugin: Video Manager for Peertube
Heute möchte ich euch mein neuestes Plugin vorstellen, die Idee zu diesem Plugin hatte ich schon mehrere Jahre aber ich hatte einfach keine Geduld und Zeit es endlich umzusetzen. Das hat sich in den letzten 2 Wochen geändert. Wie ihr wisst bin ich kein grosser Fan von…
Divi Bild zu Text vertikal zentrieren
Eines der wohl bekannteste Kombinationen im Webdesign ist wenn auf der einen Seite ein Bild ist und auf der Seite daneben ein Text steht. Nun ist es ja so, dass dabei oft eines der Elemente grösser als das andere ist. Heute zeige ich euch wie ihr das kleinere Element…
Textanimation selber machen in nur wenigen Schritten!
Heute zeige ich euch wie ihr mit Javascript eine coole Text Animation erstellen könnt und dafür müsst ihr nicht mal GSAP oder sonst was installieren, sondern es ist reines Javascript. Jetzt wisst ihr also wie ihr so einen coolen Text Effekt ohne Plugin, Bilbliothek oä…