In den letzten Wochen habe ich mit zwei fertigen Wordpress Themes gearbeitet: Auf jukeblog.de ist nun Mimbo installiert und Heide Liebmann hatte sich für das neue Outfit ihrer Webseite das Arthemia-Theme ausgesucht.

Beide themes sind im magazin-style gehalten, Arthemia (Michael Hutagalung) etwas mehr, Mimbo (Darren Hoyt) etwas weniger. Meine Erfahrungen hinsichtlich der Anpassung des Designs an die Farben und Inhalte sind, mit kleinen Abstrichen, durchweg positiv. Arthemia und Mimbo lassen sich, mit ein bisschen Erfahrung, recht gut handeln.

Der große Nachteil von magazin-themes steckt zugleich in dem, was diese Art von Designs auszeichnet und attraktiv macht: die Bilder. Einerseits kann man mit Bildern wirkungsvoll ganze Bilderwelten schaffen und den Inhalt und das Image untermalen, andererseits wird die Arbeit für den Autor eines Blogs immer aufwändiger, wenn für jeden Beitrag ein Bild gesucht und in Form gebracht werden muss. Sehr erfreulich ist daher, dass die Macher beider themes schon für Erleichterung gesorgt haben, denn beide themes haben inside das – ebeanfalls von Darren Hoyt entwickelte – „timthumb“ Skript eingebaut. Timthumb skaliert die einem Artikel hinzugefügten Bilder automatisch auf die im theme erforderliche Größe. In Arthemia werden die Bilder über die benutzerdefinierten Felder (custom fields) hinzugefügt, Mimbo geht noch einen bequemeren Schritt weiter: Jedes Bild, welches in einem Artikel über die Medienbibliothek eingefügt wird, erscheint automatisch auch als Thumbnail. Das allerdings kann man in Arthemia in der kommerziellen Version auch haben.

Als weiteres Feature ist die Verwendung von Widgets zu nennen. Ich selber arbeite zwar lieber mit der handcodierten sidebar, sehe aber ein, dass Widgets für Laien einfacher in der Handhabung sind, wenn auch mit etwas Bauchweh. Über die Textwidgets lassen sich viele codes in der Sidebar unterbringen wie z.B. ein Hinweis auf Amazon oder dies und das mit Links von anderen Webseiten. Leider sind die Codeschnippsel, die man so einfach per copy&paste einfügen kann, oft nicht valide und Grund für massenweise Validierungsfehler. Nicht so schlimm, aber schön ist es auch nicht.

Aufgrund der Inhalte im Blog, waren jedoch einige Widgets in ihrer Originalfassung nicht zu gebrauchen und ich musste erst nach verbesserten Möglichkeiten suchen.

Das Extended category Plugin

Magazine themes zeichnen sich dadurch aus, dass bestimmte, besonders wichtige Artikel hervorgehoben werden können. In Arthemia und auch in Mimbo gibt es einen Leitartikel und mehrere kleine besonders auszeichnete Artikel in der sidebar. Hierzu werden zwei Kategorien anlegt: headline und featured. Beim Schreiben entscheidet der Autor, ob er den neuen Artikel einer dieser beiden Kategorien zuordnet. Wenn ja, wird dieser Artikel entweder als neuer Leitartikel (oben) oder als featured article in der sidebar angezeigt. Die Krux bei der Sache ist nur die, dass das Widget zum Anzeigen der Kategorien immer alle Kategorien ausgibt, also auch die Kategorien „headline“ und „featured“. Bei einer händisch codierten sidebar kann recht einfach exclude eingesetzt werden um bestimmte Kategorien von der Anzeige auszuschließen, bei der Verwendung von Widgets muss man tiefer in die Trickkiste greifen.

Zwar ist es grundsätzlich möglich in der widgets.php eine entsprechende Änderung vorzunehmen, die ist aber dann nach dem nächsten update wieder überschrieben. An Wordpress immer wieder schön: man hat das Problem meist nie allein und findet zu fast allem eine Lösung. Und die Lösung hieß in diesem Fall „extended categories widget“. Die von Peter van der Does entwickelte Erweiterung erlaubt, neben einer ganzen Reihe von optionalen Einstellmöglichkeiten, das Ausschließen von Kategorien. Darüberhinaus kann man mit dem Widget mehrere Instanzen (Klone, Ableger) erzeugen und somit in der sidebar auch die Kategorien thematisch sortieren. Extended category widget http://wordpress.org/extend/plugins/extended-categories-widget/ Peter van der Does http://blog.avirtualhome.com/ (link geht leider derzeit nicht)

Das Blogrollen Problem

