Download // See Demo // Read FAQ

Update: Thanks to the work of Wolforg and Sharon, Sirup is now also available in French and Hebrew!

Sirup is a magazine and blog layout for Wordpress 2.5 and above. It has a fixed width, is valid XHTML 1.0 Transitional, supports Gravatars and Sidebar Widgets. You can customize the appearance of your site with an options page (that means you don’t have to edit PHP files).

• Choose between magazine and blog layout
• Set which categories to appear on frontpage
• Amount of comments / posts / tags to show underneath
• Choose to have a lead story or not
• Set a default width for thumbnails
• Change fonts, sizes etc.

All features are explained in detail in Sirup’s FAQ. (Read the FAQ, it’s a manual on how to create lead stories, how to find the right category IDs, how to insert thumbnails etc.)

Browser compatibility
As noted before, Sirup is valid XHTML 1.0 Transitional. I’ve tested it in Firefox 3 (perfect), Opera 9 (perfect) and Internet Explorer 6 + 7 (almost perfect, maybe some unremarkable margin issues. No reason to not use this theme.)

Installation
1. Upload the folder “Sirup” to /wp-content/themes/ to get a new folder /wp-content/themes/Sirup/
2. Go to your Wordpress administration panel, click the Design tab and choose “Sirup” as your new theme.
3. Go to Sirup’s options page and start customizing.

If you see an almost blank screen in your preview, don’t worry, it will disappear when you activate the theme. (Sorry about that, but the options page only returns values when Sirup is activated.)

Support
If you have questions about Sirup AFTER you read the FAQ, post them here: http://wordpress.org/tags/sirup
The comment thread on this page is not a support forum!

License
Creative Commons Attribution-Share Alike 3.0 — You are allowed to use this Wordpress theme on commercial and of course non-commercial weblogs. You can remix and create themes based on Sirup. However, you’re not allowed to remove the link to 1000ff.de provided in the footer. Good work needs to be credited. :)

If you like this theme…

All awesome donators will be listed here.

Kudos & Dankeschöns to
PHP: Michaël, Darren Hoyt, jottlieb
CSS & HTML: Pascal, css4you, WDT
Feedback & Ideas: Frank, .markus, K.

Changelog
v0.9 – Just an internal release, needed a working demo
v1.0 – Fixed pagination, validation, query_posts issue
v1.0.1 – Typos corrected on options page (well, it’s still a foreign language :))
v1.0.2 – Corrected a line-height issue with headings
Please read this comment if you have problems with pagination.

Now what?
Download // See Demo // Read FAQ

How to create lead stories?

Short answer: Put all lead stories in the category you defined on Sirup’s options page.

Long answer: First, define a category for lead stories. Go to Manage → Categories and add a new category with a name of you choice (i.e Lead Story). If you already have a category where you want to store your lead stories, you only need to find the corresponding category ID. To do so, move your mouse over your (maybe newly created) lead story category and look at your browser’s status bar. You should see something like this:

http://your-blog.com/wp-admin/categories.php?action=edit&cat_ID=5

That means: In this example, the category ID for lead stories is 5. Now go to Design → Sirup Options and enter 5 under “Category ID for lead stories”. After that, you can finally start writing. All you have to do from now on is choose the right category (i.e. Lead Story) before publishing you post.

How do I add thumbnails to posts? (Magazine layout only)

(Before you start — you only have to do this once — go to Sirup’s options page and set the right width for thumbnails. Then check if the given upload path is right. This is very important! If the path is wrong, your thumbnails won’t display! After that, go to Settings → Miscellaneous and uncheck “Organize my uploads into month- and year-based folders”. Compare the folder on this page and on Sirup’s options page; both have to match.)

Short answer: By using Custom Fields. Key: “Image”. Value: Name of your image + extension (i.e. my-picture.jpg)

Long answer: Upload your picture via Wordpress’ post editor. You can use any image format, like .jpg or .png or .gif. You can, but don’t have to insert the picture into your post. Then, scroll down to the box labeled “Custom Fields”. Assign the key “Image” and use the name of your image as the value, as shown in this example:

Click “Add Custom Field” and you’re done. To learn more about Custom Fields, click here.

When I preview your theme on my blog it gives me an (almost) blank screen! Why the hell is that?

