Wordpress - Notizblog

Tag-Cloud

Tags sind Schlagwörter, die man einem Beitrag zur differenzierten Suche beifügen kann. Diese Tags werden meist in der Sidebar als “Wölkchen” angezeigt. D.h. je öfter ein Tag verwendet wurde, desto größer wird dieser erscheinen - als Titel wird die Anzahl der passenden Beiträge ausgegeben.

Standardmäßig sieht der Template-Tag so aus:

<?php wp_tag_cloud(); ?>

mit den Parametern:

smallest kleinste Schriftgröße, Standard: 8
largest größte Schriftgröße, Standard: 22
unit Schriftgrößeneinheit, Standard: pt; weitere: px, em
number Anzahl der Tags in der Wolke, Standard: 45
format Aussehen der Wolke, Standard: flat; weitere: list, array
order Sortierung, Standard: ASC; weitere: DESC, RAND
orderby Ordnung, Standard: name; weitere: count
include Tag-ID getrennt mit Komma ohne Leerzeichen aufsteigend
exclude Tag-ID getrennt mit Komma ohne Leerzeichen aufsteigend

Mit diesen Parametern lässt sich nun die Codierung einer eigenen Seite für eine Tag-Cloud individuell gestalten. Erstellen kann man eine Seite im einfachen Texteditor bzw. mit einem PHP-Editor:

Damit diese Seite (ich nenne sie “Wolke” und speichere sie dann als wolke.php) im Backend als Auswahl-Template erscheint, müssen die ersten Zeilen dementsprechend definiert sein:

<?php
/*
Template Name: Wolke
*/
?>

Danach wird die Seite am besten dem Theme (Include-Tags für Header, Sidebar, Footer usw.) angepasst (der Einfachheit halber kann auch die page.php kopiert werden).

Die Wolke wird innerhalb des sg. “Loop” ausgegeben:

<?php if (have_posts()) : while (have_posts()) : the_post(); /* Loop */ ?>
	<div class="inhalt">
		<?php the_content(); ?>
            <div class="wolke"><?php wp_tag_cloud('smallest=8&largest=22&unit=px&number=100'); ?></div>
	</div>
<?php endwhile; endif; ?>

Per CSS (style.css) kann nun die Klasse “wolke” angepasst werden. Vor allem die Zeilenhöhe ist hier interessant, weil sich die einzelnen Schlagwörter (je nach Größenangabe) überlappen könnten.

.wolke {
       line-height: 1.2;
}

Im Backend wird nun unter “Schreiben” eine neue Seite erstellt und mit dem Template “Wolke” verbunden. Der Link erscheint nun unter den “Seiten” im Frontend.