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
• jetstrap.com
• bootstrapdesigner.com
• bootswatch.com
• wrapbootstrap.com
• bootswatchr.com
• boottheme.com
• Bootstrap Magic

(pickock.github.com/bootstrap-magic)

• bootsnipp.com
• bootstraphero.com
• ...and more

• 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

{less}

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=””

• ptionList=””
• ptionLabelList=”” />

<!-- you can create more attributes here --> </attributeset> </extension> </extensions> </theme>

The Mura $cope

• A standard, concise syntax for interfacing with Mura
• bjects (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
• Body
• ContentID
• Created
• Credits
• Display
• DisplayStart
• DisplayStop
• FeatureStart
• FeatureStop
• FileExt
• FileID
• Filename
• Title
• HTMLTitle
• URLTitle
• MenuTitle
• KeyPoints
• LastUpdate
• LastUpdateBy
• MetaDesc
• MetaKeyWords
• Notes
• ReleaseDate
• Summary
• Tags
• Template
• Type
• SubType
• Plus custom class

extensions!

$.content(‘myField’)

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