Tagcloud formatieren

Hallo Klaus,

die Tagcloud kannst Du so formatieren:

1.) Schriftgrößen:

<?php wp_tag_cloud('smallest=8&largest=16'); ?>

In diesem Beispiel hat der am wenigsten relevante Begriff die Größe von 8pt und der am meisten relevante 16pt.

2.) Allgemeine Formatierungen:

Wenn Du Dir mal den Quelltext anschaust siehst Du, dass jedem Begriff in der Wolke eine Klasse zugeordnet ist. So könntest Du beispielsweise über diese Klassen jedem Begriff eine andere Farbe geben.

Im HTML kannst du die Tags als Liste anzeigen lassen, z.B. so:

<h2>Tag-Wölkchen</h2>
<ul class="tagwolke">
<li><?php wp_tag_cloud('smallest=8&largest=16'); ?></li>
</ul>

Nun kannst Du .tagwolke li in der css formatieren, wie es dir gefällt: Abstände vergrößern, andere Schriftart oder was auch immer, der Möglichkeiten sind fast keine Grenzen gesetzt... ;-)

danke copernica, dies war für mich auch gerade interessant, wenn ich jetzt noch ne Möglichkeit für ähnliche Artikel finde, kann ich mir ein weiteres Plugin (STP) sparen ...

V.

tja was kann man da sagen ausser - > daaaanke !!

so macht arbeiten spaß! (war ein Scherz ist ja gar nicht mein job :)

V.

Zitat von copernica

Wenn Du Dir mal den Quelltext anschaust siehst Du, dass jedem Begriff in der Wolke eine Klasse zugeordnet ist. So könntest Du beispielsweise über diese Klassen jedem Begriff eine andere Farbe geben.

Hi,
naja nicht wirklich... die CSS-Klassen der Tagcloud werden erzeugt mittels der ID des jeweiligen Tags. Dh. man müsste nach jedem Hinzufügen eines Tags das Stylesheet erweitern.
Was leider momentan nicht funktioniert, ist eine farbliche Gewichtung der Tags zu erzeugen anstelle der Schriftgrössen-Gewichtung, wie es zb bei dem UTW Plugin einfach möglich war.
gruss
Tom

Webrocker:

Klar, das geht alles nur manuell. Aber immerhin bestehen überhaupt Möglichkeiten, auf das Aussehen der Tagwolke Einfluß zu nehmen. ;-)

oh, dann warte ich noch nen Moment und bleibe erstmal bei STP, arbeitet auch perfekt mit WPseo zusammen ...

Grüße V.

So weit, so gut. das einzige, was sich via CSS nicht festlegen lässt, scheint ja der Hintergrund zu sein. Ich habe die Tagcloud in einen div-Container gesteckt, und den mit CSS formatiert. Rahmen, Abstände und auch die Linkfarbe der Tags ließen sich festlegen, die Anweisung für den Hintergrund des Containers wird jedoch ignoriert.

Gruß,
Markus

sorry für die dumme frage, aber in welcher css datei wird die Tag cloud formatiert? ICh hab nun schon alle dateien durchsucht weiß aber nicht in welcher datei das css für cloud ausgegeben wird
?

Greetz X

Formatierung des Tag Cloud

Im Grunde brauchst Du nur in der style.css die Formatierung einbringen, zB

#tagcloud a {
    color: #3172B4;
    text-decoration: none;
}
#tagcloud a:hover {
    color: #FF7705;
    background: #FFFFFF;
}

Man kann dies entsprechend seinem Wordpress Theme natürlich beliebig erweitern.

In die sidebar.php dann

<h3>Tagging</h3>
<div id="tagcloud">
<?php if ( function_exists('wp_tag_cloud') ) : ?>
<?php wp_tag_cloud('smallest=8&largest=14&unit=pt&number=15&format=flat&orderby=name&order=ASC'); ?>
<?php endif; ?></div>

