0 位追蹤者

建立標籤雲 Portlet 小工具

標籤雲 顯示文章標籤列表，並以視覺裝飾提示每個標籤的熱門程度。

1. 建立 TagCloud 類別

我們在 /wwwroot/blog/protected/components/TagCloud.php 檔案中建立 TagCloud 類別。該檔案內容如下：

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";
        }
    }
}

與 UserMenu portlet 小工具不同，TagCloud portlet 小工具不使用視圖。相反地，它的呈現是在 renderContent() 方法中完成的。這是因為呈現內容不包含太多 HTML 標籤。

我們將每個標籤顯示為連結到文章索引頁面的超連結，並帶有相應的標籤參數。每個標籤連結的字體大小會根據其在其他標籤中的相對權重進行調整。如果一個標籤的頻率值高於其他標籤，它將具有更大的字體大小。

2. 使用 TagCloud Portlet 小工具

TagCloud portlet 小工具的使用方式非常簡單。我們修改佈局檔案 /wwwroot/blog/protected/views/layouts/column2.php 如下：

......
<div id="sidebar">
 
    <?php if(!Yii::app()->user->isGuest) $this->widget('UserMenu'); ?>
 
    <?php $this->widget('TagCloud', array(
        'maxTags'=>Yii::app()->params['tagCloudCount'],
    )); ?>
 
</div>
......
建立使用者選單 Portlet 小工具
回到頂部
建立近期評論 Portlet 小工具

發現錯字或您認為此頁面需要改進嗎？
在 github 上編輯 !