Mobirise ist ein fantastischer Drag-and-Drop-Baukasten – aber wer schon mal an seine Grenzen gestoßen ist, kennt das Gefühl: Man wünscht sich einen Block, den es einfach nicht gibt. Login-Bereich? Dynamische Galerie? Slider den man online befüllen kann? Fehlanzeige. Ich habe das geändert.
Die Idee war simpel: Mobirise erlaubt es, eigene Erweiterungen als .mbrext-Dateien zu installieren. Diese ZIP-Archive enthalten HTML-Templates, LESS-Styles, ein bisschen JavaScript – und optional ein PHP-Backend das beim Publishen automatisch auf den Server kopiert wird. Das klingt trocken, öffnet aber eine Welt voller Möglichkeiten.
Zusammen mit Claude (Anthropic's KI) habe ich über mehrere Sessions hinweg ein ganzes Ökosystem eigener Blöcke entwickelt. Das Ergebnis: über ein Dutzend voll funktionsfähige Mobirise-Extensions – von simplen Besucherzählern bis hin zu kompletten Login-Systemen mit Admin-Panel.
„Kein fremder Dienst, keine monatlichen Gebühren, keine Datenweitergabe – alles läuft auf deinem eigenen Server."
Jeder Block folgt dem gleichen Prinzip: ziehen, einstellen, publishen – fertig. Das PHP-Backend kümmert sich um den Rest.
Der Trick liegt im plugin.json einer Extension. Dort lässt sich eine PHP-Datei definieren, die Mobirise beim Publishen automatisch in den assets/-Ordner auf dem Server kopiert. Die Seite selbst bleibt statisches HTML – das PHP läuft nur im Hintergrund wenn ein Besucher etwas tut.
Für den VN Dynamic Slider zum Beispiel: Die HTML-Seite lädt beim Aufruf via JavaScript die Slides aus assets/vn-header/header.php. Das PHP gibt ein JSON zurück mit Bildpfaden, Titeln und Texten. Will man neue Slides hinzufügen, drückt man einfach Strg+Doppelklick auf den Slider – ein Admin-Panel öffnet sich, Bild hochladen, Text eingeben, fertig. Kein erneutes Publishen nötig.
Alle Blöcke mit Login nutzen moderne Best Practices:
bcrypt gehasht – niemals im Klartext gespeichertsession_regenerate_id(true) nach jedem Login gegen Session-Fixationassets/config/ mit .htaccess Deny from allLOCK_EX beim Schreiben gegen Race-Conditions
Der Weg war nicht ohne Tücken. Mobirise's LESS-Compiler ist eigenwillig: aspect-ratio crasht ihn, verschachtelte Selektoren mit &:hover machen Blöcke un-ziehbar, und rgba(0,0,0,var(--farbe)) versteht er schlicht nicht – weil er rgba() als eigene LESS-Funktion behandelt statt als CSS.
Die größte Falle: leere src=""-Attribute. Mobirise hängt bei jedem src-Attribut – egal ob leer oder befüllt – den lokalen Addon-Pfad davor. Die Lösung: Bilder die per JavaScript gesetzt werden, bekommen kein src-Attribut im HTML. Das Script setzt img.src erst zur Laufzeit.
„Manchmal ist die einfachste Lösung die beste – und manchmal braucht es zwanzig Versionen bis man sie findet."
Von allen Blöcken ist der VN Dynamic Slider derjenige der mich am meisten begeistert. Ein vollwertiger Fullscreen-Slider, der sich ohne einen einzigen Mobirise-Publish-Vorgang online befüllen lässt. Vier Übergangsanimationen stehen zur Wahl:
Das Admin-Panel öffnet sich unsichtbar per Strg+Doppelklick auf den Header. Kein sichtbarer Login-Button, kein verräterisches Zahnrad – nur wer es weiß, kommt rein.
Die Entwicklung geht weiter. Auf der Liste stehen unter anderem ein Before/After-Slider zum Bildvergleich, ein Newsletter-Anmeldungs-Block mit CSV-Export und ein Formular-Archiv das Kontaktanfragen serverseitig speichert statt sie nur per Mail zu schicken.
Alle Blöcke sind für PHP 8.x ausgelegt, laufen auf Standard-Shared-Hosting ohne Datenbank und benötigen keine externen Bibliotheken. Ein normaler Webspace bei einem deutschen Hoster reicht vollkommen aus.
Die Extensions sind auf niederastroth.de erhältlich. Wer Fragen hat, schreibt einfach – die Community auf mobirise-tutorials.com ist eine tolle Anlaufstelle für alles rund um Mobirise.