Directory Structure: Where to find files

In Mura CMS, files for front-end rendering can be found in a few different locations:

Shared Files

Mura-Specific CSS Files

{webroot}/{siteID}/css/)

Mura-Specific Javascript Files

{webroot}/{siteID}/js/

Site-Specific Display (Content) Objects

{webroot}/{siteID}/includes/display_objects/

Theme Structure: Simple

Theme-Specific CSS Files

{webroot}/{siteID}/includes/themes/{theme name}/css/

Theme-Specific Javascript Files

{webroot}/{siteID}/includes/themes/{theme name}/js/

Theme Structure: Optimized

Mura CMS 5.5 offers the use of CFStatic, a toolkit that concatentaes and minifies CSS and Javascript files dynamically, elmininating the need to do this every time you make an edit to a file.

CFStatic takes care of:

  • Minifying your CSS and JavaScript
  • Including your CSS and JavaScript in the correct order, with all dependencies satisfied
  • Adding sensible cachebusters to CSS image paths and CSS and JavaScript includes

Key features:

  • Minifies your files for you using YuiCompressor
  • Compiles your LESS CSS for you
  • Dependency configuration through JavaDoc style documentation
  • Easy, zero-code, switching between inclusion of raw source files and minified files
  • Small API, only 4 public methods (including the constructor)
  • Three minify modes (All, Package and File)
  • Built for production; no need for CSS and JavaScript file packaging in your build scripts, code can be put in production
  • Minified files are saved to disk, application server is not involved in serving the files

Theme-Specific CSS Files

{webroot}/{siteID}/includes/themes/{theme name}/css/core

{webroot}/{siteID}/includes/themes/{theme name}/css/editor

{webroot}/{siteID}/includes/themes/{theme name}/css/ie

{webroot}/{siteID}/includes/themes/{theme name}/css/mobile

{webroot}/{siteID}/includes/themes/{theme name}/css/print

Theme-Specific Javascript Files

{webroot}/{siteID}/includes/themes/{theme name}/js/editor

{webroot}/{siteID}/includes/themes/{theme name}/js/ie