30 Oktober

CSS-Geschmack, Typografie und Neue Plugins

Kategorie: Internes — Jahrgang 2009

jetztneuDieses CSS ist ja bekanntlicherweise für das Design verantwortlich und gehört bei WordPress zu jedem Theme dazu. Je mehr man seinen eigenen Blog umbaut, gestaltet und erweitert, desto mehr Fehlerquellen und Unübersichtlichkeiten schleichen sich ein. Auch meine CSS bedurfte einer dringenden Überarbeitung. Zunächst habe ich festgestellt, das nicht alle meine verwendeten Schriftarten vernünftig skalierbar sind und habe mich mit Typografie beschäftigt und zunächst die Anzahl der verwendeten Schriftarten reduziert. Ich habe mich dabei ganz ungeniert von anderen Internetseiten inspirieren lassen und mit Firebug ausgelesen um sie damit auch gleich bei mir zu testen. Ich beschränke mich nun im wesentlichen auf zwei Schriftarten und habe versucht die Lesbarkeit zu erhöhen, natürlich nicht ohne den Stil zu vernachlässigen. Die Hauptschriftart habe ich mit font-family: Georgia, "Times New Roman", serif; definiert. Da Georgia aber meiner Meinung nach gerade bei kleinen Schriftgrößen unlesbarer wird, habe ich mich für die Ausgabe von kleinen Zusatzinformationen für die font-family: "Lucida Grande", Verdana, Arial, sans-serif; entschieden.

Die Sidebar habe ich komplett überarbeitet. Kommentare und Trackbacks werden jetzt in Karteikartenreitern getrennt dargestellt, das Design habe ich bewusst schlicht gehalten und die Funktionalität mit Hilfe von jQuery ergänzt. Außerdem gibt es noch unzählige Veränderungen an kleinen Feinheiten und Darstellungsfehlern, die ich im Detail gar nicht beschreiben möchte, das würden den Rahmen sprengen.

Ganz nebenbei habe ich WordPress auf die inzwischen erschienene Version 2.8.5 erhoben, in der aber die deutsche Sprachdatei unsauber implementiert war, was dazu führte das hier im Backend vieles durcheinander war. Im WordPress Blog gibt es dazu einiges zu lesen. Abhilfe? Die aktuelle Sprachdatei herunterladen und die alte damit überschreiben, oder das Update noch einmal manuell starten, denn der Fehler wurde inzwischen behoben. -> Backend - Werkzeuge - Autoupdate.  Auch an der Plugin-Front hat sich einiges getan, denn Plugins sind manchmal wie Gäste, sie kommen und gehen. Besonders höfliche und nette können auch gerne bleiben.

Neue Plugins

Da mein Blog ja ganz still und heimlich 1 Jahr alt geworden ist, habe ich auch nun endlich die Ehre ein Plugin einzusetzen, das Beiträge, die ich vor einem Jahr geschrieben habe nochmal hervorholt und in der Sidebar darstellt. Entschieden habe ich mich für das Plugin A Year before von Ralf Thees und es mittels entsprechendem CSS nach meinem Geschmack in Szene gesetzt. Praktischerweise ist man bei der Definition der Zeitspanne nicht an einen festen Zeitraum gebunden, sondern kann frei darüber entscheiden. Mit dem Popularity Contest Plugin von Crowdfavorite kann ich die beliebtesten Beiträge erfassen, dessen Ermittlung sehr komplex und äußerst genau funktioniert. Dabei geben Reaktionen auf einen Blogeintrag Punkte, die entsprechend ihrer Wichtigkeit multipliziert werden. Klingt jetzt kompliziert, funktioniert aber prima.