Zumindest in WP 2.3.1 funktioniert das ;-)

Hi newx,

Ich habe die Tagcloud einfach in ein div-Element gepackt, den die CSS-Klasse "tagcloud" zugewiesen und in der style.css eben diese Klasse .tagcloud angelegt und formatiert.
Vorbereitet ist da wohl nix.

Btw: Mein obiges Problem mit dem Hintergrund hat sich auch erledigt. Wer schreiben kann, ist klar im Vorteil ;)

Gruß,
Markus

Danke das hat geklappt! :mrgreen:

Wo kann man eigentlich die anzhal der Wörter in der Tag Cloud bearbeiten?

ups falscher post ...

Ich habe das Tag Widget in der Datei "widgets.php" angepasst.
Es werden trotzdem noch ein paar Tag größer oder fett dargestellt.
Was muß ich ändern, damit es einheitlich ist?

Mein Code:

wp_tag_cloud('smallest=10&largest=10&unit=pt&number=30&format=flat&orderby=count&order=DESC&exclude=&include=');

Link zur Seite: pixilla.de

Zitat von joshi

Ich habe das Tag Widget in der Datei "widgets.php" angepasst.
Es werden trotzdem noch ein paar Tag größer oder fett dargestellt.
Was muß ich ändern, damit es einheitlich ist?

Mein Code:

PHP

wp_tag_cloud('smallest=10&largest=10&unit=pt&number=30&format=flat&orderby=count&order=DESC&exclude=&include=');

Link zur Seite: pixilla.de

Nicht sicher aber scheint der Sinn dahinter nicht in den Grössen/Farben der Tags um die meistbenutzen Tags anzuzeigen? Wieso möchtest du alle gleich haben?

Ich habe ja so sortiert, dass es vom meistgenutzten Tag absteigend angezeigt wird. Nur soll eben die Schrift einheitlich sein.

Edit: Habe die Lösung gefunden.

Wordpress läßt den Abstand von "0" zwischen, smallest und largest nicht zu. Gibt man bei largest "10.1" ein, funktioniert es.

Keine Tag-Wolke

Hallo,

ich habe aufmerksam den Diskussionsfaden gelesen und war hoch erfreut, dass die Funktion einer Tag-Wolke ab WP v2.3 standardmäßig verfügbar ist.
Ich habe nämlich erst am letzten Wochenende von v2.1 auf v2.3.2 geupdated.
Mit dem Link von Jottlieb ist eigentlich alles schon gesagt, was das Einfügen und die Parameterübergabe anbetrifft.
Allerdings wird bei mir keine Wolke dargestellt.

Zitat

<!-- START CATEGORIES -->
<ul>
<center><table style="background-image:url(_bilder/hintergrund_kategorien.gif)" width="170" height="65" border="0"><tr><td><h4><font color="#5b4635">Kategorien</font></h4></td></tr></table></center>
<br>
<?php
if (function_exists('silpstream_wp_dtree_get_categories')) {
silpstream_wp_dtree_get_categories();
}

?>

</ul>

[COLOR="Red"]<?php wp_tag_cloud(''); ?>[/COLOR]

<ul>
<br>
<!-- START SEARCH -->
<form id="searchform" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<div>
<input type="text" name="s" id="s" size="11">
<input type="submit" value="&nbsp;Ok&nbsp;" class="buttons">
<font size="0">Interne Suche</font>
</div>
</form>

</ul>

Alles anzeigen

Dies ist ein Auszug aus meiner index.php-Datei meines Themes.
Die Wolke möchte ich gerne zwischen dem Kategorien-Baum und der Eingabemaske für interne Suchabfragen platzieren.
Den PHP-Code für die Tag-Wolke habe ich bereits eingefügt (rot markiert).
Es wird aber nichts dargestellt.

Muss ich u.U. noch in die style.css etwas einfügen?
Antwort wäre nett.

Freundliche Grüße,
Ralph