Viele Leute verwenden das Tag-Cloud-Widget in WordPress, um ihre Post-Tags in ihrer Widget-Seitenleiste anzuzeigen, aber Sie können Ihrem Design auch manuell eine Tag-Cloud hinzufügen, die sich perfekt zum Erstellen einer benutzerdefinierten Tag-Cloud-Seitenvorlage oder zum Hinzufügen zu Ihrem Design eignet in Bereichen, die Sie nicht unbedingt mit Widgets versehen möchten.
Dieses tägliche Code-Snippet zeigt Ihnen, wie Sie über Ihre Designdateien überall auf Ihrer Website eine benutzerdefinierte Tag-Wolke anzeigen und sie so gestalten können, dass sie sauber und modern aussieht.
So zeigen Sie eine Tag-Cloud manuell an
Um Ihre Schlagwortwolke anzuzeigen, müssen Sie lediglich das „wp_tag_cloud()”-Funktion überall dort, wo Sie Ihre Tags anzeigen und Ihre Parameter anwenden möchten. Unten ist ein kurzes Beispiel eines Tags mit einigen der vielen Parameter – mehr dazu auf WordPress.org Tag Cloud-Referenz.
<?php wp_tag_cloud( array(
'smallest' => 8, // size of least used tag
'largest' => 22, // size of most used tag
'unit' => 'px', // unit for sizing the tags
'number' => 45, // displays at most 45 tags
'orderby' => 'name', // order tags alphabetically
'order' => 'ASC', // order tags by ascending order
'taxonomy' => 'post_tag' // you can even make tags for custom taxonomies
) ); ?>
Gestalten Sie Ihre Tag-Cloud
Sie können Ihre Tags ganz einfach mit CSS gestalten, damit sie besser aussehen als eine einfache Liste von Links. Nachfolgend finden Sie einige CSS, wenn Sie die Tags so gestalten möchten, dass sie wie die in meinem Premium-Design MyWorks Portfolio aussehen. Beachten Sie, dass dies auch das Aussehen Ihrer Seitenleisten-Widgets ändert, da ich die Div-Klasse „Tagcloud“ direkt gestalte. Fügen Sie einfach ein enthaltendes DIV hinzu, um sie anders zu gestalten.
Der Look:
Der Code:
.tagcloud a{
display:block;
float:left;
padding:4px 10px;
margin-right:7px;
margin-bottom:7px;
background:#EEE;
color:#666;
font-size:11px;
font-weight:bold;
text-transform:lowercase;
text-shadow:1px 1px 1px #FFF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #CCC;
text-decoration:none;
}
.tagcloud a:hover{
background:#F3F3F3;
color:#000;
text-decoration:none;
}
So zeigen Sie eine Tag-Cloud mit einem Plugin an
Sie können Ihre Tags auch mit dem Custom Tag Cloud Plugin zu jedem Beitrag oder jeder Seite hinzufügen. Installieren Sie einfach dieses Plugin, um Ihren Widgets, Beiträgen und Seiten mithilfe eines Shortcodes benutzerdefinierte Tag-Clouds hinzufügen zu können. Das Plugin enthält Optionen zum Anzeigen von Posts, Kategorien und Link-Kategorie-Tags. Außerdem können Sie die angezeigte Zahl festlegen, ein benutzerdefiniertes Tag-Trennzeichen hinzufügen und einen Cloud-Modus auswählen. Und wenn Sie mehr Funktionen (wie Größe, Layout und Reihenfolge) wünschen, gibt es auch eine Premium-Version des Plugins.