Die Blogrolle in Wordpress ist im Grunde nichts weiter als eine Linkkategorie. Benutzt man zur Anzeige der Blogrolle das in Wordpress vorhandene Widget, kann man keine Überschrift eintragen und ausgerechnet das kommt beim Arthemia theme nicht so gut. Statt der Überschrift erscheint dann nur ein kleiner schwarzer Balken. Auch hier könnte man Abhilfe über die widgets.php schaffen, aber das ist nicht im Sinne des Erfinders und auch zur besseren Pflege und Wartung des Blogs zu vermeiden. Eine geeignete sowie geniale Lösung fand ich bei http://www.whoisdeep.com/2009/02/04/display-multiple-link-widgets-using-wordpress-shortcodes/ Jedes theme, welches widgets benutzt, hat im themes Ordner eine Date functions.php. Diese wird lediglich um ein paar Eintragungen erweitert. Anschließend kann man ein Text-Widget benutzen die Blogrolle und bei Bedarf auch noch weitere Linkkategorien anzeigen zu lassen.

Das p-Tag Problem

Bei einem weiteren Problemchen kam mir wieder einmal das Wordpress-Forum zur Hilfe. In Arthemia wird die description der Kategorien seit Wordpress 2.7. mit umgebenden <p> Tags ausgegeben. p kann man aber nicht immer gebrauchen z.B. dann nicht, wenn der Inhalt von description als anklickbarer Linktext erscheinen soll. Lösung: in der Datei wp-content => themes => arthemia => functions.php folgenden Code einfügen:
remove_filter('term_description', 'wpautop');

Fehlerkorrekturen in Arthemia

Im theme stecken noch ein paar (harmlose) Validierungsfehler. Die meisten & sind nicht maskiert und sollten mit &amp; ersetzt werden – wenn man Wert auf den beliebten grünen Balken legt. Und irgendwo fehlten auch noch ein paar Gänsefüsschen.

Arthemia und der IE6

Nicht ganz so harmlos hingegen war jedoch, dass das theme für den Wechsel der Hintergrundfarbe der Kategorien in der Mitte <code>category:hover</code> benutzt. Das wäre soweit ok, wenn da nicht der IE6 wäre, der damit nichts anfangen kann. Hier hovert die Hintergrundfarbe nicht und weil die Textfarbe zu weiß wechselt, ist im IE6 gar nichts mehr zu lesen. Da es jedoch bei vielen Webseiten immer noch eine nicht zu vernachlässigende Menge an Webseitenbesuchern gibt, die mit diesem Browser das Netz besurfen (verstehe das wer kann) kann man das – zumindest in hiesigen Breiten – wohl oder übel nicht unter den Tisch fallen lassen. Im einfachsten Fall sollte man schlicht und ergreifend in der .css Datei für die Schriftfarbe für category:hover über conditionel comments oder Starhack etwas anderes als weiß wählen. Die zweite Lösung ist etwas aufwändiger, dafür jedoch hovert es dann auch im IE6. Ich habe die Anzeige der Kategorien in eine Liste gepackt und das Hovern der Hintergrundfarbe über das Linktag geregelt.
arthemia-featured-categories-hover
css-catgory-hover-arthemia

Mein Fazit: Die Arbeit mit Arthemia hat mir Spaß gemacht, mehr als ich gedacht habe. Templates von diesem Kaliber sind gegenüber der Erstellung von ganz individuellen Designs eine kostengünstigere Alternative, auch dann wenn man die kommerzielle Version zu 70$ erwerben würde.

Ein widgetfähiges Wordpress-theme wie z.B. Arthemia oder Mimbo, hat im Admin unter dem Menüpunkt “Widgets” standardmäßig ein Link-Widget. Wird dieses der Sidebar – oder einem Sidebarabschnitt zugeordnet – wird i.d.R. die Blogrolle ausgegeben. Wer jedoch die Möglichkeit von Wordpress nutzt viele verschiedene Links zu sammeln wird diese Links in Kategorien einordnen wollen. Im Webdesign z.B. sammle ich Links über CSS Themen oder Design oder php usw. Thematisch würden diese Links schlecht zu den Links der Blogrolle passen. Logisch also, dass ich mir dazu eigene Linkkategorien anlege.

Um diese Linkkategorien jedoch auch über ein Widget in die Sidebar einfügen zu können, würde man über das Standardwidget “Links” hinaus weitere Linkwidgets benötigen – was aber (noch) nicht in Wordpress vorgesehen ist.

Ich habe jedoch eine einfache Lösung des Problems gefunden. Durch Hinzufügen eines kleinen Codesnippets in der functions.php kann man die wundersame Vermehrung des Linkwidgets bewirken. Eine ausführliche Anleitung (en) gibt es hier:

