Posts Tagged ‘CSS’

Tag Cloud

Sonntag, März 4th, 2007

Gestern habe ich mir endlich eine Tag Cloud installiert.
Nachdem ich erst eine Variante versucht hatte, die nicht funktionierte, lief es letztendlich folgendermaßen:

Hier habe ich das Plugin Simple Tagging herunter geladen. Dort ist die Installationsanleitung auch in englischer Sprache zu finden.

Installation von Simple Tagging:

  1. Nach dem Entpacken des .zip-Archivs, den Ordner inklusive Dateien (oder auch nur die darin enthaltenen Dateien) in das Plugin-Verzeichnis kopieren.
  2. Das Plugin im WordPress Backend (Administrations-Bereich) unter Plugins aktivieren.
  3. Im Backend unter Tags > Tag Options die gewünschten Einstellungen vornehmen und speichern.
  4. Unter Optionen > Permalinks den Knopf Permalink Struktur aktualisieren drücken.

Dann habe ich, wie hier beschrieben, die Funktion für die Wolke eingebunden:

  1. Dieses Code-Fragment habe ich an gewünschter Position in meine Sidebar integierert.
    1. <?php if (class_exists(‚SimpleTagging‘)) : ?>
    2.     <ul id =„tagcloud“>
    3.         <?php STP_Tagcloud(); ?>
    4.     </ul>
    5. <?php endif; ?>

  2. Damit es in mein Layout passt, habe ich die folgenden Zeilen in die .css-Dateien kopiert und angepasst:

    ul#tagcloud { padding:0; margin:0; text-align:center; list-style:none; }
    ul#tagcloud li { display:inline; font-size:70%; color:#ccc; background: none; padding: 0;}
    ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
    ul#tagcloud li a:hover { text-decoration:underline; }
    ul#tagcloud li.t1 a { color:#797979; font-size: 120%; }
    ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 160%; }
    ul#tagcloud li.t3 a { color:#616161; font-size: 190%; }
    ul#tagcloud li.t4 a { color:#555555; font-size: 210%; }
    ul#tagcloud li.t5 a { color:#484848; font-size: 230%; }
    ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 250%; }
    ul#tagcloud li.t7 a { color:#303030; font-size: 270%; }
    ul#tagcloud li.t8 a { color:#242424; font-size: 290%; }
    ul#tagcloud li.t9 a { color:#181818; font-size: 310%; }
    ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 330%; }

    Vielen Dank an Michael Wöhrer, der das Simple Tagging-Plugin gebastelt hat, und an Andi, der mir geholfen hat, die Fehler aus dem ersten Installationsversuch wieder auszumerzen. Die Kombination aus Sidebar Widgets + Simple Tagging Widget Plugin zusammen mit Simple Tagging funktionierte nämlich bei mir nicht so gut, wie auf jovelblog beschrieben.

    Simple Tagging selbst bietet schon die Möglichkeit, unter den einzelnen Beiträgen gleich Tags zu vergeben und aus diesen dann eine Tag Cloud mit o. g. Funktion zu generieren. Das Simple Tagging Widget ermöglicht dies aber auch, ignoriert aber dabei die Konfiguration der Tag Optionen im Backend. So ließ sich beispielsweise nicht einstellen, wie viele Tags in der Wolke zu sehen sein sollten. Sidebar Widget ist dafür da, beliebige Widgets in der Sidebar zu positionieren oder beliebigen anderen Code zu integrieren. Die Konfiguration war recht aufwändig, da ich ein anderes als das classic/default-Template von Kubrick benutze.

    Jetzt sieht es aber so aus, wie ich es mir vorgestellt habe und die nigelnagelneue Tag Cloud kann rechts in der Sidebar bewundert werden.

Blog(h)ausbau

Montag, Juni 12th, 2006

So, geschafft! Endlich sind die neuen Stylesheets online! Unten in der Sidebar (im rechten Fensterbereich) können jetzt alternative Farben ausgewählt werden.

Es hat ganz schön lange gedauert, die Farben aufeinander abzustimmen und schöne Kombinationen zu erzeugen. Mit dem grau-orange-farbenen Stylesheet, das ich als letztes gebastelt habe, bin ich noch nicht richtig zufrieden, aber für´s Erste soll es genügen.

Auch neu ist eine erweiterte Suche auf gleichnamiger Seite (ebenfalls über die Sidebar zu erreichen). Sie ermöglicht jetzt, neben der Suche hier im Weblog, auch das große und weite Web sowie die Stammbaum-Seite und das Frauen-Zimmer zu durchsuchen.

Das Frauen-Zimmer ist ein neues Projekt, mit dem ich erst vor kurzem angefangen habe. Es fehlt noch das Wichtigste – der Inhalt, daher ist es noch nicht online ;-) Es wird eine Seite über das Lebewesen Frau in jeder Hinsicht. Ich denke an so Sachen wie die Rolle der Frau in verschiedenen Kulturen, die Geschichte der Gleichstellungsbemühungen, Frauen in der Kirche, in technischen Berufen, in Machtpositionen, u.s.w. Meine Liste ist endlos und ich weiß gar nicht so recht, womit ich anfangen soll. Das Layout der Seite ist auch noch nicht ganz fertig. Mir fehlt zum Beispiel ein schönes Bild für den Kopf der Seite. Eines, das zum Thema passt, aber nicht so hardcore-emanzipiert wirkt. Was nettes eben =) Aber dazu später mehr, wenn´s endlich online ist.

Beim Basteln der Stylesheets waren die Farben nicht das einzige Problem. Getestet hab ich die neuen Bestandteile auch im Internet Explorer, der leider manche Dinge anders darstellt. So musste ich ´ne Weile rumfrickeln, bis alles so passte, dass es annehmbar war. IE-Nutzer müssen trotzdem die ein oder andere Abweichung ertragen. Aber die Abhilfe gibt´s hier – da gibt´s nämlich den tollen Browser!!

Ein Problem trat allerdings beim Firefox auf, was es beim IE nicht gab. Offenbar hat der Firefox manchmal Probleme, Kommentare zu ignorieren, wodurch seltsame Leerzeilen entstehen. Ohne Andi, der mich mal wieder vor dem Waaahnsinn gerettet hat, wär ich da im Leben nicht drauf gekommen! Danke! *knuddel*