Yeah, I know, sorry about that. The reason is that Sirup’s options page only returns values when Sirup is activated. When you preview the theme, it has no values and Wordpress doesn’t know what to show. Simply activate Sirup and everything will be fine again.

How do I find the right category IDs for my frontpage?

Please read “How to create lead stories?” again. Your question has been answered there. (Well, OK, once again: Go to Manage → Categories and move your mouse over a category. Then have a look at your browser’s status bar. You should see something like this:

http://your-blog.com/wp-admin/categories.php?action=edit&cat_ID=10

The category you just hovered has the ID 10. If you want this category to appear on your frontpage, go to Sirup’s options page and enter 10 under “Category IDs for left (right) column”. I know this seems a bit complicated, but Wordpress (2.5 and above) simply doesn’t provide an easier way anymore.

I don’t want those “[...]” on my frontpage! They’re ugly.

No problem. Sirup uses the_excerpt (first 55 words of your post) by default on frontpage posts. If you want to write your own summary, scroll down to the box labeled “Excerpt”:

I want a more personalized Sirup. Will you do that for me?

No, but if you’re looking for someone to do a paid customization for you, you can contact me and I’ll see what I can do. I live in €uroland, btw.

No, no! Sirup is fine the way it is. How can I show my appreciation?

I still have a question…

You’re welcome to go to http://wordpress.org/tags/sirup and post it there. Please do not post support questions on this blog as I will delete them with a ferocious “they’ll never learn” look on my face. (Don’t get me wrong, I will do my best to answer your questions, but I just don’t want my blog or inbox to be flooded with questions. Thanks!)

Das angekündigte Theme ist fast fertig. Unter http://themes.1000ff.de/ ist Sirup v0.9 in Aktion zu sehen. Bevor ich das Theme veröffentliche, muss ich noch (mindestens) drei mehr oder weniger kleine Probleme in den Griff bekommen:

• Wenn sich der Benutzer für die Blog-Variante entscheidet, aber trotzdem einen Hauptartikel möchte, funktioniert die Seiten-Navigation nicht mehr (Previous- und Next-Links). Zwar erscheinen die richtigen Links, doch Seite 2 enthält die gleichen Einträge wie die Frontseite. Eine Google-Suche zeigt, dass dieses Problem nicht neu ist und schon viele Wordpressler beschäftigt hat. Leider funktionieren die z.B. hier beschriebenen Workarounds in Sirups Fall nicht… und meine Versuche das Ganze alternativ über den offset-Parameter von query_posts zu regeln schlugen bisher fehl.
• Das zweite Problem betrifft gleichermaßen Magazin- und Blog-Variante von Sirup, wieder geht es um den Hauptartikel: Dieser kann unter Umständen doppelt auf der Frontseite erscheinen, wenn er in einer Kategorie steckt, die auf der Optionenseite auserwählt wurde ein Teil der Frontseite zu sein. (Sorry, das klingt dämlich, ich weiß.) Der Grund liegt darin, dass ich Hauptartikel durch einen frei definierbaren Tag überhaupt erst zu Hauptartikeln machen kann. Eine Lösung wäre, von Tags auf Kategorien umzusteigen. Dann müssten diese Artikel alle in die Kategorie “Lead Story” gepackt werden. (Ach, wenn wir doch alle schon Wordpress 2.7 nutzen würden, wäre das alles kein Problem, dank caller_get_posts)
• Nicht ganz so wichtig, aber trotzdem nervig: Sirup hat noch vier Validierungsfehler. Wenn ich die <li>-Elemente im Header wie gefordert mit <ul> umschließe, vergrößert der verdammte IE den Abstand nach links. Wenn ich also die Wahl habe zwischen Darstellungsfehlern oder minimal unvalidem Code, werde ich mich für Letzteres entscheiden. *nörgel*
  

Update: Der Hauptartikel bekommt eine eigene Kategorie. Geht wohl nicht anders, weil WPs query_posts keinen “Post has NOT tag”-Parameter hat.

Update: Successfully checked as XHTML 1.0 Transitional! Siehe Kommentare.

Was wohl erst mit Version 2.0 kommen wird: Threaded Comments (WP2.7+), Mehrsprachigkeit (Poedit gibt kryptische Fehler aus, obwohl ich mich genau an die umständliche Anleitung halte).

Über Lösungsvorschläge und weiteres Feedback zur Demo wäre ich sehr dankbar!

So oder so ähnlich wird es aussehen, Sirup, das Magazin-/CMS-Layout für Wordpress, an dem ich gerade arbeite.

Auf der Frontseite gibt es einen prominent platzierten Hauptartikel. Dieser ist eigentlich ein gewöhnlicher Blogeintrag, der allerdings mit dem Tag “lead” versehen wird und deshalb auf der Startseite zu sehen ist. Einfacher geht’s wirklich nicht.

Unter dem Hauptartikel gibt es zwei Spalten, die den jeweils neuesten Eintrag aus vorher definierten Kategorien anzeigen. Durch die Anzahl der Kategorien bestimmt man so auch die Größe (Länge) der Frontseite. Ob nun zwei, vier, sechs oder von mir aus auch 20 Artikel erscheinen sollen ist also variabel.

Die Artikel-Thumbnails werden durch Custom Fields eingebunden. (Abgeschaut vom tollen BranfordMagazine.)

Mit der Sidebar habe ich heute erst angefangen. Ehrlich gesagt weiß ich nicht so recht, ob das Theme überhaupt eine klassische, rechtsgerichtet Sidebar haben soll oder ob sich die Inhalte nicht auch unter den Artikeln gut machen würden.

Es gibt noch viel zu tun. Die single.php sieht ziemlich unspektakulär aus, der Kommentarbereich rockt auch noch nicht und der Internet Explorer hat mal wieder seine üblichen margin-Zickereien.

Vielleicht kann ich Sirup schon in der kommenden Woche veröffentlichen, je nachdem wie’s läuft und welche haarsträubenden Eventualitäten mir noch in den Sinn kommen. It’s done when it’s done.

Update 10/11/08: Wie im Rausch. Das Control-Panel ist so gut wie fertig. Frank hatte auf ein Tutorial hingewiesen, dass ich gleich mal in die Tat umgesetzt habe. War gar nicht so leicht den Code zu durchschauen bzw. zu verstehen, was nun genau was bewirkt… aber es hat ja dann doch geklappt. Arbitrary learning FTW!

Anmerkungen, Wünsche und Hinweise auf grammatikatholische Ungereimtheiten sind willkommen!

Update 11/11/08: Und weiter geht’s: Bisher war Sirup als reines Magazin-Layout geplant (was auch immer das heißen mag) und entsprechend eingeschränkt, was die Nutzung angeht.

Mit den neuen Optionen kann der Admin selbst entscheiden, wie die Startseite aussehen soll. Ob mit oder ohne Hauptartikel, mit oder ohne graue Boxen, mit “Magazin-Layout” (zwei Spalten, mit ausgewählten Kategorien) oder dem klassischen “Blog-Layout” (eine Spalte, mit zuletzt veröfffentlichten Einträgen).

Hier ein Screenshot des Blog-Layouts. Ich hoffe es gefällt!

Im bisherigen Verzeichnis, das über 1600 Themes bietet und unter http://themes.wordpress.net/ erreichbar ist, wurden schon länger keine neuen Uploads mehr angenommen. Der letzte Blogeintrag dort ist vom 11. Dezember 2007.

Themes müssen folgende Voraussetzungen erfüllen, um bei Wordpress.org aufgenommen zu werden:

• Alle Dateien in einer .zip-Datei
• Das Stylesheet muss neben Namen und Versionsnummer des Themes auch Tags enthalten, z.B. widget ready, fixed width, three columns etc. Ebenfalls müssen die Klassen .alignright, .alignleft und .aligncenter vorhanden sein
• Screenshot des Themes muss als screenshot.png vorliegen
• GPL-Lizenz oder GPL-kompatble Lizenz
• Kein versteckten und / oder gesponserten Links. Erlaubt ist ein Credit-Link zum Blog des Theme-Autors
• Das Theme muss aus der “Feder” des Uploaders stammen
• Keine “ab 18″-Themes. :)