whoisdeep.com/2009/02/04/display-multiple-link-widgets-using-wordpress-shortcodes/

Die im vorherigen posting erwähnte Möglichkeit Kategorien via Manipulation in der widgets.php aus der Anzeige auszuschließen – wenn das Kategorie-Listing über ein Widget erzeugt wird – hat mich doch noch nicht ganz zufrieden gestellt. Asu diesem Grund habe ich mich erneut auf die Suche begeben und nach einigen Irrläufern und vergeblichen Experimenten bin auf das Widget “extended categories” gestoßen. Dieses Widget läuft bei mir problemlos unter Wordpress 2.7. und tut seinen Dienst hervorragend.

Nach der Installation kann man eingeben, wie viele Widgets man haben möchte und somit mehrere Instanzen erzeugen. Per Checkbox wird dann ausgewählt welche Kategorien jeweiligen Widget angezeigt werden sollen.

Das Widget findest du hier:
http://wordpress.org/extend/plugins/extended-categories-widget/

Zur Zeit beschäftige ich mit der Anpassung des Arthemia-Themes. Das Theme benutzt, wie viele andere auch, Widgets. Magazine-Themes haben es an sich und in sich, da hier viel mit Bildern, die via custom-fields eingefügt werden, gearbeitet wird. Arthemia kennt die Kategorie headline und featured. Ist ein Artikel dieser Kategorie zugeordnet, werden/können in der Sektion für die Headline und die featured Articles kleine Bilder angezeigt werden. Das führt nur leider dazu, dass die Kategorien “headline” und “featured” mit aufgelistet werden, wenn der User zur Anzeige der Kategorien das Wordpress-Widget benutzt.

Also habe ich mich auf die Suche nach einer Lösung gemacht. Es gibt einige viel versprechende Plugins hierzu wie z.B. breukies categories oder das ACE (advanced Category Exclusion) Plugin – nur leider habe ich beide nach drei gescheiterten Versuchen entnervt wieder deinstallieren müssen. Schade, aber die Anleitungen sind auch so dürftig und zum Rätselraten hatte ich keine Lust.

Bei lancelhoff.com fand ich jedoch eine kurze und schmerzlose Lösung.

nur ein Memo an mich selber: die Media-Galerie in Wordpress funktioniert nicht in jedem Design. Knn nicht funktionieren. Mögliche Ursache ist das hard codierte css. Mit overflow: hidden; konnte ein Fehler behoben werden. Zu ändern ist das in includes/media.php Zeile 641.

Nebenbei bemerkt: Ich habe immer wieder, auch Plugins, in denen css-Eigenschaften fest eingeschrieben sind. Das macht imho keinen Sinn. Es wird immer wieder Designs geben, in denen das css dann nicht passt. Newbies stehen dann auf dem Schlauch und Leute, die wissen, wie man es ändern kann, müssen in den core-Dateien rumpfuscheln – bis zum nächsten update.

Mein Blog hatte es nie, ich wollte es aber immer haben: eine Navigation zum Blättern auf weitere Seiten statt der Board-üblichen “weiter zum nächsten Artikel”. Eine schönes Plugin dazu gibt es hier:
http://www.jenst.se/2008/03/29/wp-page-numbers … seit heute auch bei mir im Einsatz.

Bei suchking.com habe ich ein .pdf gefunden, in welchem allerhand Maßnahmen aufgelistet sind, mit denen man das Suchergebnis für ein Wordpress-Blog verbessern kann.

http://www.suchking.com/wordpress-seo.pdf Vielen Dank an Jan Siefken für das pdf.

Das Ganze ist auch als Buch erhältlich und sicherlich für jeden, der sich mit dem Thema beschäftigen möchte, eine gute Zusammenstellung und Überblick über verschiedene SEO-Maßnahmen, die auch für Anfänger auf eigene Faust realisierbar sein sollten.

Nachdem ich neulich bei amazon für ein 49-seitiges Käseblättchen (welches zuvor nach einem dicken Buch aussah) satte 44,00€ :-O hingeblättert habe (geht’s noch?), ist es schön zu sehen, dass man auch noch Gutes zu bescheidenen Preisen bekommen kann.

Aktuell bearbeite ich meine Hauptseite jukedmedia.de und werde die ganze Seite auf Wordpress umstellen. Lokal habe ich daher schon Wordpress 2.7. im Einsatz. Beim Testen habe ich jedoch festgestellt, dass das SimpleTagging Plugin unter Wordpress 2.7. nicht funktioniert. Das lässt sich jedoch folgendermaßen leicht beheben:

Die Datei simple-tags.php öffnen und folgende Zeile suchen:

