Skip to main content

I'm using a little function below to list out the post_terms. The function is outputting very specific markup for the grouping, filter, and href attributes (this is a term selector for the jQuery isotope plugin).

$terms = get_terms("post_tag");
$count = count($terms);
 if($count > 0){
    echo '<div class="option-combo tag">';
    echo '<h4>Post Tags</h4>';
        echo '<ul class="filter option-set floated clearfix">';
    echo '<li><a href="#filter-tag-any" data=filter="" data-group="tag" class="selected">any</a>';
    foreach ($terms as $term) {
        echo '<li><a href="#filter-tag-'.$term->slug.'" data-group="tag" data-filter=".tag-'.$term->slug.'">'.$term->name.'</a>';        
    }
    echo '</ul>';
    echo '</div>';
 }

}

Question:

Given the requirements above where each term has it's own custom href, data-group, data-filter, how would I go about changing this list format into a tag cloud with my requirements?

(an ordered list of terms is way to long for use within a sidebar, hence a tag cloud would work much better when using terms as a selector)

I did look through the codex, but didn't see any examples on how to modify the output of the tag cloud.

thanks

I'm using a little function below to list out the post_terms. The function is outputting very specific markup for the grouping, filter, and href attributes (this is a term selector for the jQuery isotope plugin).

$terms = get_terms("post_tag");
$count = count($terms);
 if($count > 0){
    echo '<div class="option-combo tag">';
    echo '<h4>Post Tags</h4>';
        echo '<ul class="filter option-set floated clearfix">';
    echo '<li><a href="#filter-tag-any" data=filter="" data-group="tag" class="selected">any</a>';
    foreach ($terms as $term) {
echo '<li><a href="#filter-tag-'.$term->slug.'" data-group="tag" data-filter=".tag-'.$term->slug.'">'.$term->name.'</a>';        
 }
    echo '</ul>';
echo '</div>';

}

Question:

Given the requirements above where each term has it's own custom href, data-group, data-filter, how would I go about changing this list format into a tag cloud with my requirements?

(an ordered list of terms is way to long for use within a sidebar, hence a tag cloud would work much better when using terms as a selector)

I did look through the codex, but didn't see any examples on how to modify the output of the tag cloud.

thanks

I'm using a little function below to list out the post_terms. The function is outputting very specific markup for the grouping, filter, and href attributes (this is a term selector for the jQuery isotope plugin).

$terms = get_terms("post_tag");
$count = count($terms);
 if($count > 0){
    echo '<div class="option-combo tag">';
    echo '<h4>Post Tags</h4>';
    echo '<ul class="filter option-set floated clearfix">';
    echo '<li><a href="#filter-tag-any" data=filter="" data-group="tag" class="selected">any</a>';
    foreach ($terms as $term) {
        echo '<li><a href="#filter-tag-'.$term->slug.'" data-group="tag" data-filter=".tag-'.$term->slug.'">'.$term->name.'</a>';        
    }
    echo '</ul>';
    echo '</div>';
 }

Question:

Given the requirements above where each term has it's own custom href, data-group, data-filter, how would I go about changing this list format into a tag cloud with my requirements?

(an ordered list of terms is way to long for use within a sidebar, hence a tag cloud would work much better when using terms as a selector)

I did look through the codex, but didn't see any examples on how to modify the output of the tag cloud.

thanks

Source Link
shawn
  • 742
  • 12
  • 28

Customizing the wordpress tag-cloud output

I'm using a little function below to list out the post_terms. The function is outputting very specific markup for the grouping, filter, and href attributes (this is a term selector for the jQuery isotope plugin).

$terms = get_terms("post_tag");
$count = count($terms);
 if($count > 0){
    echo '<div class="option-combo tag">';
    echo '<h4>Post Tags</h4>';
        echo '<ul class="filter option-set floated clearfix">';
    echo '<li><a href="#filter-tag-any" data=filter="" data-group="tag" class="selected">any</a>';
    foreach ($terms as $term) {
echo '<li><a href="#filter-tag-'.$term->slug.'" data-group="tag" data-filter=".tag-'.$term->slug.'">'.$term->name.'</a>';        
 }
    echo '</ul>';
echo '</div>';

}

Question:

Given the requirements above where each term has it's own custom href, data-group, data-filter, how would I go about changing this list format into a tag cloud with my requirements?

(an ordered list of terms is way to long for use within a sidebar, hence a tag cloud would work much better when using terms as a selector)

I did look through the codex, but didn't see any examples on how to modify the output of the tag cloud.

thanks