YAML Coffee Theme
YAML Coffee WordPress Theme ist ein flexibles, 2 spaltiges, zentriertes Layout und basiert auf dem CSS Framework YAML. Das Design stammt von Alex Frison. YAML Coffee wurde komplett überarbeitet und läuft mit WordPress Version 2.7 oder höher.
Inhaltsverzeichnis
Features
- Mehrsprachig, Sprachen englisch, deutsch
- unterstützt verschachtelte Kommentare (threaded comments) bis zu 5 Ebenen
- Kommentar- und Ping-Separation
- eigener default Avatar
- 3-geteilte rechte Sidebar, widget ready
- zusätzlicher Container für die Tagwolke über dem Footer
Installation des Themes
Das Theme herunterladen und lokal entpacken. Danach den kompletten Ordner yaml-coffee mit einem FTP-Programm auf den Webserver in das Verzeichnis wp-content/themes/ hochladen. Im Admin-Bereich gehe zu Design->Themes und aktiviere das YAML Coffee Theme. Danach kannst du in Design ->Widgets die Widgets aktivieren, die du nutzen willst.
Um den YAML Coffee Avatar zu nutzen, gehe im Backend zu Einstellungen->Diskussion und aktiviere ihn als Standartavatar. Vielen Dank an Frank Bültge für die Funktion.
Hinweise
In dem Theme befindet sich ein Ordner yaml. Er enthält alle Core Stylesheets des YAML Frameworks. Bitte ändere keine Dateien in diesem Ordner.
Die Stylesheets, die das Aussehen und die Druckausgabe des Themes betreffen, sind in dem Ordner css.
Demo
Eine Live Ansicht gibt es auf meinem Demo Blog.
Lizenz
YAML wurde unter der Creative Commons Attribution 2.0 Lizenz (CC-A 2.0) veröffentlicht. Aus diesem Grund steht das Theme ebenfalls unter der CC-A 2.0. Eine kostenlose private und kommerzielle Nutzung ist gestattet.
Bedingung: Für die kostenfreie Nutzung des YAML Framework und des Themes ist die Namensnennung der Autoren/Rechteinhaber und die Rückverlinkung zur YAML Homepage (http://www.yaml.de) sowie zu meiner Homepage (http://dynamicinternet.eu) in der Fußzeile der Webseite oder im Impressum vorgeschrieben.
Changelog
- Version 1.0 – erstes Release
- Version 2.0 – erfordert WordPress 2.7 oder höher, YAML Version 3.1 integriert
Download
Download yaml-coffee.zip
Sollstet du Fehler finden, oder eine Frage zu dem Theme haben, bitte hier kommentieren, damit die Infos an zentraler Stelle allen zur Verfügung stehen. Der Themeblog ist nur zur Ansicht der Themes gedacht.
27 Kommentare
7 Pingbacks
- Dynamic Internet - Wordpress vs. YAML » picxl.de
- Neues Aussehen für den GRÜNEN Blog - Greifswald wird Grün
- design54-the online portfolio» PHP & MySQL » YAML Coffee Theme neue Version
- WordPress: Wider dem Katastrophen-Gerede | Webseiten-Infos.de
- Keine Panik ist nur der Anfang und vielleicht… « Nicht global – sondern lokal
- Neues Zuhause « Useless or Usefull? You decide!
- design54 – the online portfolio >> PHP und MySQL » YAML Coffee Theme neue Version
Cooles Template, welches ich gerne weiterbenutzen möchte!,aber ich habe ein Problem:
verwende das Lightbox 2 Pugin und kann, wenn ich das Bild in dem Lighjtbox-Fenster öffne es nicht mehr mit dem Close Befehl schliessen?!…
Habs mal mit dem IE 6 getestet, da gehts, Problem nur im IE und auch opera….
Hey Dieter, schön, das es dir gefällt. Ich sehe ein paar Fehler bei dir.
Du hast das wpseo Plugin laufen, was den title macht. Da mußt du aber in der header.php meinen title-teil rausnehmen, du hast jetzt 2x ein title.
In der Sidebar hast du ein gleich unter col3_content hast du:
<div id="col3_content" class="clearfix">
<div class="subcolumns">
</ul>
</li>
das ul und das li, die müssen noch weg, dann mußt du
<ul class="sidebar">
Mit dem Lightbox Plugin kenne ich mich nicht aus, sorry.
Moin Micha,
kriegs heute nicht mehr hin (sehr müde), bin aber froh, wenn ich nochmals Hilfe mit der Sidebar bekomme, am WE?
Weil ich habe unten immer noch die Sidebar doppelt, wegen den Widgets?!
Das mit dem Lightbox-Plugin muss ich mal mit dem Plugin Entwickler klären, funktionierte immer, bis ich jetzt auf neue WP Version upgedatet habe?!!?
Freue mich auf Hilfe, werde dieses Theme auch weiterbenutzen, wenn aber auch mit anderen Grafiken…
No Koffee, Animals…
Ach so?, wie siehts denn mit nem horizontalem Menü auf CSS Basis aus, ähnlich wie bei http://emmelsbuell.net?
Gruß Dieter
Klasse Theme! Das ewige Suchen hat sich gelohnt!
Danke und bitte weiter mehr davon!
Gruß Sascha
Ich bin daran eine Seite für eine Künstlerin basierend auf diesem Thema aufzubauen weil es mir sehr gefällt.
Im IE6 gibt es zwischen der Tasse und der Untertasse (bzw. bei mir zwischen Kopf und Hals) einen Balken.
Zuerst dachte ich, ich hätte die IE Patch-Datei nicht richtig geladen, aber ich glaube nicht, dass es daran liegt.
Da ich keinen IE6 habe, ist es etwas schwierig zum Debuggen. Muss ich jetzt tatsächlich eine VM mit IE6 installieren? Oder sieht jemand woran es liegen könnte.
IE6 Screenshot
Hier noch der Screenshot, den ich vergessen habe:
http://www.artistsinmotion.ch/screenshot.png
@Christian:
1. Es ist mein Theme und nicht dein Theme. Siehe Lizenz. Mach bitte meinen Link wieder in den Footer.
2. Das Logo Artists in Motion hat wie jedes Bild
margin-bottom:0.5em;
margin-top:0.25em;
#header img{margin:0} sollte helfen.
yep, es handelt sich um dein Thema und es handelt sich um ein YAML-basiertes Layout. Dies wird, sobald die Seite in Betrieb genommen wird, auch wieder im Impressum und/oder in der Fusszeile stehen. Während der Entwicklung und Testphase wollte ich euch nicht mit einem zerschossenen Layout verunglimpfen. In der gesamten Blogoshäre, ja in der ganzen grossen weiten Welt des WWW ist der Link in meinem Kommentar auf dieser Seite momentan der einzige, welcher auf die Seite verlinkt.
Danke für den Hinweis mit dem Margin. Ist mir zwar (noch) nicht ganz klar, wieso dies nur den IE6 betraf aber vermutlich weil alle anderen Browaser sich an die height von #header halten nur der IE6 den header auf die Grösse des Bildes aufbläht. Naja. Nun geht es auf jeden Fall
@Christian, wenn du unter win xp eintwickelst, kannst du die Multiple IE’s installieren.
@Micha, danke für den Tipp.
So etwas auf yaml-coffee-Basis wäre doch ziemlich cool, oder nicht? Oder gibt’s so etwas schon?
Ciao,
Klaus
Ich hätte noch eine Frage zu yaml-coffee. Hab versucht eine Topnav einzufügen, die oberhalb des Headers erscheinen soll. Irgendwie will’s nicht funktionieren. Die Topnav erscheint hinter dem Header und an den rechten Rand gequetscht. Hat jemand eine Idee, an was das liegen könnte?
Zur Navigation springen
Zum Inhalt springen
...
Klaus, versuch mal #topnav { position: static; }
Neue Version 2.0 released.
Hallo Micha,
Deine Demo zeigt bereits das Theme YAML Coffee im Originalzustand.
Ich habe mal angefangen das Theme zu modifizieren und dank YAML und Deinem hervorragend dokumentiertem Code klappt(e) das wunderbar.
Derzeit kann der Stand meiner Spielereien unter dem leider noch brachliegenden http://www.jurafernstudium.de/blog/ betrachtet werden. Da es sich hierbei um keine Seite mit Bezug zu Kaffee handelt, habe ich die entsprechenden Grafiken entfernt, obwohl es mir wegen der gelungenen Optik sehr schwer fiel.
Für die Suche hast Du den im WP-Codex nicht dokumentierten Tag get_search_form() verwendet. Der setzt automatisch role=”search” und das validiert leider noch nicht. Hier war mir das Validieren wichtiger und ich habe deshalb den Tag durch ein includiertes Suchformular ersetzt.
Damit die Seiten mit Kommentarfeld auch vollständig validieren, wenn ich eingeloggt bin, habe ich die comments.php um etwas PHP-Code ergänzt (siehe hierzu meinen Blogbeitrag “WordPress für angemeldete Nutzer valide machen“).
Fazit: Mit etwas XHTML-, CSS- und YAML-Kenntnisse ist das Theme so flexible wie YAML selbst. Super!!!
Das Einzige was ich bisher noch nicht hinbekommen habe, ist das Kommentarfeld so breit wie die umgebende Kommentarbox zu machen. Aber mit Formularen habe ich eh so meine Probleme. Schön, dass YAML 3.1 auch viele Bugs und Darstellungsprobleme bei Formularen abfängt. Das fehlte mir bei meinen Seiten mit den älteren YAML-Versionen.
Herzliche Grüße und ich warte sehnsüchtig auf die Betaphase des Xtrem-Themes
Dieter
Dieter: Danke für Deinen ausführlichen Test.
Zur Suche: Ich habe lange überlegt und hatte im Prinzip nur 2 Möglichkeiten. Ich verwende das Template Tag get_search_form() -gibts seit WP 2.7- und nehme den Validierungsfehler in Kauf, oder ich baue die Suche manuell ein. Problem hier: WP 2.8 verwendet esc_attr() für das Searchquery und WP 2.7 attribute_escape(). Um die Kompatibilität mit 2.7 zu erhalten, hätte ich esc_attr nachprogrammieren müssen.
Dann bin ich auch der Meinung, die WAI ARIA Standards sind nicht umsonst erfunden worden, auch wenn sie noch nicht validieren.
Zur Kommentarbox: Das ist YAMLs Formularbaukasten. Du findest ihn in yaml/screen/forms.css. In der verwendeten Version 3.1 hast Du die Möglichkeit, der Form die Klasse .columnar mitzugeben, dann hast Du die Labels links neben den Inputfeldern in einer Zeile. In YAML 3.2 wird es zusätzlich noch die Klasse .full geben, die macht dann die volle Breite für die Inputfelder.
Dirks Formbaukasten ist cool geworden. Du hast crossbrowser funktionierende fieldsets und legends, probiere es mal aus. Ist aber für das WordPress Formular ein wenig überzogen, auch noch ein fieldset zu verwenden.
@Dieter: Nachtrag zum Thema Validierung. Nicolai Schwarz hat heute beim Pisto-Magazin einen sehr schönen Artikel geschrieben – Das Streben nach Null – Abschnitt Der Zeit voraus.
@Micha
Habe den Artikel gelesen und finde ihn auch gut.
Finde es unbefriedigend, dass neue gute Standards wie WAI ARIA geschaffen werden und dann die Seite nicht mehr validiert, weil der Validator nicht erweitert wird.
Eine Brücke/Krücke mittels JavaScript WAI ARIA und Validierung unter einen Hut zu bringen zeigt übrigens der Artikel “Patterns for WAI-ARIA landmark roles in existing HTML” bei Standards schmandards.
Habe jetzt doch get_search_form() im Codex gefunden, aber zugegebenermaßen noch nicht richtig verstanden. Bin aber auch kein Programmierer und Hauptsache es funktioniert bzw. es ließ sich ja problemlos durch die includierte searchform.php ersetzen, die ich schon bei Webseiten-Infos.de einsetze.
PS: Komme in Franks Buch “Das WordPress-Buch” jetzt bald zu dem von Dir geschriebenen Abschnitt “Ein WordPress-Theme mit YAML”.
Hallo Micha, das ist wirklich ein schönes Theme. Und die Kobination von YAML und WordPress klingt genial. Wir machen unsere HauptWebSeiten auch mit YAML, aber im Blog – der zur Zeit nicht so gut läuft – pfuschen wir noch rum.
Du hast leider dich bei einem Link vertippt, und zwar
bei:
“Das Design stammt von Alex Frison.”
Der Link verweist auf http:/bog/drauf.de/ was es so noch nicht gibt und nicht auf “blogdrauf“.
Bleib dran und drauf.
Fredie Blog
Schnief….
Error establishing a database connection
Schau doch mal danach, würde das Demo mir gerne ansehen…
DANKE! und Frohe Weihnachten.
Claus, der Demoblog ist monetan abgeschaltet. Es gab einen bösen Angriff.
Hier kannst du mal schauen http://kaffeedeluxe.de/latte-macchiato/
Hallo.
Ich hab in den letzten Tagen ein wenig an deinem sehr schönen Theme rumgespielt und wollte einiges für meine Bedürfnisse anpassen.
Unter anderem habe ich im Inhalt des Footers gespielt, und erst beim wiederholten Mal lesen deiner Beschreibung des Themes hier bemerkt, dass du die Links im Footer haben willst.
Das mach ich natürlich geren und hab die original footer.php wieder auf den Server geladen, damit der Ur-Zustand wieder hergestellt ist.
Nun habe ich seit dieser Aktion das Problem, dass ich keine Dateien mehr unter Design->Editor bearbeiten kann.
Folgende Fehlermeldung von WP sagt mir das: “Diese Datei kann leider nicht bearbeitet werden.”
Die Frage ist jetzt für mich, weil ich vermute dass es an deinem Theme liegt, wie ich diesen misslichen Umstand wieder abstellen kann….
Wäre super, wenn du mir helfen könntest. Vielen Dank.
@Uwe: Es kann möglicherweise an einem Schreibrechte-Problem liegen, daß WP die Datei nicht bearbeiten kann.
OK. Nach langem Hin-und-Her und Testen und Ausprobieren hab ich nun endlich feststellen können, dass nach einem Update auf 2.9.1 die Berechtigungen nicht da waren und das Theme nicht zu bearbeiten ist.
Definitiv zu bearbeiten ist es nur unter WP 2.8.6…
Sehr schade dieser Umstand…
@Uwe
Ich bekomme mit WordPress 2.9.1 “Das angeforderte Theme existiert nicht” beim Versuch den Theme-Editor aufzurufen angezeigt.
Nachdem ich alle Ordner und Dateien beim YAML Coffeee-Theme auf 755 geändert hatte, ging auch der Theme-Editor mit diesem Theme. Also wie sich Micha schrieb:
Im Übrigen verwende ich nicht den Theme-Editor, sondern habe WordPress auch auf meinem Computer, ändere dort die Dateien und lade dann die geänderten Dateien hoch. Mit meinem Dreamweaver kann ich dann ggf. die Korrektur rückgängig machen, wenn etwas schief gelaufen ist. Mit dem Theme-Editor geht das m.W. nicht.
Jedenfalls liegt es nicht am Theme. Es setzt weder irgendwelche Rechte noch sonstwas. Und das WordPress Probleme mit dem Editor hat, ist auch nichts neues.