Mobirise Tutorials

Tutorial - VN .mbrext Generator

Das Werkzeug „VN .mbrext Generator“ wurde von Volker Niederastroth in Zusammenarbeit mit mir entwickelt und dient der Erstellung von Block-Erweiterungen für Mobirise.

Meine hier gezeigte Version ist vom 30. August 2026.

Diese Anwendung findet ihr zum kostenlosen Download in der VN Block Galerie 

Such dort nach "VN .mbrext Generator" in der Kategorie "VN Tools". Die Sprache der Anwendung lässt sich im VN‑Menü auch auf Englisch oder Französisch umstellen.

Nach dem Import der Anwendung findet ihr die Anwendung im "VN Menü", das es seit dem 20. August 2026 zur vereinfachten Darstellung von den Anwendungen von Volker Niederastroth gibt.

Ich beschreibe dieses Menü ausführlich auf meiner Seite zum VN Menü 

Öffnet die Anwendung über das „VN‑Menü“, indem ihr sie anklickt. Wie schon bei meinem separaten Generator für Blöcke lassen sich mit dem „VN .mbrext‑Generator“ neue Blöcke als Erweiterungen in Mobirise erstellen. Vorhandene Mobirise‑Blöcke können außerdem geändert, neu gespeichert und beispielsweise zur Fehlerüberprüfung an andere Personen gesendet werden.

Bitte tragt im linken Bereich alle Bezeichnungen für die neue Erweiterung in die Eingabefelder ein. Die Vorschaubilder müssen im PNG‑Format erstellt werden und dienen zur besseren Identifizierung der Erweiterung. Macht beispielsweise einen Screenshot eures Blocks, auf dem klar erkennbar ist, um welchen Block es sich handelt.

Aktiviert ihr die Option „Bilder importieren“, werden die Bilder eurer Erweiterung eingebunden. Deaktiviert ihr sie, werden keine Bilder angezeigt, sondern stattdessen Platzhalter in passender Größe eingesetzt. Fehlende Bilder werden ebenfalls automatisch durch Platzhalter ersetzt. Gebt unten den Zielordner an, in dem die fertig generierte .mbrext-Datei gespeichert werden soll.

Ganz wichtig ist auch der Name der "Gruppe im Mobirise-Blockmenü": Tragt dort möglichst immer den Namen eurer Gruppe ein, damit verschiedene Block-Erweiterungen in der Blockübersicht von Mobirise stets in derselben Gruppe angezeigt werden.

Im rechten Bereich "template.html" fügt ihr den gesamten Mobirise-Code eures Blocks ein. Löscht dazu zunächst den Beispielcode und kopiert im Code-Editor von <section> bis </section> den kompletten HTML‑Code in diesen Bereich. Den gesamten CSS‑Code kopiert ihr in den Bereich "style.less", nachdem ihr auch hier den Beispielcode entfernt habt. Am Tab "params.json" befindet sich nur zur Information die zugehörige JSON‑Datei. Um die .mbrext‑Datei als Erweiterung für den Import in Mobirise zu erstellen, klickt auf den Button „.mbrext-Paket erstellen“.

Wie man eine .mbrext-Datei in Mobirise importiert, beschreibe ich ausführlich hier 

Lest dazu auch die beim Import gezeigte Splash.html