YAML Karo Theme
Das YAML Karo WordPress Theme ist ein flexibles, 2 spaltiges, zentriertes Layout und basiert auf dem CSS Framework YAML. Das Theme kann im Theme Blog angeschaut werden.
Inhaltsverzeichnis
Features
- Läuft unter WordPress 2.2 oder höher bis einschließlich Version 2.3.1
- widget ready
- 3-geteilte rechte Sidebar
- Quicktags im Theme integriert
- Unterstützung folgender Plugins*:
* Die Plugins sind nicht Bestandteil des Themes.
Installation des Themes
Das Theme herunterladen und lokal entpacken. Den Abschnitt Ein paar Tipps beachten und eventuelle Änderungen vornehmen. Danach den kompletten Ordner yaml-karo mit einem FTP-Programm auf den Webserver in das Verzeichnis wp-content/themes/ hochladen. Im Admin-Bereich aktiviere in Themes -> Themes das YAML Karo Theme. Danach kannst du in Themes -> Widgets deine Widgets aktivieren, die du nutzen willst.
Wichtig: In der header.php sind noch die Inhalte einiger Meta Tags zu ergänzen.
Ein paar Tipps
In dem Theme befindet sich ein Ordner yaml. Er enthält alle Core Stylesheets des YAML Frameworks. Bitte ändere keine Dateien in diesem Ordner. Sollte es eine neue Version des YAML Frameworks geben, einfach den Ordner yaml mit der neueren Version überschreiben. Die aktuell verwendete Version ist die 3.0.3.
Die Stylesheets, die das Aussehen und die Druckausgabe des Themes betreffen, sind in dem Ordner css.
Das Bild und der Text in Kopfbereich
Um das Bild und/oder den Text im Kopfbereich zu ändern, öffne die sidebar.php. Ab Zeile 6 findest du folgenden Code:
<div id="about">
<p class="floatbox">
<img src="<?php bloginfo('template_directory'); ?>/images/about-me.jpg" alt="ein Bild von mir" class="float_left"/>
Hier kannst Du ein paar kurze Informationen über Dich oder Dein Blog hineinschreiben.</p>
</div>
Dort kannst du den Text ändern oder entfernen, wenn du ihn nicht benötigst. Das Bild about-me.jpg befindet sich in dem Verzeichnis images. Es ist 100×150 Pixel groß. Du kannst es direkt mit einem Grafikprogramm bearbeiten oder ein anderes Bild verwenden. Dann musst du natürlich eventuell im Code den Namen des Bildes ändern.
Verwendest du ein anderes Bild oder dein Text wird etwas länger, musst du eventuell den Abstand zu der “RSS abonnieren” Überschrift verändern. Öffne dazu das Stylesheet css/screen/content.css.
#about {
padding:0 10px 0 0;
margin:60px 0 85px 0;
}
Einfach das margin nach unten vergrößern oder verkleinern (Die Werte stehen für top, rechts, unten und links.).
Sidebar und Widgets
Wenn du keine Widgets verwendest, hast du in der Sidebar folgende Elemente:
- RSS abonnieren
- neuste Kommentare
- neuste Ping-/Trackbacks
- die WordPress Tagcloud (ab WordPress 2.3)
- Seiten
- Kategorien
- Blogroll
- Meta
Möchtest du die Widgets verwenden, hier eine grafische Übersicht über die Einteilung der Sidebar:
Sidebar 1 eignet sich bestens für die Kommentare und Trackbacks, sowie die Tagcloud, da sie den meisten Platz in der Breite benötigen.
Das Plugin Simple Tags bringt ein TagCloud Widget mit. Solltest du es benutzen, hier ein Screenshot mit den Einstellungen
Allerdings habe ich es nicht geschafft,die TagCloud nach Name zu sortieren, möglicherweise ein Bug.
Werbung
In Sidebar 2 habe ich ein Div “make-money” 
eingefügt und den linken Abstand vorformatiert (der Bereich ist auskommentiert und somit erstmal nicht sichtbar).
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
Download
Sollstet du Fehler finden, oder eine Frage zu dem Theme haben, bitte hier kommentieren, damit an zentraler Stelle die Infos allen zur Verfügung stehen. Der Themeblog ist nur zur Ansicht der Themes gedacht.
5 Kommentare
2 Pingbacks
Vielen Dank für dieses klasse Theme.
ich habe das Theme auf meinem Blog im Einsatz und das Design ein wenig auf meine Bedürfnisse angepasst.
Nur ein Problem bekomme ich einfach nicht in den Griff. Ich habe mich schon dumm und dusslig gesucht, aber in welcher CSS Datei schalte ich den blauen Rahmen von dem “about_me” Bild aus ?!?
Wahrscheinlich bin ich nur blind auf einem Auge
Gruß,
Bernd
Hallo Bernd. hier ist der Rahmen definiert:
content.css line 48#about img {
border:3px solid #3A65A5;
...
}
Nochwas, du hast 2x die id #footer, eine id sollte nur einmal vorkommen.
Viele Grüße
Micha
Vielen Dank Micha !
War sicher schon zu spät als ich das Theme bearbeitet hatte.
Eine id#footer habe ich herausgenommen !
Gruss,
Bernd
Der Link zum “Themeblog” im letzten Satz deines Artikel ist leider nicht erreichbar. Ansonsten ein gutes reduziertes Layout, welches man unter Umständen auch für mobile Endgeräte bezüglich der Ausrichtung der einzelnen Elemente wie die Sidebars, gut den Anforderungen entsprechend modifizieren kann.
Der Blog wurde mal gehackt, seit dem ist er offline. Aber eine gute Idee von dir. Vielleicht sollte ich es nach Xtreme One portieren.