Chicagoland CFUG 10 April 2013 Steve Withington Director of - PowerPoint PPT Presentation

Chicagoland CFUG 10 April 2013

Steve Withington • Director of Education & Events / Application Engineer at Blue River Interactive Group • CFML Developer & cf.Objective() Steering Committee Member • ...but I’m also a Front-End Developer • Worked at an advertising agency prior to joining Blue River • Started using Mura CMS in 2008 • “Wrote the book” on Mura CMS

What’s Up? • Overview of the latest features of Mura CMS • Learn how Mura can make life easier for both content managers and developers alike

Bootstrap Resources • getbootstrap.com • boottheme.com • jetstrap.com • Bootstrap Magic (pickock.github.com/bootstrap-magic) • bootstrapdesigner.com • bootsnipp.com • bootswatch.com • bootstraphero.com • wrapbootstrap.com • ...and more • bootswatchr.com

{less} • It’s your new best friend (if it’s not already) • Mura can compile .less files for you but... • You can use a desktop tool to do the same thing— Codekit, Simpless, Crunch • You don’t have to know Less to use .less files—you can use plain old CSS in your .less file while you ramp up • Don’t get overwhelmed, bite off small, useful chunks

CfStatic • Compiles .less files • Minifies your CSS and JavaScript files using rules that you configure • Provides a framework for including static files in requests and rendering the include html • https://github.com/DominicWatson/cfstatic/wiki/About-CfStatic

Demo: UI

Simplify The User Interface • Class Extension Manager • SubTypes (Custom Content Types) • Attribute Sets (Think “Fieldsets”) • Custom Attributes (Think “Form Elements”)

Demo: Custom UI

Theme-Based Site Configuration config.xml.cfm <theme> <extensions> <extension type=”Page” subType=”Product”> <attributeset name=”Product Info”> <attribute name=”productDescription” label=”Product Description” hint=”Enter a description.” type=”HTMLEditor” defaultValue=”” required=”false” validation=”” regex=”” message=”” optionList=”” optionLabelList=”” /> <!-- you can create more attributes here --> </attributeset> </extension> </extensions> </theme>

The Mura $cope • A standard, concise syntax for interfacing with Mura objects (and their properties and events) • Available either as “$” or “mura” • In CFML: #$.content(‘title’)# OR #mura.content(‘title’)# • Within Content (via the WYSIWYG Editor) : [mura] $.content(‘menuTitle’) [/mura]

Template Variables • $.siteConfig(‘themeAssetPath’) • $.siteConfig(‘siteID’) • $.content(‘title’) • $.createHref(filename=‘’) • $.dspPrimaryNav() • $.dspBody() • $.dspObjects(1) • $.dspObject(‘component’,‘MyComponent’)

$.content(‘field’) • • • Audience FileID Notes • • • Body Filename ReleaseDate • • • ContentID Title Summary • • • Created HTMLTitle Tags • • • Credits URLTitle Template • • • Display MenuTitle Type • • • DisplayStart KeyPoints SubType • • • DisplayStop LastUpdate Plus custom class extensions! • • FeatureStart LastUpdateBy $.content(‘myField’) • • FeatureStop MetaDesc • • FileExt MetaKeyWords

Other Sub-$copes • $.event() • $.siteConfig() • $.globalConfig() • $.component() • $.currentUser()

Demo: Themes

Support • Mura Books: http://cfml.us/73 • Mura CMS Forum • Paid Support Plans: Short-Term & Annual • In-Person Training • Online Training

More Information • GetMura.com • BlueRiver.com • github.com/blueriver