{"id":1427,"date":"2009-04-25T20:03:19","date_gmt":"2009-04-25T18:03:19","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=1427"},"modified":"2009-04-25T20:03:19","modified_gmt":"2009-04-25T18:03:19","slug":"arbeiten-mit-wordpress-arthemia-und-mimbo","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2009\/04\/arbeiten-mit-wordpress-arthemia-und-mimbo\/","title":{"rendered":"Arbeiten mit WordPress Arthemia und Mimbo"},"content":{"rendered":"

In den letzten Wochen habe ich mit zwei fertigen WordPress Themes gearbeitet: Auf jukeblog.de<\/a> ist nun Mimbo installiert und Heide Liebmann<\/a> hatte sich f\u00fcr das neue Outfit ihrer Webseite das Arthemia-Theme ausgesucht.<\/p>\n

\"heide-liebmann-de\"<\/a><\/p>\n

Beide themes sind im magazin-style gehalten, Arthemia <\/a>(Michael Hutagalung) etwas mehr, Mimbo<\/a> (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. <\/p>\n

Der gro\u00dfe 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\u00fcr den Autor eines Blogs immer aufw\u00e4ndiger, wenn f\u00fcr jeden Beitrag ein Bild gesucht und in Form gebracht werden muss. Sehr erfreulich ist daher, dass die Macher beider themes schon f\u00fcr Erleichterung gesorgt haben, denn beide themes haben inside das – ebeanfalls von Darren Hoyt entwickelte – \u201etimthumb\u201c Skript <\/a>eingebaut. Timthumb skaliert die einem Artikel hinzugef\u00fcgten Bilder automatisch auf die im theme erforderliche Gr\u00f6\u00dfe. In Arthemia werden die Bilder \u00fcber die benutzerdefinierten Felder (custom fields) hinzugef\u00fcgt, Mimbo geht noch einen bequemeren Schritt weiter: Jedes Bild, welches in einem Artikel \u00fcber die Medienbibliothek eingef\u00fcgt wird, erscheint automatisch auch als Thumbnail. Das allerdings kann man in Arthemia in der kommerziellen Version auch haben.<\/p>\n

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\u00fcr Laien einfacher in der Handhabung sind, wenn auch mit etwas Bauchweh. \u00dcber 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\u00fcgen kann, oft nicht valide und Grund f\u00fcr massenweise Validierungsfehler. Nicht so schlimm, aber sch\u00f6n ist es auch nicht.<\/p>\n

Aufgrund der Inhalte im Blog, waren jedoch einige Widgets in ihrer Originalfassung nicht zu gebrauchen und ich musste erst nach verbesserten M\u00f6glichkeiten suchen.<\/p>\n

Das Extended category Plugin<\/h3>\n

Magazine themes zeichnen sich dadurch aus, dass bestimmte, besonders wichtige Artikel hervorgehoben werden k\u00f6nnen. 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 \u201eheadline\u201c und \u201efeatured\u201c. Bei einer h\u00e4ndisch codierten sidebar kann recht einfach exclude <\/a>eingesetzt werden um bestimmte Kategorien von der Anzeige auszuschlie\u00dfen, bei der Verwendung von Widgets muss man tiefer in die Trickkiste greifen.<\/p>\n

Zwar ist es grunds\u00e4tzlich m\u00f6glich in der widgets.php eine entsprechende \u00c4nderung vorzunehmen, die ist aber dann nach dem n\u00e4chsten update wieder \u00fcberschrieben. An WordPress immer wieder sch\u00f6n: man hat das Problem meist nie allein und findet zu fast allem eine L\u00f6sung. Und die L\u00f6sung hie\u00df in diesem Fall \u201eextended categories widget\u201c<\/a>. Die von Peter van der Does entwickelte Erweiterung erlaubt, neben einer ganzen Reihe von optionalen Einstellm\u00f6glichkeiten, das Ausschlie\u00dfen von Kategorien. Dar\u00fcberhinaus 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\/<\/a> Peter van der Does http:\/\/blog.avirtualhome.com\/<\/a> (link geht leider derzeit nicht)<\/p>\n

Das Blogrollen Problem<\/h3>\n

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 \u00dcberschrift eintragen und ausgerechnet das kommt beim Arthemia theme nicht so gut. Statt der \u00dcberschrift erscheint dann nur ein kleiner schwarzer Balken. Auch hier k\u00f6nnte man Abhilfe \u00fcber 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\u00f6sung fand ich bei http:\/\/www.whoisdeep.com\/2009\/02\/04\/display-multiple-link-widgets-using-wordpress-shortcodes\/<\/a> Jedes theme, welches widgets benutzt, hat im themes Ordner eine Date functions.php. Diese wird lediglich um ein paar Eintragungen erweitert. Anschlie\u00dfend kann man ein Text-Widget benutzen die Blogrolle und bei Bedarf auch noch weitere Linkkategorien anzeigen zu lassen.<\/p>\n

Das p-Tag Problem<\/h3>\n

Bei einem weiteren Problemchen kam mir wieder einmal das WordPress-Forum<\/a> 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\u00f6sung: in der Datei wp-content => themes => arthemia => functions.php folgenden Code einf\u00fcgen:
\nremove_filter('term_description', 'wpautop');<\/code><\/p>\n

Fehlerkorrekturen in Arthemia<\/h3>\n

Im theme stecken noch ein paar (harmlose) Validierungsfehler. Die meisten & sind nicht maskiert und sollten mit &amp; ersetzt werden \u2013 wenn man Wert auf den beliebten gr\u00fcnen Balken legt. Und irgendwo fehlten auch noch ein paar G\u00e4nsef\u00fcsschen.<\/p>\n

Arthemia und der IE6<\/h3>\n

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

Mein Fazit: Die Arbeit mit Arthemia hat mir Spa\u00df gemacht, mehr als ich gedacht habe. Templates von diesem Kaliber sind gegen\u00fcber der Erstellung von ganz individuellen Designs eine kosteng\u00fcnstigere Alternative, auch dann wenn man die kommerzielle Version zu 70$ erwerben w\u00fcrde. <\/p>\n","protected":false},"excerpt":{"rendered":"

magazin-themes erfreuen sich gro\u00dfer Beliebtheit. Insbesondere f\u00fcr Autoren, die regelm\u00e4\u00dfig redaktionelle Beitr\u00e4ge schreiben ist ein fertiges theme wie Arthemia oder Mimbo eine gutes Werkzeug um Inhalte \u00fcbersichtlich und ansprechend in Szene zu setzen. Dieser Artikel erz\u00e4hlt von meinen Erfahrungen bei der Anpassung und Umstellung eines Blogs auf Arthemia.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[14,16,229,259,380,381,382],"yst_prominent_words":[],"class_list":["post-1427","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-webdesign-2","tag-wordpress-2","tag-templates","tag-widgets","tag-anpassen","tag-arthemia","tag-mimbo"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=1427"}],"version-history":[{"count":0,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1427\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=1427"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=1427"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=1427"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=1427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}