Webmontag Graz Radiant CMS

Radiant CMS
no ﬂuff, just stuff!
Eine Einführung

iTeh DI Edmund Siegfried Haselwanter (ofﬁce@iteh.at)

Mittwoch, 31. März 2010

Vorstellung

Edmund Haselwanter
seit August 2008 selbständig
Focus auf IT Consulting / Rails und IT Automatisierung
seit ca. 2 Jahren verschiedene Radiant Webseiten
online


Warum Radiant?

Zuerst Versuch mit enterprise-level CMS Systemen und
Blog Engines wie Wordpress
Zu viele Funktionen, zu kompliziert oder zu unﬂexibel
Will “einfach” Seiten machen
Ruby/Rails Fan-Boy ;-)


Die 80-20 Regel

Zu 80% verwendet man 20% der Funktionen
Zumeist will man nur “Seiten” erstellen
Radiant bietet Pages, Layouts und Snippets für diese
Aufgabe
Der Rest kann mit im Moment ca. 200 Erweiterungen
oder einfach selbst programmiert werden


Installation

gem install radiant
radiant meine-webseite
rake db:bootstrap


Admin Interface
unter /admin


Der Content

Der Content
Hierarchische Seitenstruktur


Workﬂow Status

Der Content

Workﬂow Status
auf einen Blick Status aller Seiten


Workﬂow Status

Der Content

Seiten
erstellen/löschen

Seiten
in der Hierarchie erstellen oder löschen


Titel


Titel
Url Teil


Titel
Url Teil
Breadcrumb


Titel
Url Teil
Breadcrumb

Seiten Teile


Titel
Url Teil
Breadcrumb

Seiten Teile

Filter


Titel
Url Teil
Breadcrumb

Seiten Teile

Filter

Content


Titel
Url Teil
Breadcrumb

Seiten Teile

Filter

Content

Layout


Titel
Url Teil
Breadcrumb

Seiten Teile

Filter

Content

Layout Seiten Typ


Layouts
Site Wireframe - Sind die Templates einer Seite


Layouts
Deﬁnieren Content Type
--> Auch XML, CSS, Javascript, ... möglich

Snippets
Wiederverwendbare Mini Templates


Snippets
Über den Namen ansprechbar


Typisches CMS
Seite Layout Ergebnis

Header Header

Content Content

Footer Footer


Ein besseres Model
Seite Layout Ergebnis
body Header Header
sidebar

sidebar
extended body

extended

Footer Footer


Umsetzung
<html>
<head>
<title>Eine Beispielseite</title>
</head>
<body>
<div id="header”><img src="logo.gif" /></div>
<div id="content">
<h1>Eine Beispielseite</h1>
<p>Das ist eine Beispielseite.</p>
</div>
<div id="sidebar">
<p>sidebar Sachen kommen hierher</p>
</div>
<div id="footer">
<p>Copyright 2010, Max Mustermann</p>
</div>
</body>
</html>


Umsetzung
<html> Titel
<head>
<title>Eine Beispielseite</title>
</head>
<body>
<div id="content">
<h1>Eine Beispielseite</h1>
</div>
<div id="sidebar">
</div>
<div id="footer">
</div>
</body>
</html>


Umsetzung
<html>
<head>
<title><r:title/></title>
</head>
<body>
<div id="content">
<h1><r:title/></h1>
</div>
<div id="sidebar">
</div>
<div id="footer">
</div>
</body>
</html>


Umsetzung
<html>
<head>
<title><r:title/></title> Wiederkehrender
</head>
<body> Kopfteil
<div id="content">
<h1><r:title/></h1>
</div>
<div id="sidebar">
</div>
<div id="footer">
</div>
</body> Wiederkehrender
</html>
Fussteil

Umsetzung
<html>
<head>
</head>
<body>
<r:snippet name="header"/>
<div id="content">
<h1><r:title/></h1>
</div>
<div id="sidebar">
</div>
<r:snippet name="footer"/>
</body>
</html>


Umsetzung
<html>
<head>
</head>
<body>
<div id="content">
<h1><r:title/></h1>
<p>Das ist eine Beispielseite.</p> Body
</div>
<div id="sidebar">
<p>sidebar Sachen kommen hierher</p> Seitenleiste
</div>
</body>
</html>


Umsetzung
<html>
<head>
</head>
<body>
<div id="content">
<h1><r:title/></h1>
<r:content part="body" />
<r:content part="extended" />
</div>
<div id="sidebar">
<r:content part="sidebar" />
</div>
</body>
</html>


Umsetzung
<html>
<head>
</head>
<body>
<div id="content">
mehr dazu unter
<h1><r:title/></h1>
http://wiki.github.com/radiant/radiant/getting-started
<r:content part="body" />
<r:content part="extended" />
</div>
<div id="sidebar">
<r:content part="sidebar" />
</div>
</body>
</html>


