MgnlKickstart is a tool for web developers, that tremendously eases creating fully custom, content manageable websites with the open source, enterprise-grade content management system Magnolia.
60. 14
How Kickstart works
kickstart:page name=“base”
html
head
title
kickstart:field name=“title”Title/kickstart:field
/title
/head
body
kickstart:area name=“main”
kickstart:component name=“text”
div class=“component text”
h1 field:name=“headline”Hello/h1
p field:name=“text”World!/p
/div
/kickstart:component
…
/kickstart:area
/body
/html
/kickstart:page
BASIC
Kickstart Markup
61. 15
How Kickstart works
kickstart:page name=“base”
html
head
title
kickstart:field name=“title”Title/kickstart:field
/title
/head
body
kickstart:area name=“main”
kickstart:component name=“text”
div class=“component text”
h1 field:name=“headline”Hello/h1
p field:name=“text”World!/p
/div
/kickstart:component
…
/kickstart:area
/body
/html
/kickstart:page
BASIC
Kickstart Markup
TEMPLATE
DEFINITION
62. 16
How Kickstart works
kickstart:page name=“base”
html
head
title
kickstart:field name=“title”Title/kickstart:field
/title
/head
body
kickstart:area name=“main”
kickstart:component name=“text”
div class=“component text”
h1 field:name=“headline”Hello/h1
p field:name=“text”World!/p
/div
/kickstart:component
…
/kickstart:area
/body
/html
/kickstart:page
BASIC
Kickstart Markup
TEMPLATE
DEFINITION
DIALOG
DEFINITION
63. 17
How Kickstart works
kickstart:page name=“base”
html
head
title
kickstart:field name=“title”Title/kickstart:field
/title
/head
body
kickstart:area name=“main”
kickstart:component name=“text”
div class=“component text”
h1 field:name=“headline”Hello/h1
p field:name=“text”World!/p
/div
/kickstart:component
…
/kickstart:area
/body
/html
/kickstart:page
BASIC
Kickstart Markup
TEMPLATE
DEFINITION
DIALOG
DEFINITION
TEMPLATE
SCRIPT
64. 18
How Kickstart works
kickstart:page name=“base”
html
head
title
kickstart:field name=“title”Title/kickstart:field
/title
/head
body
kickstart:area name=“main”
kickstart:component name=“text”
div class=“component text”
h1 field:name=“headline”Hello/h1
p field:name=“text”World!/p
/div
/kickstart:component
…
/kickstart:area
/body
/html
/kickstart:page
NATURAL
TEMPLATING
YOUR DESIGN WILL
STAY INTACT
65. 19
kickstart:page name=“article”
…
nav class=“main”
kickstart:navigation name=“main” startLevel=“1” levels=“2”
ul
li class=active trail
strong
a href=#magnoliaMagnolia CMS/a
/strong
/li
li
a href=#javaeeJava EE/a
/li
/ul
/kickstart:navigation
/nav
…
/kickstart:page
Kickstart Tags
EXTENDED
How Kickstart works
66. 20
kickstart:page name=“article”
…
nav class=“main”
kickstart:navigation name=“main” startLevel=“1” levels=“2”
ul
li class=active trail
strong
a href=#magnoliaMagnolia CMS/a
/strong
/li
li
a href=#javaeeJava EE/a
/li
/ul
/kickstart:navigation
/nav
…
/kickstart:page
Kickstart Tags
EXTENDED
SAVE EVEN
MORE TYPING
How Kickstart works
EXTENDED
FEATURES
Convention