<?php wp_tag_cloud( array(
'smallest' => 8, // font size for the least used tag
'largest' => 22, // font size for the most used tag
'unit' => 'px', // font sizing choice (pt, em, px, etc)
'number' => 45, // maximum number of tags to show
'format' => 'flat', // flat, list, or array. flat = spaces between; list = in li tags; array = does not echo results, returns array
'orderby' => 'name', // name = alphabetical by name; count = by popularity
'order' => 'ASC', // starting from A, or starting from highest count
'exclude' => 12, // ID's of tags to exclude, displays all except these
'include' => 13, // ID's of tags to include, displays none except these
'link' => 'view', // view = links to tag view; edit = link to edit tag
'taxonomy' => 'post_tag', // post_tag, link_category, category - create tag clouds of any of these things
'echo' => true // set to false to return an array, not echo it
) ); ?>
Die Standardgröße, falls keine angegeben ist, für diese Funktion ist „pt“, was etwas ungewöhnlich und oft unzuverlässig ist. Stellen Sie daher sicher, dass Sie diesen Parameter auf die Art und Weise ändern, wie Sie Schriftarten normalerweise auf Ihrer Website skalieren.
Weniger seltsame Schriftgrößen
Tag-Wolken erreichen ihre unterschiedlichen Schriftgrößen, indem sie jedem Tag Inline-Styling zuweisen. Die resultierenden Schriftgrößen können wirklich seltsam sein, wiestyle='font-size:29.3947354754px;'. Mike Summers schlägt diese Lösung vor
<div id="tagCloud">
<ul>
<?php
$arr = wp_tag_cloud(array(
'smallest' => 8, // font size for the least used tag
'largest' => 40, // font size for the most used tag
'unit' => 'px', // font sizing choice (pt, em, px, etc)
'number' => 200, // maximum number of tags to show
'format' => 'array', // flat, list, or array. flat = spaces between; list = in li tags; array = does not echo results, returns array
'separator' => '', //
'orderby' => 'name', // name = alphabetical by name; count = by popularity
'order' => 'RAND', // starting from A, or starting from highest count
'exclude' => '', // ID's of tags to exclude, displays all except these
'include' => '', // ID's of tags to include, displays none except these
'link' => 'view', // view = links to tag view; edit = link to edit tag
'taxonomy' => 'post_tag', // post_tag, link_category, category - create tag clouds of any of these things
'echo' => true // set to false to return an array, not echo it
));
foreach ($arr as $value) {
$ptr1 = strpos($value,'font-size:');
$ptr2 = strpos($value,'px');
$px = round(substr($value,$ptr1+10,$ptr2-$ptr1-10));
$value = substr($value, 0, $ptr1+10) . $px . substr($value, $ptr2);
$ptr1 = strpos($value, "class=");
$value = substr($value, 0, $ptr1+7) . 'color-' . $px . ' ' . substr($value, $ptr1+7);
echo '<li>' . $value . '</li> ';
}
?>
</ul>
</div>
Das Ergebnis verwandelt dies
<a href='url' class='tag-link-66' title='6 topics' style='font-size:29.3947354754px;'>Tag Name</a>
in dieses
<a href='url' class='color-29 tag-link-66' title='6 topics' style='font-size:29px;'>Tag Name</a>
Beachten Sie den zusätzlichen Vorteil, dass die Links jetzt eine Klassenbezeichnung „color-29“ haben, die sie vorher nicht hatten. Jetzt haben Sie einen Haken, um Tag-Namen basierend auf ihrer Größe zu färben.
Danke für dieses Tutorial, ich habe mir die Haare ausgerauft, um eine Lösung zu finden.
Danke für die Information, aber ich brauche etwas Hilfe dabei.
Ich bin nicht sehr gut in HTML, aber irgendwie habe ich es geschafft, meine Tag-Wolke auf meiner Website dezineweblog.com sehr ähnlich wie diese Website toxel.com zu machen.
Aber auf ihrer Seite sind die Tags richtig ausgerichtet und haben links ein „Pfeil“-Bild. Ich weiß nicht, wie ich ein solches Bild links von meinen Tags einfügen kann?
Können Sie mir bitte helfen? Ich werde auf diese Seite zurückkommen, um die Antwort zu sehen.
Danke
Ich frage mich, wie viele Tags gut anzuzeigen sind? Sind 45 zu viel für SEO-Zwecke?
Ich denke, das ist zu viel... Es sollte irgendwo zwischen 20-25 liegen
Ich brauche auch so eine Tag-Wolke, ich weiß nicht, wo ich sie erstellen kann, kannst du mir einen Link geben?
Vielen Dank für die Informationen. Ich habe dieses Problem, dass ich eine Wolke von Links erstellen wollte, ohne eine CMS-Software zu verwenden. Aber die Positionierung funktioniert nicht richtig. Trotzdem danke für die Informationen.
Ich versuche auch, eine Website mit einer Tag-Wolke zu erstellen, aber ohne CMS. Können Sie mir bitte sagen, wie Sie es gemacht haben? Ich weiß nicht, wie man es macht.
Was ich gerne in einer Tag-Wolke sehen würde, ist, dass ich sie auf eine Kategorie eingrenzen könnte. Sagen wir, Sie möchten bestimmte Kategorien nicht anzeigen. Anstatt sie auszuschließen, möchten Sie die gewünschten einschließen. Ist das überhaupt möglich?
Super Tutorial. Hat mir Zeit gespart, eine benutzerdefinierte Tag-Wolke auf meiner WP-Website zu erstellen.
Ich frage mich, ob ich mit diesem Tutorial auch andere Taxonomien verwenden kann :)