Arrrrcamp Radiant Intro
Upcoming SlideShare
Loading in...5
×
 

Arrrrcamp Radiant Intro

on

  • 1,440 views

 

Statistics

Views

Total Views
1,440
Views on SlideShare
1,439
Embed Views
1

Actions

Likes
1
Downloads
7
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Arrrrcamp Radiant Intro Arrrrcamp Radiant Intro Presentation Transcript

  • Radiant CMS Basic walkthrough
  • Radiant CMS Basic walkthrough 1 Radiant in onze workflow 2 Hoe werkt Radiant (basics) 3 Extensions 4 Vragen 5 Vragen aan de bar
  • Radiant CMS Basic walkthrough 1 Radiant in onze workflow 2 Hoe werkt Radiant (basics) 3 Extensions 4 Vragen 5 Vragen aan de bar Get wasted! fuck yeaaah!!! View slide
  • Gorilla Digs ruby View slide
  • Gorilla Digs ruby Websites Web-apps Radiant Rails
  • Gorilla: Benny & Jelle Benny • Ruby/Rails/Radiant • Web-apps met Rails • Extensions voor
  • Gorilla: Benny & Jelle Benny Jelle • Ruby/Rails/Radiant • Information Architect • Web-apps met Rails • Designer & Slicer • Extensions voor • Non-programmer
  • Gorilla: Benny & Jelle Benny Jelle • Ruby/Rails/Radiant • Information Architect • Web-apps met Rails • Designer & Slicer • Extensions voor • Non-programmer Radiant
  • ‘97
  • Gorilla: Zo gebruiken wij Radiant Benny • Zet server/ repository op • Zet Radiant instance op
  • Gorilla: Zo gebruiken wij Radiant Benny Jelle • Zet server/ • Maakt HTML templates repository op • Bouwt website op in • Zet Radiant instance Radiant op • Gebruikt alleen Radiant
  • Radiant
  • Radiant: Meet & Greet • Open-source CMS (gebouwd in Rails)
  • Radiant: Meet & Greet • Open-source CMS (gebouwd in Rails) • Simpel (opgebouwd uit pages)
  • Radiant: Meet & Greet • Open-source CMS (gebouwd in Rails) • Simpel (opgebouwd uit pages) • Toch flexibel (Parent/child model, page-parts & radius)
  • Radiant: Meet & Greet • Open-source CMS (gebouwd in Rails) • Simpel (opgebouwd uit pages) • Toch flexibel (Parent/child model, page-parts & radius) • Modulair (+300 extensions op GitHub)
  • Radiant: Meet & Greet • Open-source CMS (gebouwd in Rails) • Simpel (opgebouwd uit pages) • Toch flexibel (Parent/child model, page-parts & radius)
  • Radiant: bouwstenen pages
  • Radiant: bouwstenen pages page-parts
  • Radiant: bouwstenen pages snippets page-parts
  • Radiant: bouwstenen pages layouts snippets page-parts
  • Radiant: bouwstenen pages layouts snippets page-parts radius
  • Radiant: bouwstenen pages layouts snippets page-parts radius
  • Radiant: Layouts
  • Radiant: Layouts <html> <img src=”g.gif” /> <head>…</head> <p>Welkom stranger.</p> <body> </div> <div id=”header”> <div id=”content_sec”> <p id=”logo”> <ul id=”nav_sec”> <a href=”/”>Radiant</a> <li>…</li> </p> … <ul id=”nav_main”> </ul> <li> <h3>Gorilla’s</h3> <a href=”/”>Home</a> <p>Ze zijn de max</p> </li> </div> … <div id=”footer”> </ul> <p>Contact info</p> </div> </div> <div id=”content”> </div> <div id=”content_main”> </body> <h1>Welkom!</h1> </html>
  • Radiant: Layouts <html> <img src=”g.gif” /> <head>…</head> <p>Welkom stranger.</p> <body> </div> <div id=”header”> <div id=”content_sec”> <p id=”logo”> <ul id=”nav_sec”> <a href=”/”>Radiant</a> <li>…</li> </p> … <ul id=”nav_main”> </ul> <li> <h3>Gorilla’s</h3> <a href=”/”>Home</a> <p>Ze zijn de max</p> </li> </div> … <div id=”footer”> </ul> <p>Contact info</p> </div> </div> <div id=”content”> </div> <div id=”content_main”> </body> <h1>Welkom!</h1> </html>
  • Radiant: Layouts <html> <r:snippet <head>…</head> name=”footer” /> <body> </div> <div id=”header”> </div> <r:snippet name=”header” /> </body> </div> </html> <div id=”content”> <div id=”content_main”> <r:content /> </div> <div id=”content_sec”> <r:content part=”nav_sec” /> <r:content part=”content_sec /> </div> <div id=”footer”>
  • Radiant: Snippets
  • Radiant: Snippets (Header) <p id=”logo”><a>GorillaCMS</a></p> <ul id=”nav_main”> <li><a href=”/”>Home</a></li> <li><a href=”/soorten”>Soorten</a></li> … </ul>
  • Radiant: Snippets (Header) <p id=”logo”><a>GorillaCMS</a></p> <r:nav id=”nav_main” root=”/” include_root=”true” depth=”1” />
  • Radiant: Snippets (Footer) <p id=”contact”> Ladies contact me on 0484 42 97 62<br /> (will get naked for Rum - Arrrrr!) </p>
  • Radiant: Pages
  • Radiant: Pages Overzicht genereren van child pages <ul id=”gorilla_soorten”> <r:children:each> <li> <h3><r:link /></h3> <p><r:content /></p> </li> </r:children:each> </ul>
  • Radiant: Page-parts
  • Radiant: Page-parts “overerving” van page-parts <r:content part=”nav-sec” inherit=”true” />
  • Radiant: Page-parts “overerving” van page-parts <r:content part=”nav-sec” inherit=”true” /> Check op bestaan van page-parts <r:if_content part=”nav-sec”> <div><r:content part=”nav-sec” /></div> </r:if_content>
  • Radiant: Radius template language
  • Radiant: Radius template language • Tag-based template language developed for Ruby • Bindmiddel dat Radiant samen houdt • Heel simpel, heel flexibel • Speelt goed in op Parent/child model van
  • Radiant: Radius template language Voorbeelden van enkele handige tags <r:find url=”/diensten” /> <r:link /> <r:title /> <r:next by=”title” /> <r:slug /> <r:previous by=”date” /> <r:breadcrumb /> <r:site_area /> <r:breadcrumbs /> <r:site_sub_area /> <r:gallery:lightbox id=”3” /> <r:nav id=“subnav” /> <r:if_content part=”foo” /> <r:children:each /> <r:unless_content part=”foo” /> <r:children:count />
  • Extensions
  • Extensions: Extra flexibiliteit Navigation tags (r:nav) Gallery Nested layouts Gmaps Mailer Blog Settings Archive WYM Editor Filter Paperclipped
  • Extensions: Nested layouts 1-col layout 2-col layout
  • Extensions: Nested layouts MASTER LAYOUT
  • Extensions: Nested layouts MASTER LAYOUT 1-col layout 2-col layout
  • Extensions: Nested layouts 1-col 2-col <html> <html> <head>…</head> <head>…</head> <body> <body> <div id=”content”> <div id=”content”> <r:content /> <div id=”col-1”> </div> <r:content /> </body> </div> </html> <div id=”col-2”> <r:content part=”detail” /> </div> </div> </body> </html>
  • Extensions: Nested layouts 1 master layout 1-col <html> <r:inside_layout name=”master”> <head>…</head> <r:content /> <body> </r:inside_layout> <div id=”content”> <r:content_for_layout /> </div> 2-col </body> </html> <r:inside_layout name=”master”> <div id=”col-1”> <r:content /> </div> <div id=”col-2”> <r:content part=”detail” /> </div> </r:inside_layout>
  • Questions? (be gentle)
  • That’s it Hit the bar!