if ( strpos($wp_version, '2.5') !== false || strpos($wp_version, '2.6') !== false )
{

und durch

if ( strpos($wp_version, '2.5') !== false || strpos($wp_version, '2.6') !== false ||
strpos($wp_version, '2.7') !== false ) {

ersetzen.

Via : http://wordpress.org/support/topic/214454

Ich bin im Wordpress-Fieber. Nachdem ich das jukeblog nun online habe, gibt’s für das weblog hier auch sehr bald ein neues Design mit ein paar anderen Funktionen inside – der größe Brocken ist aber der Relaunch meiner Hauptseite. Ich habe mich entschlossen jukemedia.de auf Wordpress aufzusetzen.

Hier wird eine Navigation aus einer Reihe von statischen pages geben. Die ehemalige Kundenhilfe wird als Artikel recycelt und eine Renaissance erleben um dann mit neuen Themen fortgesetzt zu werden.

Bei der Navigation in der Seitenleiste wollte ich, dass man Menüpunkte mit einer Kurzbeschreibung anzeigen kann. Das ist bisher nicht möglich. Ich habe aber einen Hack gefunden, mit welchem das ganz einfach funktioniert. Allerdings habe ich zwei Tage gesucht … und bin hier fündig geworden.

Thanks to Shantanu Goel | ♥ ♥ | :-)

http://tech.shantanugoel.com/2008/03/19/hack-wordpress-function-wp_list_pages-to-output-page-description-or-other-custom-fields-in-your-page-lists.html

update 6.11.08 - ich habe soeben im WP-Hilfe-Forum erfahren, dass in der kommenden Wordpress 2.7. diese Funktionen schon integriert sein sollen. Das wäre klasse und wieder ein Schritt mehr in die Richtung, dass Wordpress eben sehr gut auch als CMS eingesetzt werden kann.

www.jukeblog.de
Schon vor einiger Zeit hatte ich angekündigt, dass ich an einem neuen Blog bastle. Grund ist, dass ich in diesem Weblog oft mit angezogener Handbremse fahre, weil ich nicht zu weit vom Thema abschweifen möchte.

Demgegenüber steht jedoch, dass ich des öfteren durchaus Phasen habe, in denen ich über alles mögliche bloß nicht über Webdesign rede. Ich koche zum Beispiel ganz gerne (leider ;-) – keine großen Sachen, aber bei aller Hektik – ein Mittagessen muss schon sein. Oder Lifestyle Themen oder einfach alles was was mit schönen Materialien zu tun hat oder auch nur die Geschichten und Geschichtchen, die das Leben schreibt oder die andere geschrieben haben.

Ja ein bisschen besser schreiben können, das würde ich mir schon wünschen. Es gibt Leute, die das wirklich drauf haben. Ich weiß nicht, ob ich es kann, aber ich möchte es wenigstens mal versuchen. Einen Kurs zum kreativen Schreiben steht auf meiner Fortbildungwunschsliste auf jeden Fall schonmal ziemlich weit oben – nur wäre dieses Weblog wahrscheinlich nicht der richtige Platz für solche Experimente. Deshalb habe ich mir ein neues Blog gestrickt, damit ihr hier schön am Thema bleiben könnt. Ob das die richtige Entscheidung war, ich weiß es immer noch nicht so recht. Schaun wer mal.

Inhaltlich ist das neue Blog schon etwas befüllt mit alten postings aus einem verwaisten Blog, welchem ich den Gnadenstoß gegeben habe. Es ist sicherlich noch nicht alles fertig, aber zum Aufschreiben von Rezepten reicht das schonmal. Irgendwie finde ich es extrem mühsam ein Blog mit allem pipapo gleich zu Beginn bis ins letzte I-Tüpfelchen perfekt aufzusetzen. Fehlt mir wohl die Geduld.

Mit dem Logo des neuen Blogs bin ich noch nicht ganz zufrieden, aber ich kann derzeit selber noch nicht sagen, wo der Schwerpunkt der Themen liegen wird und wohin sich das entwickeln wird. Ob es bei den Rezepten bleibt oder ob was hinzukommt – who knows, aber ich habe im Moment keine Lust mir darüber noch weitere Gedanken zu machen und lass es vorläufig einfach mal so stehen.

Eventuell wird sich aber aus dem Design des neuen Blogs heraus noch ein Relaunch auch für diese Webseite ergeben. Ja schonwieder – es hört nie auf. Mir ist das Grün hier langsam zu müde und so – ach ich weiß nicht wie. Mir ist hier einiges zu qussig bunt geworden … na, irgendwas ist ja immer. Ich frage mich, ob ich es jemals schaffen werde mit einem Design länger als ein halbes Jahr zufrieden zu sein … ;-)