Mobirise Wiki

folder_structure

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:58+00:00

Folder Structure There are different types of extensions. Depending on what of extension you're creating, the folder structure may differ. The following files are always present, regardless of what type of extension you're creating: Base Structure * params.json * splash.html

getting_started

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:58+00:00

Getting Started So, you're ready to dive into the world of Mobirise Extensions? Great! It's going to be a fun ride - but also one of lots and lots of trial and error. But don't let that stop you. If you're not familiar with one or more of the following, you might want to read up on that a little more, before you start creating extensions:

html_attributes

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:57+00:00

HTML Attributes This page explains what custom HTML attributes Mobirise uses in secondary blocks (M4, M5 and AMP). All Attributes Name Information and Usage Usage mbr-buttons mbr-class Give the current element additional classes, if the conditions are met.

mbrapp.core.bridge

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:58+00:00

mbrApp.Core.Bridge Bridge functions of the mbrApp.Core object. Explained Name Information Empty Not yet explained Name _checkImgExt _closeCounter _createDir _fileManagerUploaders _fmQueue _lastTopRecent _level0 _lockedFiles

mbrapp.core

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:58+00:00

mbrApp.Core Core functions of the mbrApp object. Explained Name Information Bridge currentPage Contains the filename of the current page resultJSON Contains all pages and their components as JSON object Not yet explained

mbrapp

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:58+00:00

mbrApp The “mbrApp” object is the heart of the Mobirise application. Explained Name Information $body jQuery object of the body of the Mobirise app. Often used in combation with the jQuery .on() function, to respond to events

mbrext

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:58+00:00

mbrext Third party extensions for Mobirise have a .mbrext filename extension. This is nothing more than a simple ZIP archive. You can either rename the extension to .zip, or simply open it using your favorite ZIP archiver, such as 7-zip, WinRAR, WinZip, etc.

plugins

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:58+00:00

Plugins Plugins are files that are required by an extension, either inside Mobirise or when published. These can be of any type, for example images or JavaScript files. How are plugins loaded Plugins are loaded through the params.json file. Depending on what your extension needs (and when), you can load one or more plugins. The most common way to tell Mobirise what plugins exist is to place them all in the same directory. In the example below, all plugins are in the same `plugins` directory:

primary_extensions

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:58+00:00

====== Extension : primary method ====== used for mobirise 3 & 4 themes becomes obsolete since secondary method implemented for mobirise 4 themes Those extensions are not editable with witsec or deltapi code-editors Δπ ===== Steps =====

secondary_extensions

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:58+00:00

Secondary type extensions this is the type of extension for mobirise 4, with the settings inside the template.html file and the styling inside the style.less file The complete description of this component structure is given in Those extensions are editable with witsec or deltapi code-editors !

start

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:58+00:00

Welcome to the Mobirise Wiki There was a demand to know how to create Mobirise extensions, but there don't really seem to be any tutorials out there. There is Mobirise documentation, but that only gets you so far. And so, this wiki was created, in the hopes of sharing knowledge about creating extensions for Mobirise.

tips_and_tricks

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:59+00:00

Tips and Tricks If you really want to deep dive into extensions, check out the source code of all extensions you can get your hands on. Some extensions are on GitHub, others can be found on people's websites. Open up the mbrext file and dig through all files.

types_of_extensions

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:59+00:00

Types of Extensions There are three types of extensions: * App Extensions * Component Extensions * Themes It's also possible to combine them into a single extension. App Extensions App Extensions are extensions that add functionality to the Mobirise application in general. For instance, an extension that filters out all referrals to Mobirise upon export, a

what_are_extensions

Anonymous (anonymous@undisclosed.example.com) — 2024-09-01T12:30:59+00:00

What are extensions? Extensions create extra functionality for Mobirise. This could be anything; a theme, a block, a Code Editor, anything. Mobirise has created a whole bunch of extensions, some of which are free. The Mobirise extensions can be downloaded and installed from within Mobirise.