Portlets: Creating Tag Cloud Portlet

Building a Blog System using Yii 1.1

0 follower

Creating TagCloud Class
Using TagCloud Portlet

Tag cloud displays a list of post tags with visual decorations hinting the popularity of each individual tag.

1. Creating `TagCloud` Class ¶

We create the TagCloud class in the file /wwwroot/blog/protected/components/TagCloud.php. The file has the following content:

Yii::import('zii.widgets.CPortlet');
 
class TagCloud extends CPortlet
{
    public $title='Tags';
    public $maxTags=20;
 
    protected function renderContent()
    {
        $tags=Tag::model()->findTagWeights($this->maxTags);
 
        foreach($tags as $tag=>$weight)
        {
            $link=CHtml::link(CHtml::encode($tag), array('post/index','tag'=>$tag));
            echo CHtml::tag('span', array(
                'class'=>'tag',
                'style'=>"font-size:{$weight}pt",
            ), $link)."\n";
        }
    }
}

Unlike the UserMenu portlet, the TagCloud portlet does not use a view. Instead, its presentation is done in the renderContent() method. This is because the presentation does not contain much HTML tags.

We display each tag as a hyperlink to the post index page with the corresponding tag parameter. The font size of each tag link is adjusted according to their relative weight among other tags. If a tag has higher frequency value than the other, it will have a bigger font size.

2. Using `TagCloud` Portlet ¶

Usage of the TagCloud portlet is very simple. We modify the layout file /wwwroot/blog/protected/views/layouts/column2.php as follows,

......
<div id="sidebar">
 
    <?php if(!Yii::app()->user->isGuest) $this->widget('UserMenu'); ?>
 
    <?php $this->widget('TagCloud', array(
        'maxTags'=>Yii::app()->params['tagCloudCount'],
    )); ?>
 
</div>
......

Creating User Menu Portlet

Go to Top

Creating Recent Comments Portlet

Found a typo, or you think this page needs improvement?
Edit it on GitHub !

User Contributed Notes 3

#789

3 0

What tagCloudCount?

You need to modify your config/main.php and add a row under 'params' which is

'tagCloudCount'=>20

Chris83 at Feb 28, 2010, 12:30:00 AM

#790

0 0

What getTagWeigths?

I could not find the function getTagWeigths so I wrote one:

public function findTagWeights($maxTags=20)
{
   $criteria = new CDbCriteria();
   $criteria->limit = $maxTags;
   $tags = Tag::model()->findAll($criteria);
   $tagWeigths = array();
   foreach($tags as $tag)
   {
      $weigth = $tag->frequency+8;
      $weigth = $weigth>=12 ? 12 : $weigth;
      $tagWeigths\[$tag->name\] = $weigth;
   }
   return $tagWeigths;
}

Hope this helps.

Chris83 at Feb 28, 2010, 12:27:17 AM

#4357

0 0

findTagWeights

findTagWeights can be found on /wwwroot/yii/demos/blog/protected/models/Tag.php

majin sensei at Jun 28, 2011, 5:11:03 PM

Creating Tag Cloud Portlet

1. Creating TagCloud Class ¶

2. Using TagCloud Portlet ¶

1. Creating `TagCloud` Class ¶

2. Using `TagCloud` Portlet ¶