Das ZyRed WordPress Theme steht nun zum Download bereit. Es ist ein dreispaltiges Theme mit flexibler Breite. Dabei kann die Inhaltsspalte auf minimal 468 Pixel schrumpfen, was eine gute Vorbereitung zum Einbinden von Werbebannern ist.
Das Theme basiert auf der Codebasis von Ainslie Johnsons Theme wp-andreas09.
Das Theme ist kostenlos zu nutzen und darf verändert werden, allerdings muss ein Link zu zyblog.de beibehalten werden. Entweder lässt man dazu den Footer unverändert oder man nennt das Theme in einem Blogbeitrag und setzt dort einen Link.
Features:
- getestet mit WordPress 2.3
- widget ready
- valides XHTML 1.0
- Templates für Spezialseiten wie Archiv, Links und Seiten mit Kommentaren sind vorhanden
- Mehrsprachig (deutsch, englisch) und vorbereitet für weitere Sprachen
Besonderheiten:
Das Template für die Standardseite enthält keine Kommentare. Wenn Kommentare angezeigt werden sollen, bitte das Template “page w. comments” benutzen.
Ich empfehle das Theme nur mit Widgets zu benutzen. Die in WordPress direkt enthaltenen Sidebarelemente für “Kategorien”, “Letzte Beiträge” usw. werden nicht perfekt dargestellt. Mit den Widgets gibt es keine Probleme.
Anmerkungen:
Das Theme basiert zwar auf wp-andreas09, die Codebasis ist aber von mir sehr stark modifiziert worden. Gerade die Stylesheets wurden stark überarbeitet. Die Templates habe ich auf die neuen Templatevariablen von WordPress 2.3 angepasst. ZyRed bietet zwar nicht die Farbauswahlfunktionen von wp-andreas09, ist dafür aber sehr viel “schlanker”, d.h. die Besucher des Blogs müssen weniger Code herunterladen.
Das Theme, das im Moment hier auf ZyBlog zu sehen ist, war die Ausgangsversion für mein ZyRed Theme. Es gab eine ganze Reihe Anfragen, welches Theme ich verwende und wo es erhältlich ist. Deshalb habe ich mich entschlossen, das ZyRed Theme zu erstellen.
Um ZyRed zu erhalten, musste ich alle Anpassungen und Plugin-Abhängigkeiten aus meinem bestehenden Theme entfernen. Dabei konnte ich gleich noch das Theme optimieren, veraltete Styles entfernen, valides XHTML erzeugen und einige Fehler beheben, dir mir sonst nie aufgefallen sind. Man kann also sagen, dass ZyRed qualitativ besser ist, als das Theme, das ich selbst nutze.
Hallo Tim,
setze Zyred in meinem Blog ein. An dieser Stelle nen dickes Lob- funktional und grafisch sehr übersichtlich gestaltet. Genau was ich gesucht habe;)
Eine Frage habe ich. Viell. kannst du oder jemand anderes mir helfen. Ich habe viele statische Seiten mit Unterseiten erstellt. Da die Navigation in der linken Sidebar mit der Zeit sehr lang wird, würde ich es gern so haben, dass die “Seiten”-Kategorien nicht gleich aufgeklappt werden. Was kann man tun?
Wäre um Hilfe sehr dankbar- da ich nicht so php versiert bin.
viele grüße
morice
Hi Morice,
Freut mich, dass dir das Theme gefällt.
Da ich dein Blog nicht kenne, muss ich jetzt einfach mal vermuten. Und eine fertige Lösung kann ich dir auch aus zeitlichen Gründen im Moment auch nicht anbieten, ich kann dir aber ein paar Ansatzpunkte liefern.
Wenn du die Seiten nur in ein (hässliches) Drop-Down Menü packen willst, dann kannst du eine Standardfunktion von WordPress nutzen. wp_dropdown_pages.
Dazu änderst du im Theme die Datei sidebar.php und packst die Funktion dort hinein. Das könnte so aussehen (direkt nach dem “ul” in Zeile 3 einfügen):
< ?php _e('Pages','zyblog27'); ?>
Diese Lösung sieht aber nicht wirklich gut aus, ist aber schnell zu machen.
Alles weitere wird deutlich aufwändiger. z.B. wenn du bei obiger Lösung lange Seitennamen hast, wird dir das Menü breiter als die Navigationsspalte. Dann musst du anfangen per CSS die Drop-Down Box zu formatieren.
Alternativ könntest du ein DHTML Drop-Down Menü einsetzen. Die können sehr viel hübscher sein, sind aber auch nicht ganz einfach umzusetzen. Ich habe kurz gegoogelt und dies gefunden:
Statische Seiten in einem Drop Down
Drop Down Menu in WordPress
Ich hoffe, das hilft dir für den Anfang.
Hallo Tim,
vielen Dank für deine schnelle Hilfe.
Bin deiner Empfehlung (texto) gefolgt und diese Seite entdeckt:
http://www.texto.de/texto/fold-page-list-deutsch-aufklappbare-seitennavigation/
Hier kann man diverse “Zustände” einer aufklappbaren Seitennavigation definieren.
viele grüße
Gefällt mir recht gut, habs bei mir eingesetzt …
Kannst du das mal mit IE Version 6.0 auf 1024×768 testen, da sieht das bissl komisch aus … (auch dein Blog hier … recht eng zusammen, alles nach unten verschoben bei einzelnem artikel wie diesem hier (durch die werbebreite) …. auf Firefox kein Problem, aber auf IE ned so gut (wie gesagt, bei Version 6.0 und Auflösung 1024×768)
lg und ansonsten echt coole Arbeit !!
Edgar
Hi Edgar,
da der IE6 bei mir nicht mehr läuft kann ich das leider nicht testen.
1024×768 ist die minimale Breite, die ich für das Theme vorgesehen habe.
Wenn es Probleme gibt, dann könntest du versuchen, die Seitenbreite zu ändern. Im style.css entsprechend anpassen (container, html, und wrap).
Hallo!
tolles theme – ist die grundlage für mein blog. bis jetzt hatte ich auch keine probleme damit. ein user hat mir allerdings heute geschrieben, das es anscheinend ein problem mit dem rss-feed gibt? er benutzt mozilla thunderbird als reader und meinte, das der link des feeds (feed://http//www.astrodicticum-simplex.de/feed) nicht funktionierte. nachdem er es händisch auf http://www.astrodicticum-simplex.de/feed geändert hatte, ging es… lässt sich die verlinkung zum feed noch irgendwo ändern? bzw. gibt es schon andere user, die erfahrungen mit diesem problem hatten?
viele grüße!
florian
Hi Florian,
bisher habe ich von keinem anderen User dieses oder eines der “verwandten” Themes von Problemen in dieser Richtung gehört.
Wenn man es ganz genau nimmt, ist es auch nicht wirklich ein Problem des Themes, sondern des Feedreaders, den dein User nutzt. Denn dieser kann nichts mit der feed:-Syntax anfangen. Die ist zwar ein wenig altmodisch, aber gerade deswegen ist mir bisher auch kein Reader untergekommen, der diese Syntax nicht verstanden hat.
Nach deinem Hinweis habe ich ein wenig gegoogelt. Es scheint keinen “offiziellen” Weg zu geben, wie man Feeds per Icon verlinkt, aber die meisten Blogs machen das ohne “feed:”. Evtl. sollte ich das auch so machen.
Wenn du die Verlinkung bei dir selbst ändern willst, dann im Theme-Verzeichnis die Datei functions.php editieren. In den Zeilen 25 und 26 einfach feed: herauslöschen.
Hallo, ich finde dieses Theme klasse. Ich habe trotzdem mal eine Laienfrage.
Kann man die Links im waagerechten Linkmenü entfernen? Ich benötige da oben nur den Home-Link. Mit dem Pagelink-Manager funktioniert es nicht.
Danke Wolfgang
Hi Wolfgang,
das geht ganz einfach. In der Datei header.php findest du ganz am Ende einen DIV “mainmenu”. Dieser DIV enthält neben dem Home Link noch die Funktion, die die Seiten aufzählt. Diese Funktion einfach Löschen oder auskommentieren. Also alles zwischen den
< ?php if(function_exists .... und ?>.Hallo Tim,
vielen Dank für Deine Info.
Gruß Wolfgang
Hi!
Zu Kommentar 9:
Wenn ich so lösche wie du angibst ist alles weg.
Sprich ich lösche so, dass nur noch folgendes bleibt:
Was genau meinst du soll ich löschen, bzw. wie genau sieht das auskommentiert aus?
Kompletter Teil:
Danke für deine Hilfe, kenne mich nur wenig bis gar nicht aus.
Gruß
Stephan
Tja, schade, aber ohne den php-Teil bringt meine Frage wohl nix.
gruß
stephan
Hi!
Ich schon wieder.
Habs mit rumprobieren geschafft.
Nun habe ich nur noch Home da stehen, aber eigentlich hätte ich gern, dass oben nur die Hauptseiten stehen.
Wenn man die anklickt sollen sich also keine Unterseiten im Header öffnen.
Tipp? Oder muss ich weiter probieren?
Hallo Stephan,
die Unterseiten im Header kannst du rauswerfen, indem du in der Datei functions.php die Zeilen 270 bis einschließlich 284 auskommentierst oder ganz löschst.
(Seit 10.4. habe ich wohl nichts mehr am Blog machen können. … Länger als ich gedacht habe.
Sorry für die späte Antwort!)
Hallo Tim!
Danke für die Antwort, aber kannst du mir noch kurz sagen wie der Anfang und das Ende von Zeile 207 und 284 lautet.
Bin nämlich grade zu faul zum zählen.
Danke Dir!
Gruß
Stephan
Hi Tim!
Habe mir mal ein Programm gesucht, dass Zeilen zählen kann, da ich sonst einfach nicht klar komme.
Ergebnis: Die Datei functions.php hat 203 Zeilen (mit Leerzeilen).
Meinst du eventuell eine andere Datei?
Gruß
Stephan
Hi Stephan,
da hast du recht, in meiner “offiziellen” Version von ZyRed ist die functions.php etwas kürzer. Hier sind die Zeilen 186 bis 200 die Zeilen, die du löschen / auskommentieren musst.
Also am Ende der Datei ab “if ( is array ….” bis einschließlich der drittletzten, schließenden geschweiften Klammer.
Hallo Tim,
das ist ein großartiges Design!
Ich möchte es gerne einen Verein für eine nicht kommerziellen Blog empfehlen. Dieser Verein benötigt jedoch für seine Website eine neutrale Farbgestaltung.
1. Könntest Du mir bitte mitteilen, an welcher Stelle ich die Farbe rot gegen eine andere Farbe ersetzen kann?
2. Ein Logo lässt sich nicht “einfach so” einsetzen, oder?
Vielen Dank und Grüße
Münchini
Hallo Münchini,
es freut mich, dass dir mein Design gefällt.
Zu deinen Fragen:
1. Der rote Grundton zieht sich durch alles Grafiken und das gesamte Stylesheet. Wenn du die Farbe ändern willst, würde ich dir raten mit den Grafiken im “images” Verzeichnis zu beginnen und dann im styles.css die restlichen Stellen zu ändern.
2. Jein. Ganz ohne Aufwand nicht. Z.B. die Grafik bodybg.png müsste angepasst werden, wenn das Logo eine andere Höhe hätte. Ansonsten kann man recht einfach in den Header noch eine Grafik/Logo einbauen.
Hallo Tim,
ich habe vor einigen Tagen mein erstes WordPress installiert (, weiß aber noch nicht wirklich über was ich bloggen soll). Dein Theme war das einzige, dass meinen Vorstellungen sehr nahe gekommen ist. Tolle Arbeit! Ich habe jedoch einige Änderungen an den Farben vorgenommen. Siehe Website bzw. style.css
Noch ein paar Anmerkungen:
Du vergibst ein festes Datumsformat in den .php, sollte man hier nicht die Voreinstellung aus dem WP-Adminbereich übernehmen? Mangels Kenntnissen habe ich das bei mir auch nur hart auf Y-m-d umgestellt.
Leider sieht die Druckvorschau der Seite sch…. aus. Könntest du evtl. ein (minimales) Stylesheet für media=print beisteuern oder erklären wie man so was einbaut. So sollten z.B. Menüs und die Sidebars ausgeblendet und der Font ebenfalls auf “Verdana…” gesetzt werden
Als nächstes werde ich noch versuchen den Autor-Namen einblenden zu lassen, da ich mir die Seite vielleicht mit meiner Schwester teilen will.
Hallo Holger,
freut mich, dass dir das Theme gefällt.
Zu deinen Anmerkungen:
Welches Datumsformat verwendet wird ist reine Geschmackssache. Bei ZyRed war die Grundlage das Theme wp_andreas09 auf Englisch, so dass die Datumsfelder in englischer Schreibeweise vorhanden waren. In meiner Übersetzung habe ich dann das Format verwendet das mir gefallen hat. Wenn du das Datumsformat aus den Admin-Einstellungen verwendest, brauchst du dir um die Anpassung an verschiedene Sprachen keine Gedanken mehr zu machen. Aber du verlierst gestalterische Freiheiten. Mir würde jetzt z.B. ein “21. Juli 2008″ unterhalb des Titels gefallen und bei den Kommentaren ein kurzes “21.07.08″.
An einem Stylesheet für Print habe ich mich bisher nicht versucht. Da WordPress IMHO dafür keine Funktion hat, wirst du es in der header.php fest verlinken müssen.
Viel Spass und Erfolg mit deinem Blog.
Wie gesagt ich habs ja hart auf JJJJ-MM-TT gebracht und in der single.php noch eine volle Uhrzeit mit Offset eingesetzt. Ich dachte nur erst es wäre logischer wenn man sich an die Einstellungen hält. Aber du hast natürlich Recht. Auf diese Weise kann man das Format in jedem Element anders gestalten.
Das mit dem Drucken habe ich gefunden bei:
http://bueltge.de/design-fuer-den-druck-mit-css/681/
Allerdings habe ich die print.css noch angepasst um die Linkziele nur in #entrytext anhängen zu lassen. Außerdem musste ich noch einige weitere theme-spezifischen id und Klassen ausblenden. Das Ergebnis ist zwar noch nicht stylish aber absolut schon brauchbar, denke ich: Meine print.css Die header.php habe ich exakt wie im ersten Link beschrieben angepasst.
Vergleich mal die Druckvorschau auf deiner Seite und auf meiner…
Frank Bueltge hat wieder zugeschlagen
Dass man über bloginfo() auch das Stylesheet-Verzeichnis rausbekommen kann wusste ich nicht. So ist es flexibel gelöst.
Die Druckvorschau in deinem Blog ist jetzt natürlich sehr viel schöner als bei mir. Für meinen Geschmack aber zu minimalistisch. Einen Header würde ich auf jeden Fall einbinden, damit auch auf dem Papier klar ist, von wo dieser Ausdruck stammt.
Das war ja auch nur eine schnelle Lösung. Wenn ich Zeit habe, werde ich mich näher mit css beschäftigen.
Vermutlich setzt man dannn einen Kopf mit einer neuen ID, der in der normalen styles.css wieder ausgeblendet wird, notfalls mit einem “@media screen{..}” drumherum..?
Du musst keine neue ID nur wegen dem Print Style in den Quelltext einfügen. Du kannst die bestehende ID verwenden und einfach das Aussehen neu bestimmen. z.B. andere Schriftart und Größe mit/ohne Hintergrundgrafik.
Das ist das Paradebeispiel für die Trennung von Inhalt und Aussehen. HTML beschreibt den Inhalt und mit CSS legst du das Aussehen fest.
Danke für das Super-Theme. Ich werde unsere ganze Website umstellen von heute statisch auf WordPress und Dein Theme wird mir die Grundlage sein.
Zwei Anfänger-Fragen:
(1) Wo kann ich die Breite der Sidebars verändern?
(2) Die Shortcodes scheinen irgendwie nicht zu funktionieren. Bsp.: Das Plugin List Category Posts soll durch Eingabe von [catlist blablabla] die Einträge einer Kategorie sortiert ausgeben (http://picandocodigo.net/programacion/wordpress/). Bei mir erscheint aber nur [catlist blablabla]. Gleiches passiert bei [gallery] oder bspw. [googlemaps]. Weisst Du Rat?
Wäre super, wenn Du hierauf eine Antwort hättest.
Hallo Dirk,
die Breite der Sidebars änderst du in der Stylesheetdatei style.css
/*** Sidebars ***/
#leftside, #rightside {
margin: 0;
padding: 0 10px 10px;
width: 160px;
}
Width gibt die Breite an. Aber ab da bis du auf dich alleine gestellt, denn eine Änderung hier kann sich auch auf andere Abstände und Breiten auswirken. Ausprobieren und schauen, ob du damit zurecht kommst.
Die Shortcodes haben nichts mit dem Theme zu tun, die werden direkt von WordPress bzw. einem Plugin interpretiert. Das sieht mir eher nach einem Plugin-Problem aus.
Hallo Tim,
erstmal Glückwunsch für das tolle Design
)! Meine Frage wurde hier zwar schon einmal gestellt, aber mit der Antwort komme ich nicht ganz weiter! Würde gern oben in den Header ein Logo einfügen.
Könntest Du mir weiterhelfen, wie ich das hinbekomme ?
Beste Grüße
Christoph