Visuelles Beispiel

Tagcloud

 

 
 

Allgemein

Informationsvisualisierung der Kategorien als Tag Cloud (Schlagwortwolke).

 

Beschreibung

Informationsvisualisierung der Kategorien, bei der eine Liste aus Schlagworten alphabetisch sortiert flächig angezeigt wird, wobei einzelne unterschiedlich gewichtete Kategorien größer oder auf andere Weise hervorgehoben dargestellt werden. Die Gewichtung richtet sich nach Anzahl der Verknüpfungen der einzelnen Kategorien mit Objekten (News, Links, Dokumente usw.). Ist eine Kategorie häufig verknüpft, wird sie größer oder anders hervorgehoben dargestellt.

 
 

Spezielle Einstellungen

Die Tag Cloud lässt sich in den speziellen Einstellungen konfigurieren.

  • Zielseite: Wenn Sie hier einen Wert eintragen, zeigen die Verlinkungen der Tagcloud auf diese Seite. Dies ist üblicherweise eine Seite, auf der sich Module für verwandte Inhalte befinden, die per URL mit Objekten einer Kategorie gefüllt werden. Standardmäßig wird die aktuelle Seite verwendet.
  • NavigationsmodulID auf Zielseite: Es ist möglich, im Kategorienavigations-Modul auf der Zielseite die aktuelle Kategorie hervorzuheben. Dazu kann hier die ModulID angegeben werden.
  • Maximale Zahl an Begriffen: Gibt an, wieviele Tags maximal angezeigt werden sollen.
  • Wurzelkategorie (ID): Geben Sie hier die ID der Kategorie ein, mit der die Tag Cloud starten soll.
  • Minimale Anzahl an Zuweisungen: Gibt an, wie oft eine Kategorie zugewiesen worden sein muss, um in der Tag Cloud zu erscheinen. Kategorien von geringer Bedeutung können so eliminiert werden.
  • Link Style (CSS Klassen-Prefix): Zur individuellen Gestaltung der Tag Cloud können optional verschiedene Styles mit dem hier eingetragenen Präfix und einer Zahl zwischen 1 und 6, z. B. TagCloudStyle1…TagCloudStyle6, verwendet werden. Diese Styles muss man im Stylesheet-Manager (oder in einer eingebundenen CSS-Datei) definieren.
 
 

CSS-Beispiel

 

/* Tag Cloud Modul */
a.tagcloud:link {
                        font-size:10px;
                        line-height:14px;
                        font-weight:normal;
                        padding:0;
}
a.tagcloud1:link , a.tagcloud1:hover , a.tagcloud1:visited {
                       font-size:30px;
                       line-height:14px;
                       font-weight:normal;
                       padding:0;
}
a.tagcloud2:link , a.tagcloud2:hover , a.tagcloud2:visited {
                      font-size:25px;
                      line-height:15px;
                      font-weight:normal;
                      padding:0 1px 0 1px;
}
a.tagcloud3:link , a.tagcloud3:hover , a.tagcloud3:visited {
                     font-size:20px;
                     line-height:16px;
                     font-weight:normal;
                     padding:0 2px 0 2px;
}
a.tagcloud4:link , a.tagcloud4:hover , a.tagcloud4:visited {
                    font-size:15px;
                    line-height:17px;
                    font-weight:bold;
                    padding:0 3px 0 3px;
}
a.tagcloud5:link , a.tagcloud5:hover , a.tagcloud5:visited {
                    font-size:10px;
                    line-height:18px;
                    font-weight:bold;
                    padding:0 5px 0 5px;
}