Da es sich um ein englisches Theme-Verzeichnis handelt sollten die Themes natürlich alle auf Englisch sein. Für deutsche Wordpress-Themes kann weiterhin der Themepool bei Wordpress Deutschland genutzt werden.

Wenn die CSS-Datei nicht den Anforderungen entspricht wird beim Upload eine Warnmeldung mit hilfreichen Tipps ausgegeben.

Alle Themes werden manuell überprüft und freigeschaltet. Der Autor wird darüber per E-Mail informiert.

Im Themebrowser wurde zwischenzeitig mehrmals die Möglichkeit ab- und wieder angeschaltet, eigene Themes hochzuladen. Auch aktuell klebt hinter dem Link zur Uploadfunktion die lakonische Meldung

Zuviel Partizipation ist ein Problem, dass die wenigsten Open Source-Projekte haben dürften. Von daher: Schön. Nun ist der 1. Mai aber schon eine Woche vorüber und sowohl das WPD-Blog als auch das Forum schweigen sich aus, wann die Uploadmöglichkeit wieder eingeschaltet wird. Auch auf eine Mail an Olaf, den Technikmann bei WordPress Deutschland erhielt ich keine Antwort.

Ich würde recht gerne meine deutsche Übersetzung des UB_Minim-Themes der Öffentlichkeit zur Verfügung stellen. Deshalb hier — nicht als Gemoser, sondern als zärtlicher Nudge gemeint — die Frage: WordPress Deutschland, könntet ihr das Ding wieder anwerfen? Oder gibt’s Probleme im Hintergrund?