Radiant und Radius

Radius ist eine Tag basierte Template Sprache
Radiant hat im Kern 50 Radius Tags
Sehr einfach erweiterbar durch eigene Tags
http://radius.rubyforge.org/


Radiant Tags Content
<r:author/> <r:meta [tag="true|false"]/>

<r:breadcrumb/> <r:navigation urls="[Title: url|Title: url]>...</
r:navigation>
<r:breadcrumbs [separator="separator_string"]
[nolinks="true|false"]/> <r:option/>

<r:comment/> <r:rfc1123_date/>

<r:content [part="part_name"] [inherit="true|false"] <r:slug/>
[contextual="true|false"]/>
<r:snippet name="snippet_name"/>
<r:count/>
<r:snippet name="snippet_name">...</r:snippet>
<r:cycle values="1, 2, 3" [reset="true|false"]
[name="cycle"]/> <r:status [downcase='true|false']/>
<r:date [format="%A, %B %d, %Y"] <r:title/>
[for="created_at|now|published_at|updated_at"]/>
<r:url/>
<r:escape_html/>
<r:yield/>
<r:link [anchor="name"] [other attributes...]/>

<r:link [anchor="name"] [other attributes...]>...</
r:link>

<r:meta:description [tag="true|false"]/>

<r:meta:keywords [tag="true|false"]/>


Radiant Tags Context
<r:page>...</r:page>

<r:children>...</r:children>

<r:children:first>...</r:children:first>

<r:children:last>...</r:children:last>

<r:children:each [offset="number"]
[limit="number"] [by="attribute"] [order="asc|desc"]
[status="draft|reviewed|published|hidden|all"]>...</
r:children:each>

<r:children:each:child>...</r:children:each:child>

<r:parent>...</r:parent>

<r:find url="value_to_find">...</r:find>

<r:random>...</r:random>


Radiant Tags Conditional
<r:if_first>...</r:if_first> <r:if_ancestor_or_self>...</r:if_ancestor_or_self>

<r:unless_first>...</r:unless_first> <r:unless_ancestor_or_self>...</
r:unless_ancestor_or_self>
<r:if_last>...</r:if_last>
<r:if_self>...</r:if_self>
<r:unless_last>...</r:unless_last>
<r:unless_self>...</r:unless_self>
<r:if_parent>...</r:if_parent>
<r:if_dev>...</r:if_dev>
<r:unless_parent>...</r:unless_parent>
<r:unless_dev>...</r:unless_dev>
<r:if_children [status="published|draft|hidden|
reviewed"]>...</r:if_children> <r:header [name="header_name"] [restart="name1
[;name2;...]>...</r:header>
<r:unless_children [status="published|draft|hidden|
reviewed"]>...</r:unless_children>

<r:if_content [part="part_name, other_part"]
[inherit="true"] [find="any"]>...</r:if_content>

<r:unless_content [part="part_name, other_part"]
[inherit="true"] [find="any"]>...</r:unless_content>

<r:if_url matches="regexp" [ignore_case="true|
false"]>...</r:if_url>

<r:unless_url
matches="regexp" [ignore_case="true|false"]>...</
r:unless_url>


Beispiel für Conditionals
<r:find url="/news">
<r:if_children>
<ul>
<r:children:each>
<li><r:title/></li>
</r:children:each>
</ul>
</r:if_children>
<r:unless_children>
<p>There are no news stories just now. Please check back
later.</p>
</r:unless_children>
</r:find>


Und die restlichen 20% ?
Es gibt ca. 200 Erweiterungen (http://ext.radiantcms.org/)
von ein paar Tags bis CRM Integration
nichts dabei? -> selbst schreiben!
Sehr ﬂexibles Extension Interface
Admin Bereich einfach erweiterbar
Radiant Teile mit Ruby Metaprogramming mehr/
andere Funktionalität geben
http://wiki.github.com/radiant/radiant/creating-
extensions

Populäre Erweiterungen
Paperclipped
Mailer
share_layouts
Gallery
nav


Zusammenfassung
Pros:
Sehr gut geeignet für typische Web Auftritte
ﬂexibel und einfach erweiterbar
Cons:
produktiv einsetzbar, aber erst Version 0.9
Extensions ﬁnden und installieren mitunter schwierig


Weiterführende Links
Repo: http://github.com/radiant/radiant
Wiki: http://wiki.github.com/radiant/radiant/
Extensions: http://ext.radiantcms.org/
Viele Extensions auf github.com
irc: #radiantcms channel auf irc.freenode.net
Mailinglist: http://radiantcms.org/mailing-list/


Webmontag Graz Radiant CMS

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (16)

Webmontag Graz Radiant CMS