Differences

This shows you the differences between two versions of the page.

--- folder_structure [2019/08/03 16:10] – witsec
+++ folder_structure [2024/09/01 14:30] (current) – external edit 127.0.0.1
@@ Line 1: / Line 1: @@
 ====== Folder Structure ======
-There are [[types_of_extensions|two 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:
+There are different [[types_of_extensions|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
+  * [[params.json]]
   * splash.html
   * splash.jpg
   * thumbnail.jpg
+  * translations/
 ==== params.json ====
@@ Line 25: / Line 26: @@
 Just like the ''splash.jpg'' file, the ''thumbnail.jpg'' does not have to be named this way. You can call it whatever you like, as long as you're referring to this file through the [[params.json]] file.
+==== translations ====
+Any extension can come with its own translations. Translations are not required, but are very user friendly if you incorporate them into your extensions. Each language can have its own language file that contains all phrases and their translations.
 ===== App Extensions =====
-An App Extension has all the files as described above, plus an additional [[app.js]] file. That file contains all the code required for that extension.
+An App Extension has all the files as described above, plus:
+  * [[app.js]]
+  * [[core.js]]
+==== app.js ====
+The [[app.js]] file contains all the code required for that extension.
+==== core.js ====
+An App Extension sometimes come with a [[core.js]] file. It's unclear when you would need a core.js file.
 ===== Component Extensions =====
@@ Line 34: / Line 50: @@
 A Componend Extension comes with one or more components. In most cases these are additional blocks a user can drag onto his website. The file and folder structure looks like this:
-  * component_directory
+  * primary component_directory
     * [[component.js]]
     * [[template.html]]
@@ Line 50: / Line 66: @@
 The [[template.html]] file contains all the HTML to display the block inside Mobirise, but also when the website is previewed/published.
+==== thumb.png ====
+The ''thumb.png'' file is the image that's used in the blocks sidebar, from where you drag blocks onto your website.
+===== Themes =====
+Themes are a different kind of extension. They provide an entire theme on which you can base your website and offer several blocks to get you started. Older M3 themes came with Component Extensions in them, but nowadays that isn't the case anymore. Themes often come with:
+  * fonts/
+  * components/
+  * plugins/
+==== fonts ====
+Most themes come with their own fonts to give them that more unique look and feel. Fonts are stored inside this directory.
+==== components ====
+This directory contains all the blocks of said theme. These are the blocks that get displayed on the sidebar which ou can drag onto your website.
+==== plugins ====
+All plugins and (Javascript) libraries a theme uses are stored in this directory.