Weiß sonst vielleicht jemand Bescheid?

[Update:] Olaf äußert sich zum Thema. Das Problem sei, dass jedes Theme auf Fehler und Sicherheitslücken überprüft werden muss, was sehr arbeitsintensiv ist.

Das Theme ist recht minimalistisch, wie der Name ja bereits andeutet. Es enthält zudem wenig Grafik, die Ladezeiten fallen also recht gering aus.

Screenshot

Technisches

Drei Sidebars für Widgets, Festbreite. Das Theme ist, bedingt durch die breite Seitenleiste für eine Auflösung von mindestens 1024 Pixeln Breite ausgelegt. Es wurde getestet auf WordPress 2.3 und 2.5 und funktioniert dort ohne Tadel.

Sidebars

Drei Seitenleisten sind für die Widgets vorhanden und damit herrscht viel Platz für den üblichen Tünnef. Sie befinden sich alle auf der linken Seite, wobei Sidebar 1 breiter ist, Sidebar 2 und 3 sich unter ihr, mit halber Breite, “gabeln”.

Änderungen gegenüber dem Original

Artikel sind auf der Startseite, im Archiv, der Kategorienübersicht und in den Suchergebnissen nicht mehr als Teasertext, sondern in ihrer ganzen Pracht¹ aufgeführt werden. Wer die Teaser lieber mag, muss im Quelltext der Dateien index.php, archive.php, category.php und/oder search.php (je nachdem, wo es gewünscht ist, die Zeile <?php the_content('Weiterlesen &raquo;'); ?> finden und in <?php the_excerpt() ?> ändern.

In Minim_DE ist ein angepasstes Widget für die Suche enthalten, welches sich einen Tick besser in das Layout einfügt.

Wer sich per Template eine Archivseite einrichtet, findet eine aufgemöbelte Version vor. Falls eine Suche mit der bloginternen Suchfunktion fehlschlägt, wird zudem eine Box für einen externen Suchdienst angezeigt.

Ansonsten gibt es kleinere Fehlerkorrekturen und die für 1000ff-Themes obligatorische “bessere Titelanzeige” von sw-guide.de.

Benutzer von WordPress 2.5 kommen zudem in den Genuss des nunmehr in WordPress integrierten Gravatar-Supports (optional). Kommentierer können sich auf gravatar.com ein zentrales Benutzerbild anlegen, welches in vielen Blogs angezeigt wird, unter anderem auch in solchen mit diesem Theme.

Plugins

Wir haben Support für einige nützliche WordPress-Plugins eingebaut. Soll heißen: Hochladen & aktivieren, Einstellungen treffen und das Plugin ist einsatzbereit. Nerviges Template-Editieren entfällt.

• Popularity Contest: Zum Ermitteln der Beliebtheit von Posts und dem gleichzeitigen Auflisten der Tops und Flops.
• WP-PageNavi: Blendet auf Übersichtsseiten statt der üblichen “Nächste Seite” / “Vorherige Seite”-Links eine kleine Seitennavigations-Leiste ein.
  
• Edit Comments XT: Gibt Kommentatoren über einen eingestellten Zeitraum die Möglichkeit, den Kommentar nachzubearbeiten. Zum Beispiel für Fehlerkorrekturen o.ä.
• Math Comment Spam Protection: Spamschutz mit Hilfe einer leichten Matheaufgabe. Sollte in Verbindung mit Akismet und Simple Trackback Validation das Blog nahezu komplett frei von Kommentarspam halten.

Das Theme funktioniert natürlich auch ohne die angegebenen Plugins. Wer für Edit Comments XT und Math Comment Spam Protection Alternativen bevorzugt, findet im Archiv eine davon befreite Version der comments.php unter dem Namen comments.php.OhnePluginSupport.bak vor.

Bild ändern

Wer ein anderes Bild auf der linken oberen Seite haben will, ersetzt die Datei images/header.jpg durch eine andere Datei in der Größe 336 x 336 Pixel. Wer ein anderes Dateiformat bevorzugt, muss den Dateinamen in der Datei sidebar.php, Zeile 3 ändern.

Installation

Wie gehabt. Das gesamte Verzeichnis per FTP aus dem Archiv hochladen in das Verzeichnis wp-content/themes der WordPress-Installation, dann im Administrationsbereich aktivieren unter “Themes” bzw. “Design”.

Download

ubminim-de-v1.01.zip
(181 KB)

Lizenz

Creative Commons Attribution v 3.0. Änderungen, Modifikationen und Weiterverbreitung sind okay, bitte belasse aber die Links auf upstartblogger.com und 1000ff.de in der sidebar und dem Footer.

Dank an

Patrick von affenkoppzentrale.de, dessen Anfrage zum excerpt-Problem mich erst zum Herumwerkeln am Theme motivierte.

1. zumindest bis zum more-Tag

Comicpress ist ein Wordpress-Theme, das sich an Comic-Zeichner richtet, die ihre Werke ins Internet stellen möchten ohne dabei auf den Komfort, die Flexibilität und die nahezu unbegrenzte Erweiterbarkeit des Wordpress-CMS zu verzichten.

Mit Comicpress können Blogeinträge und Comics zusammen anti-chronologisch dargestellt werden. In der im Download enthaltenen Datei functions.php werden vorher grundlegende Einstellungen gemacht, z.B. welche Kategorie vom Theme als “News”-Kategorie behandelt wird, in welchen Ordner die Comics hochgeladen und wie viele Einträge pro Seite angezeigt werden sollen:

$blogcat = "1";
$comic_folder = "comics";
$rss_comic_folder = "comics";
$archive_comic_folder = "comics";
$archive_comic_width = "380";
$blog_postcount = "5";

Ein bisschen enttäuschend ist, dass Comicpress nur eine style.css mitliefert und das Theme im Wordpress-Admin-Panel keine eigene Optionenseite hat. Veränderungen müssen also direkt im Quelltext vorgenommen werden. Auch eine automatische Verkleinerung von hochgeladenen Comics sucht man vergeblich. Immerhin werden in der Dokumentation erste Schritte zur Anpassung des Themes erklärt.

Comicpress wird — neben vielen anderen Webcomics — auch bei HijiNKS ENSUE genutzt.

In diesem Artikel stellen wir fünf Themes vor, die den speziellen Anforderungen eines Fotoblogs gerecht werden:

phT (Demo)

Das phT-Theme ist im Rahmen des Barcelona Photobloggers-Projekts entstanden und benötigt das WP-Plugin YAPB. Die “Previous”- und “Next”-Links sind direkt unter dem Bild; wenn auf das Bild selbst geklickt wird geht es chronologisch einen Schritt zurück.
Die Bildabmessungen können in der beiligenden Datei functions.php geändert werden:

define("phT_x",640); // Breite des Fotos
define("phT_y",480); // Höhe des Fotos
define("phT_tx",100); // Breite der Thumbnails
define("phT_ty",75); // Höhe der Thumbnails

Grain (Demo)

Auch das dunkle Fotoblog-Theme Grain funktioniert nur im Zusammenspiel mit YAPB. Im Kontrollzentrum von Wordpress können diverse Optionen angepasst werden: Kommentare, Copyright-Informationen, EXIF-Daten, Thumbnails, “Missing Image”, Archiv-Seite als Mosaik, Sidebar-Inhalte. Alles sehr einfach und vom Theme-Autor gut erklärt. Bei Bedarf kann der Titel des Fotos auch in einer zweiten Sprache dargestellt werden.

Firefox- und Opera-Browser können sehr gut mit Grain umgehen, der Internet Explorer leider nicht. Als ich das Theme installierte und zum Testen im IE6 aufrief überlappten sich die Hintergrundgrafiken der Navigation. Auch mit der Darstellung der EXIF-Daten scheint der Microsoft-Browser seine Probleme zu haben.

my-photo-blog (Demo)

Das Theme my-photo-blog kann theoretisch auch ohne zusätzliche Plugins genutzt werden, allerdings empfiehlt die Autorin PhotoQ zum Managen der Fotos.

Wenn Einträge mit dem benutzerdefinierten Feld “article” versehen werden, ändert sich die für Fotoblogs übliche Darstellung, z.B. in Archivseiten. Dort werden zunächst alle Fotos und darunter erst alle Texte (“articles”) angezeigt.

Weitere nützliche Eigenschaften: my-photo-blog unterstützt Sidebar-Widgets; die “Weiterblättern”-Funktion in der Einzelansicht der Fotos kann entweder chronologisch oder nach Kategorien geordnet genutzt werden; neue Kommentare stehen ganz oben (anti-chronologisch).

PhotoblogFB (Demo)

Von Frank Bültge stammt das PhotoblogFB-Theme für Wordpress. Im Download-Paket enthalten ist das Plugin fb_meta, das die EXIF-Daten auch außerhalb des Wordpress-Loops nutzbar macht. Ebenfalls dabei, aber nicht unbedingt nötig: CustomAdminCSS, das nicht gebrauchte Felder im Wordpress-Editor ausblendet.

PhotoblogFB hat keine eigene Konfigurationsseite und keine Unterstützug für Sidebar-Widgets. Die mitgelieferte sidebar.php listet Kategorien (als Galerien), seitenweite Tags und ein Kommentarformular auf; alles per JavaScript ein- und ausblendbar. Außerdem dabei: photoblogfb.pot, um das Theme in andere Sprachen zu übersetzen.

Nishita (Demo)

Das englische Wordpress-Theme Nishita benötigt das Plugin Custom Query String, um Thumbnails in Monats- und Kategoriearchiven darzustellen. Beim Hochladen von neuen Fotos ist es wichtig die URL zu den Thumbnails in den “Excerpt”-Ausschnitt einzfügen.

Mit Nishita können Bilder mit einer maximalen Breite von 720px dargestellt werden. Eine Sidebar ist nicht vorhanden, auch eine Optionenseite sucht man vergeblich. Kommentare erscheinen in einem Popup-Fenster.

Latest download here. (Wordpress 2.5+ required)

You can see Blass in action at zoonar.de and HALBZWO.

About this theme:

• No images – CSS only. Reduces traffic and loading time.
• Widgetized, but the default sidebar looks pretty, too.
• You can administer your Blog WITHIN your Blog. Thanks, Michael!
• Also included: An archives.php file. Simply write a new page and choose “Archives” as your post template (yep, that’s one of the blue boxes). This will create an archive based on months, categories and tags.

How to install

1. Download Blass.zip and unzip it.
2. Upload the folder to /wp-content/themes/ to get /wp-content/themes/blass/
3. Activate Blass via your administration panel. Dashboard → Presentation → Blass
4. Change the default blahblah I used for the “About this Blog” box by replacing it with your text in sidebar.php.

License
Creative Commons Attribution-Share Alike 3.0 — That means: You are allowed to use Blass on commercial weblogs. You can remix this theme to whatever you want. However, and that’s important to me, you’re not allowed to remove the backlink provided in the footer. Good work needs to be credited. :)

Where to report bugs, stupid mistakes and crappy grammar?
Right here. I’d love to hear your opinion about this theme. You’re welcome to leave a comment. Please state your Wordpress version when reporting bugs.