Start
Kontakt
AGB
Impressum
Ihr Zugang
* SSL - die Daten werden verschlüsselt an Ihren Browser gesendet
RSS
2F CMS 2.0: Template-System
Veröffentlicht am 21.01.2005 von Jens Ferner
Es wurde ja bereits im Forum angekündigt - und ich muss zugeben, dass es in letzter Zeit sehr still war um die 2.0. Das liegt alleine daran, dass erheblich mehr gearbeitet wurde, nicht daran, dass nichts passierte :-) Da die 2.0 allählich stabiler wird und das Template System (sichtbare) Formen annimmt, möchte ich das folgende System kurz vorstellen. Nicht nur Designer dürften ihre helle Freude damit haben, sondern vor allem auch Nutzer, die "mal schnell" eine "Kleinigkeit" ändern möchten. Anders als vorher ist das System nun sehr leicht durchschaubar und das grösste Ziel wurde endlich erreicht: Wer es unbedingt möchte, kann problemlos sein Design in WYSIWYG Editoren wie Dreamweaver etc. anlegen. Eine kurze Einführung:
Zuerst: Die Enttäuschung
Das Problem ist, dass jeder bei den Worten "Template" und "CSS" an Wunderwerke der Technik denkt. Daher präsentiere ich hier als erstes einen Screenshot aus dem aktuellen CVS (es ist zur Zeit nur ein Template von Eric "Pawel" enthalten, das reicht uns zum arbeiten): Screenshot.
Wer sich den Screenshot nun ansieht wird enttäuscht bemerken: "Das sieht ja aus wie ein normales PHP-Nuke Theme" - die Blöcke sind klar abgegrenzt, man hat den Rahmen um die Mitteilungen, nichts besonders auffälliges drin.
Der Inhalt macht es
Vorab: In der Entwicklung interessieren wir uns nicht für schöne Designs: Es muss flott sein und alle Möglichkeiten zum Testen bieten, daher keine besonderen Extras. Erst wer sich den Quellcode von Erics-Template ansieht, wird verstehen, was da passiert und warum das so besonders ist. Hier das gesamte Template (es besteht nur aus einer index.html, einem zugehörigen CSS File und natürlich den Bildern):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!--Beispiel aus Eric Meyer: More Eric Meyer on CSS
ich habe mich extra für ein reines anspruchsvolles CSS-Beispiel entschieden //-->
<html>
<head>
<title> 2F CMS 2.0: Template-System->2F CMS - Die günstige Homepage Software - einfache Bedienung - schnell zum Erfolg</title>
<link rel="stylesheet" href="templates/eric/base.css" type="text/css" media="screen">
</head>
<body>
<div id="sitemast">
<h1><a href="http://www.2f-cms.com/"><span>2F CMS - Die günstige Homepage Software - einfache Bedienung - schnell zum Erfolg</span></a></h1>
</div>
<div id="main">
<div class="skipper">Skip to: <a href="#navpres">site navigation/presentation</a></div>
<div id="weblog">
</div>
</div>
<div class="panel" id="navpres">
</div>
<div id="footer">
<p>
<p></p>
</div>
</body>
</html>
Spätestens wer sich das ansieht sollte jetzt langsam verstehen, was da los ist: Es wird kein PHP Code mehr verwendet, keine HTML-Stückchen mehr die zusammengefrickelt werden: Das System gibt einzelne Komponenten zurück, etwa die Meta-tags, den Java-Script Code, die Ausgabe etc. Wer nun möchte, kann ein eigenes Template entwerfen und muss diese Blöcke nur noch einbauen -> schon fertig. Und wer möchte, kann direkt auf vernünftige CSS-Klassen zurückgreifen - das macht das formatieren einfacher und eleganter.
CSS-Beispiel: Blöcke
Ein kleines Beispiel: Wer mit der aktuellen Darstellung der Blöcke unzufrieden ist, der muss nicht mehr im Code hantieren; Einfach die CSS Datei des Templates geöffnet und dort die Block-Definition geändert:
.cms_block
{
border: 1px solid rgb(20%,40%,20%);
padding: 1em 1em 2px 0.5em;
margin: 0 0 1.5em;
}
So kann man mit einer kleinen Änderung den Block nicht mehr mit einer durchgehenden, sondern mit einer gestrichelten Linie umranden - genauso geht es auch bei den per Opentable() generierten Blöcken. Ãœbrigens: In diesen Bereichen wird konsequent auf Tabellen verzichtet! Weder Opentable() noch die Blöcke öffnen (so wie sonst üblich) Tabellen, was zu diesen unschönen verschachtelungen führte. Hier einmal der generierte HTML Code eines Blocks:
<div class="cms_block"><h4 class="Ein Block">Ein Block</h4>
Dies ist nur ein Block - kein besonderer Inhalt, aber: CSS und keine Tabellen<br/>
</div>
Kompatibilität
Das neue System sollte neue Freiheiten schaffen, die lange gesucht wurden, aber: Das 2F CMS bleibt trotzdem kompatibel zu PHP-Nuke Themes! In den Einstellungen kann man wahlweise das Template-System oder das Theme-System nutzen, auch hier müssen sich Anwender und Dienstleister also keine Sorgen machen.
Zum Rest: Bitte nicht fragen: Es steht noch nicht fest wann die 2.0 kommt, auf jeden Fall wird es noch Zeit brauchen. Auch ist das aktuelle Template-System noch nicht am Ende, eventuell werden die eckigen Klammern der Inhalts-Komponenten durch geschweifte ersetzt, eventuell kommt noch mehr dazu etc. Es sollte jetzt nur mal ein kurzer Einblick mit ein paar Details sein
Das Problem ist, dass jeder bei den Worten "Template" und "CSS" an Wunderwerke der Technik denkt. Daher präsentiere ich hier als erstes einen Screenshot aus dem aktuellen CVS (es ist zur Zeit nur ein Template von Eric "Pawel" enthalten, das reicht uns zum arbeiten): Screenshot.
Wer sich den Screenshot nun ansieht wird enttäuscht bemerken: "Das sieht ja aus wie ein normales PHP-Nuke Theme" - die Blöcke sind klar abgegrenzt, man hat den Rahmen um die Mitteilungen, nichts besonders auffälliges drin.
Der Inhalt macht es
Vorab: In der Entwicklung interessieren wir uns nicht für schöne Designs: Es muss flott sein und alle Möglichkeiten zum Testen bieten, daher keine besonderen Extras. Erst wer sich den Quellcode von Erics-Template ansieht, wird verstehen, was da passiert und warum das so besonders ist. Hier das gesamte Template (es besteht nur aus einer index.html, einem zugehörigen CSS File und natürlich den Bildern):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!--Beispiel aus Eric Meyer: More Eric Meyer on CSS
ich habe mich extra für ein reines anspruchsvolles CSS-Beispiel entschieden //-->
<html>
<head>
<title> 2F CMS 2.0: Template-System->2F CMS - Die günstige Homepage Software - einfache Bedienung - schnell zum Erfolg</title>
<link rel="stylesheet" href="templates/eric/base.css" type="text/css" media="screen">
</head>
<body>
<div id="sitemast">
<h1><a href="http://www.2f-cms.com/"><span>2F CMS - Die günstige Homepage Software - einfache Bedienung - schnell zum Erfolg</span></a></h1>
</div>
<div id="main">
<div class="skipper">Skip to: <a href="#navpres">site navigation/presentation</a></div>
<div id="weblog">
</div>
</div>
<div class="panel" id="navpres">
Ihr Zugang
* SSL - die Daten werden verschlüsselt an Ihren Browser gesendet
RSS
</div>
<div id="footer">
<p>
</p>
<p></p>
</div>
</body>
</html>
Spätestens wer sich das ansieht sollte jetzt langsam verstehen, was da los ist: Es wird kein PHP Code mehr verwendet, keine HTML-Stückchen mehr die zusammengefrickelt werden: Das System gibt einzelne Komponenten zurück, etwa die Meta-tags, den Java-Script Code, die Ausgabe etc. Wer nun möchte, kann ein eigenes Template entwerfen und muss diese Blöcke nur noch einbauen -> schon fertig. Und wer möchte, kann direkt auf vernünftige CSS-Klassen zurückgreifen - das macht das formatieren einfacher und eleganter.
CSS-Beispiel: Blöcke
Ein kleines Beispiel: Wer mit der aktuellen Darstellung der Blöcke unzufrieden ist, der muss nicht mehr im Code hantieren; Einfach die CSS Datei des Templates geöffnet und dort die Block-Definition geändert:
.cms_block
{
border: 1px solid rgb(20%,40%,20%);
padding: 1em 1em 2px 0.5em;
margin: 0 0 1.5em;
}
So kann man mit einer kleinen Änderung den Block nicht mehr mit einer durchgehenden, sondern mit einer gestrichelten Linie umranden - genauso geht es auch bei den per Opentable() generierten Blöcken. Ãœbrigens: In diesen Bereichen wird konsequent auf Tabellen verzichtet! Weder Opentable() noch die Blöcke öffnen (so wie sonst üblich) Tabellen, was zu diesen unschönen verschachtelungen führte. Hier einmal der generierte HTML Code eines Blocks:
<div class="cms_block"><h4 class="Ein Block">Ein Block</h4>
Dies ist nur ein Block - kein besonderer Inhalt, aber: CSS und keine Tabellen<br/>
</div>
Kompatibilität
Das neue System sollte neue Freiheiten schaffen, die lange gesucht wurden, aber: Das 2F CMS bleibt trotzdem kompatibel zu PHP-Nuke Themes! In den Einstellungen kann man wahlweise das Template-System oder das Theme-System nutzen, auch hier müssen sich Anwender und Dienstleister also keine Sorgen machen.
Zum Rest: Bitte nicht fragen: Es steht noch nicht fest wann die 2.0 kommt, auf jeden Fall wird es noch Zeit brauchen. Auch ist das aktuelle Template-System noch nicht am Ende, eventuell werden die eckigen Klammern der Inhalts-Komponenten durch geschweifte ersetzt, eventuell kommt noch mehr dazu etc. Es sollte jetzt nur mal ein kurzer Einblick mit ein paar Details sein
Zur Zeit sind noch keine Kommentare vorhanden, Sie können der Erste sein.
Nur registrierte Benutzer können Kommentieren. Logg dich ein.
Nur registrierte Benutzer können Kommentieren. Logg dich ein.
Diese Artikel könnten auch Sie interessieren!
Speichern bei