codeschnipsel conditional tagsBei­spiel: Bei­trag 1 wurde 24 mal über die Home­page ange­se­hen (24 x 2 = 48), 6 mal wurde der Bei­trags­per­ma­link ange­klickt (6 x 10 = 60) und wurde ins­ge­samt 3 mal Kom­men­tiert (3 x 20 = 60) macht ins­ge­samt 168 Punkte. Bei­trag 2 wurde 7 mal über die Home­page ange­se­hen (7 x 2 = 14), 10 mal wurde der Beitrags-Permalink ange­klickt (10 x 10 = 100), 7 Kom­men­tare wur­den abge­ge­ben (7 x 20 = 140) und 3 Track­backs wur­den gesetzt (3 x 80 = 240) macht zusam­men 494 Punkte.

Und was macht man damit? Nun, man bie­tet dem Besu­cher die Popu­lärs­ten Bei­träge an. Doch das Plu­gin kann noch mehr, es unter­schei­det näm­lich auch zwi­schen den Popu­lärs­ten Bei­trä­gen über­haupt und den popu­lärs­ten Bei­trä­gen einer ein­zel­nen Kate­go­rie oder denen eines gewis­sen Zeit­raums, zum Bei­spiel des Monats. Klickt einer mei­ner Besu­cher zum Bei­spiel auf die Kate­go­rie Aus­ein­an­der­ge­setzt, so zeigt das Plu­gin in mei­ner Side­bar die popu­lärs­ten Bei­träge die­ser Kate­go­rie an.  Dazu habe ich das Plu­gin mit­hilfe der Word­Press eige­nen Con­di­tio­nal Tags in mei­nen Theme ein­ge­baut um zu unter­schei­den auf wel­cher Seite sich der Besu­cher befin­det. Das Bild zeigt den ent­spre­chen­den Code­aus­schnitt aus mei­nem Theme. Zunächst über­prüfe ich dabei, ob das Plu­gin über­haupt vor­han­den ist und frage dann nach und nach ab, auf wel­cher Seite sich der Besu­cher befin­det. Trifft kei­nes der Kri­te­rien zu ”} else {„, zeige ich die popu­lärs­ten Bei­träge der ver­gan­ge­nen Woche. Ich finde eine sehr authen­ti­sche Methode die Beliebt­heit eines Arti­kels zu erfas­sen, denn die Aus­wer­tung rei­ner Klick­zah­len scheint keine Aus­sa­ge­kraft zu besitzen.

Neben Track­backs und Ping­backs werte ich nun auch Tweet­backs aus, denn über den Stel­len­wert, den Twit­ter für die Blog­ger ein­nimmt, habe ich ja schon geschrie­ben, mitt­ler­weile errei­chen mich rund 34% mei­ner Besu­cher über den Microblogging-Dienst. Sollte also ein Twit­te­rer einen mei­ner Arti­kel twit­tern, so erhält der ent­spre­chende Bei­trag einen Tweet­back. Mei­nen eige­nen Tweets lasse ich natür­lich außer Acht. Mög­lich macht das ein Plu­gin von Joost de Valk das auf den Namen Tweet­Backs hört, der Ein­bau in das eige­nen Theme muss zwar von Hand erfol­gen, ist aber für eine kun­dige Hand kein Pro­blem, vor­aus­ge­setzt das Theme unter­schei­det schon zwi­schen den ver­schie­de­nen Typen (seit Ver­sion 2.7 schon von Word­Press mit­ge­bracht), wenn nicht, gibt es unter ande­rem bei Frank Bueltge Hilfe.

Schluss gemacht

Schluss gemacht habe ich mit dem Plu­gin GD Star Rating, obwohl ich die Mög­lich­keit des Bewer­tens von Bei­trä­gen mit dem Dau­men Hoch oder Run­ter immer noch gut finde. Ich finde das Plu­gin aber für meine Zwe­cke viel zu über­la­den mit unzäh­li­gen Mög­lich­kei­ten und Funk­tio­nen, die nicht nur den Quell­code sprengte son­dern bei mir immer noch für Ver­wir­run­gen sor­gen. Außer­dem habe ich Schluss damit gemacht, die Ände­run­gen so auf die lange Bank zu schie­ben. Ich leide wohl unter der Krank­heit, das ich immer noch etwas ver­bes­sern will bevor ich es ver­öf­fent­li­che, aber so wird das wohl nie was. Des­halb: Schluss damit! Solange der Inhalt unbe­rührt bleibt, plä­diere ich für das aus­pro­bie­ren von neuen Mög­lich­kei­ten. Des­halb habe ich trotz des Gefühl’s „so rich­tig rich­tig ist das noch nicht” mei­nen Theme zur Ver­sion 2.6 erho­ben. Basta!

18 Kommentare

  1. Das Plug-In zur Anzeige der belieb­tes­ten Arti­kel hört sich inter­es­sant an. Toll die Umset­zung nach Kate­go­rien u.a.
    Lei­der sind die meist­be­such­ten Arti­kel nicht immer die bes­ten. So ist bei Basic­T­hin­king immer der glei­che Top-Artikel zu sehen. „youTube Por­no­klon”.

  2. Und ich frage mich immer wie die Leute so per­fekt aus­se­hende Blogs hin­be­kom­men. Es ist also durch­aus nicht nur damit getan, daß man Word­Press und Theme instal­liert und dann ein hek­tisch zusam­men­ge­bas­tel­tes Logo bas­telt und gut ist?

    Woher nimmst Du denn die ganze Zeit für die Bas­te­leien? Die Pos­tings sind ja auch nicht ein­fach so runtergeschrieben?

  3. herz­li­chen glück­wunsch zum ein­jäh­ri­gen erst­mal. und ich beneide euch leute, die mit sachen wie css umge­hen können!

  4. Erst­mal gra­tu­liere ich nach­träg­lich zum Einjährigen ^^

    Die Neue­run­gen gefal­len, hach ich wünschte ich könnte sowas auch.

    Liebe Grüsse

  5. @funkygog: Das ver­sucht das Plu­gin ja zumin­des­tens zu mini­mie­ren, denn es fasst Hits, Track­backs, Ping­backs, Kom­men­tare und Ver­lin­kun­gen zusam­men. Das ist natür­lich kein Garant für Qua­li­tät, da stimme ich Dir zu.

    @Postpunk: Doch natür­lich. Gegen das reine „Nut­zen” von Word­Press, Plugins und The­mes ist abso­lut nicht ein­zu­wen­den. Meis­tens finde ich das sogar ange­neh­mer, weil sich so man­cher mehr Zeit für den Inhalt neh­men kann. Ich für mei­nen Teil pro­biere gerne aus und bin nahezu krank­haft neu­gie­rig. Ich muss immer wis­sen, wie was funk­tio­niert und wenn ich das weiß, dann fange ich auch an, daran rumzubasteln ;)

    Deine zweite Frage ist inter­es­sant, denn die stelle ich ande­ren Schrei­bern eben­falls. juliaL49 ist bei­spiels­weise so ein Fall, die kann die Fin­ger auch nicht still­hal­ten (sie möge mir diese Aus­sage ver­zei­hen). Da frage ich mich dann, woher die Zeit kommt. Aber du hast recht, natür­lich nimmt das einige Zeit in Anspruch, die man sich neh­men muss. Ich mache das, weil ich Spaß daran habe und das mein per­fek­ter Aus­gleich, für die schon mehr kör­per­lich ori­en­tiere Tätig­keit im Beruf.

    @tobi: Danke :) Das ist aber wirk­lich nicht so schwer wie es aus­sieht. Ich kann jedem nur emp­feh­len sich ein zwei­tes „Pro­bier­blog” ein­zu­rich­ten um damit zu spie­len. Das kann rich­tig Spaß machen :)

    @Atanua: Dan­ke­schön :) Du kon­zen­trierst dich jetzt erst­mal auf dein Stu­dium, dann kannst du immer noch damit anfan­gen, eine vir­tu­elle Woh­nung zu gestalten ;)

  6. Das „A Year before” Plu­gin ist Klasse … das hab ich mir gleich mal geschnappt ;) Danke Dir für die aus­führ­li­chen Infos Robert … werde die Tage mir die ande­ren Plugins mal genauer anschauen … muss jetzt lei­der arbei­ten *grmpf* Ich mag Mon­tage nicht sonderlich ;)

  7. Ich erzähle Dir ein Geheim­nis: Ich glaube Julia ist keine ein­zelne Per­son. Julia ist eine Gruppe! Eine Gruppe, die uns fer­tig machen will und die 20 Stun­den täg­lich für ihren Blog recher­chiert und 5 Stun­den täg­lich andere Blogs durchforstet! ;-)

    Julia ist ein Trans­por­ter (I,II,III)! Sie trans­por­tiert das Wis­sen der Welt in ihren Blog und will uns weis­ma­chen, daß dies für einen ein­zel­nen Men­schen nor­mal ist. Und ihr dun­kels­tes Geheim­nis, das sie quasi auf eine Stufe mit Darth Vader, Gar­ga­mel und Daniel Würtz stellt: Sie bezieht ihre Kräfte direkt von Jon Bon Jovi!

  8. Herz­li­chen Glück­wunsch zum Ein­jäh­ri­gen! :) Da bist Du blog-technisch ja noch ein rich­tig jun­ger Hüp­fer, und ich komme mir gerade sehr alt vor. ;)

    Was die Les­bar­keit von Schrift­ar­ten betrifft: Seri­fen­lose Schrift­ar­ten wie Arial, Tahoma oder Ver­dana sind grund­sätz­lich bes­ser les­ba­rer als sol­che mit Seri­fen wie Times New Roman, wenn sie ver­klei­nert werden.

  9. @stoffel: Du soll­test unbe­dingt anfan­gen, dei­nen Blog zu ver­lin­ken, auch in den Kom­men­ta­ren. Denn was nut­zen Dir die schöns­ten Plugins, wenn sie kei­ner bemerkt? Und mei­ner Mei­nung nach ist es dein Blog wert, ver­linkt zu werden :)

    @postpunk: Uhhh! Ein Geheim­nis! Aber ja, ich stimme Dir zu, denn eigent­lich ist Julia sicher­lich eine aus­ge­klü­gelte Wer­be­ma­sche eines nam­haf­ten Unter­neh­mens, das sich wie eine Daten­krake im Netz ver­teilt und unter­schwel­lige Wer­be­bot­schaf­ten ver­mit­telt, die selbst mei­nem geschul­ten Auge ent­gan­gen sind. Übri­gens: Ein köst­li­cher Ver­gleich mit die­sem Herrn Jovi, wobei ich mich frage, ob sie mehr auf den Kurz-Haarigen oder den Matten-Jovi kommt…

    @Jessica: Vie­len Dank. Wenn das mit dem jun­gen Hüp­fer mal auf alle Lebens­la­gen zutref­fen würde, denn du kommst Dir nicht alleine alt vor. Um Post­punk nach­zu­ei­fern auch ein Geheim­nis von mir: Kurio­ser Weise war ich bis zum mei­nem 25. Lebens­jahr immer der jüngste. Der jüngste in der Lehre, der jüngste in der Schul­klasse, der jüngste in einer Abtei­lung und habe alles dafür getan älter zu sein. Und jetzt? Rate mal :)

    Ja, das habe ich auch fest­ge­stellt und mich ja des­halb für 2 Schrift­ar­ten ent­schie­den um auch den „klei­nen” Con­tent ent­spre­chend dar­zu­stel­len. Ich bin jetzt keine Typo-Crack, aber mir gefällt es so und ich finde es opti­mal les­bar. Was meinst du?

  10. So, still und heim­lich auch noch nach­träg­lich Glückwunsch :)

    Und ja, ich bin eigent­lich 49 Per­so­nen (bzw. 42 wie es in mei­ner Twitter-Bio steht).

    Bon Jovi habe ich übri­gens schon vor Jah­ren gegen Andro­iden aus­ge­tauscht (schon gemerkt: Songs seit 10 Jah­ren die­sel­ben) und ernähre mich nun von den gol­de­nen Schallplatten.

    PS: Es hilft, wenn man 10-15h am Tag vor dem Com­pu­ter sitzt.

  11. 10-15h? Dann tau­sche ich wohl Neid und Bewun­de­rung gegen Mit­leid und Mit­ge­fühl, denn ich denke du sitzt nicht frei­wil­lig solange vor der Kiste. Vie­len Dank für die Glückwünsche!

  12. Danke Dir Robert … aber es ist Absicht ;) Mir reicht die kleine Leser­schar voll­kom­men für mei­nen Blog, ich bin nicht gerne zu „öffent­licht” ;) Zum einem weil mir die Zeit fehlt wirk­lich regel­mäs­sig zu schrei­ben, und zum ande­ren bin ich kein begna­te­ter Schrei­ber (wie Du zum Bei­spiel, mei­ner Ansicht nach).

    Nach­träg­lich auch von mir „Herz­li­chen Blogstrumpf” zum Ein­jäh­ri­gen … ich hoffe auf wei­tere 50 :D Mindestens!

  13. Schade. Ich denke, du soll­test den Inter­es­sier­ten wenigs­tens die Mög­lich­keit geben, sich selbst ein Bild von dei­nen Schreib­küns­ten zu machen, denn obwohl du ja recht sel­ten aus pri­va­ten Zwe­cken zur Tas­ta­tur greifst finde ich, das es nicht unbe­dingt dar­auf ankommt etwas beson­ders schön zu schrei­ben, son­dern ein­fach so zu schrei­ben wie einem der Schna­bel gewach­sen ist. Dann kann der Leser immer noch ent­schei­den, ob das gut oder schlecht ist :)

    50? *rechne* also dann wäre ich *grü­bel* Au weia. Zum Glück kann man auch ohne Zähne bloggen ;)

  14. Lange habe ich über Deine Ant­wor­ten nach­ge­dacht und Pros & Cons abge­wägt. Über­zeu­gen konn­test Du mich dann doch … seit­dem bin ich „offen” ;)

    Danke Dir für die Moti­va­tion und Anregungen!

  15. Schön das ich Dich end­lich über­zeu­gen konnte. Du bist und bleibst eben doch eine Berei­che­rung, ob du willst oder nicht.

  16. *rot­werd* Dan­ke­schön … nu is aber genug mit Kom­pli­men­ten oki? ;)

  17. *laut­lach* Hach Robert was kann ich da noch sagen?

    Du bist Klasse!!!

  18. Ver­spro­chen, keine der­ar­ti­gen Texte mehr. Ich ver­spre­che, dich ab sofort als Blog­ge­rin nicht mehr ernst zu neh­men und deine Worte als wir­res Gefa­sel einer noch wir­re­ren Bril­len­trä­ge­rin abzu­stem­peln :) Außer­dem soll­test du doch Kom­pli­mente gewohnt sein, zumin­des­tens von Mysti der immer wie­der in dei­nen Bei­träge lob­hu­delt: „Egal wel­cher Blick… die Frau auf den Bil­dern gefällt mir sehr gut.” — „@Mysti: Du bist und bleibst ein Schatz *kuss*”. Eure Zwei­sam­keit ist erschre­ckend :D

Schreibe einen Kommentar

(erforderlich)

(erforderlich)

Hilfe zur Kommentareingabe?

Du kannst folgende xHTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

E-Mail-Benachrichtigung bei neuen Kommentaren ? Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare via E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent bei Spontis bist.

Ein Bild von Dir? (Avatare): Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz: Wenn dein Kommentar nicht gleich erscheint, kann es sein das er im Spam-Ordner gelandet ist. Das passiert auch wenn du zuviele Links auf einmal benutzt.