How To Create a ModelBaker Theme
The following article describes how to create a ModelBaker theme. It assumes you have already created all your CSS, JS, Layout files and they are sitting within a folder on your desktop. Pay special attention to the naming conventions in this article.
-
Create your graphic assets.
Collect your graphics assets together, including any info.plist, images, style sheets, javascript files and layouts (.ctp). Place them in a folder on your desktop called 'Web Site Assets'.
Your collection of graphical assets should look something like the following.
-
Create a new folder on your desktop and name it "CornFlowerBlue".
This folder will contain as the foundation folder for our theme.
-
Create another folder called "CornFlowerBlue" within the "CornFlowerBlue" folder.
-
Create two new folders called "views" and "webroot" within the innermost "CornFlowerBlue" folder.
-
Create a new folder called "layouts" within the "views" folder.
-
Create three new folders within the "layouts" folder called "js","rss" and "xml".
-
Create four new folders within the "webroot" folder called "css","files","img" and "js".
-
Drag and drop your assets into the appropriate folders.
Move your graphics into your 'img' folder. Move your stylesheets into you 'css' folder.
Move your preview .PNG file and the info.plist to the main "CornFlowerBlue" directory level. It should be on the tree level as the second "CornFlowerBlue" directory. Please note the naming conventions used, make sure the folders and preview image are named the same.
-
Add the ".mbtheme" file extension to the "CornFlowerBlue" folder.
-
Drag the "CornFlowerBlue.mbtheme" file to your "~/Library/Application Support/ModelBaker/Themes" folder.
This is how we install our ModelBaker themes. Once installed, relaunch ModelBaker.
-
Your custom ModelBaker Theme is now installed.
This is how we install our ModelBaker themes. Once installed, relaunch ModelBaker.
Last modified on January 05, 2009
