Code Monkey home page Code Monkey logo

mobirise-template-extension's Introduction

mobirise-template-extension

A template plugin/extension for Mobirise, we need your help!

We want you to learn how to make extensions for Mobirise, and we also want the Mobirise staff to create a marketplace which you can upload to.

Installation

Windows

Goto to %AppData%\Roaming\Mobirise.com\Mobirise\<your account's email>\addons and copy the template folder into it.

Open up list.json and template\params.json and copy the JSON in params.json to list.json but edit it so it looks like this:

Original:

{
    "name": "Template",
    "alias": "template",
    "version": 1,
    "minAppVersion": "2.9",
    "components": ["template-block"],
    "plugins": ["template-plugin"],
	"description":"A template plugin for you to expand upon",
	"logo":"thumbnail.png"
}

New:

"template": {
    "name": "Template",
    "alias": "template",
    "version": 1,
    "minAppVersion": "2.9",
    "type": plugin
},

Once done, paste it after the first {!

Mac

Goto to ~/Library/Application Support/Mobirise.com/Mobirise/<your account's email>/addons and copy the template folder into it.

Open up list.json and template\params.json and copy the JSON in params.json to list.json but edit it so it looks like this:

Original:

{
    "name": "Template",
    "alias": "template",
    "version": 1,
    "minAppVersion": "2.9",
    "components": ["template-block"],
    "plugins": ["template-plugin"],
	"description":"A template plugin for you to expand upon",
	"logo":"thumbnail.png"
}

New:

"template": {
    "name": "Template",
    "alias": "template",
    "version": 1,
    "minAppVersion": "2.9",
    "type": plugin
},

Once done, paste it after the first {!

Blocks

- template-block
  - component.js
  - template.html
  - thumb.png

component.js - contains your block's code. template.html - contains the code around your generate code from component.js thumb.png - is a picture of your block, which is displayed in the add menu.

Troubleshooting

  • If your template doesn't show up, make sure you have pasted it into your list.json file correctly
  • If your block doesn't show up, make sure you're looking at the right category, if it still isn't there, there is an error in your code.

mobirise-template-extension's People

Contributors

dentmaged avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.