我是武男, 24歲, 大家都叫我阿男...有的人還會叫我白目研究生...找我的話請Google "武男" 就沒錯了~

WordPress Tag Cloud plugin Install How To

Autor 白目研究生

Demo:請在http://blog.havenlin.org/看右邊sidebar

請將simple-tagging.rarsimpletagging-widget.rar這兩個外掛的檔案下載,並解壓縮至Blog的plugins目錄下,並在後台管理介面Active這兩個外掛的功能。

啟用後會在後台的功能列表上看到Tags的選項,在Tags底下可以設定相關的設定選項。

接著在外觀的Widgets把Simple Tagging Tag Cloud選擇要呈現在那個位置。

然後回首頁觀察應該就可以看到相關Tags Cloud會提示,尚未有相關的Tags被建立。

這個時候可以在後台管理介面的Tags底下的Manage Tags手動新增,也可以在POST新文章時的下一行輸入KeyWord Tags它會自己被建立,並連結相關Tags的文章。

可以觀察到,預設的Tags Cloud排列方式是以,一個Tag斷行一次。

透過編排 Style.css 的方法可以修改為橫向排列,並依據常用的關鍵字做字體大小的變更。不過前提是要目前套用的佈景主題有支援才可以這樣子使用。

到後台的編輯佈景主題,修改Style.css的檔案,在文件內文的最下面添加下面內容

ul#tagcloud { padding:0; margin:0; text-align:center;
list-style:none; }
ul#tagcloud li { display:inline; font-size:100%; color:#ccc;
background: none; padding: 0;}
ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
ul#tagcloud li a:hover { text-decoration:underline; }
ul#tagcloud li.t1 a { color:#797979; font-size: 120%; }
ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 160%; }
ul#tagcloud li.t3 a { color:#616161; font-size: 190%; }
ul#tagcloud li.t4 a { color:#555555; font-size: 210%; }
ul#tagcloud li.t5 a { color:#484848; font-size: 230%; }
ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 250%; }
ul#tagcloud li.t7 a { color:#303030; font-size: 270%; }
ul#tagcloud li.t8 a { color:#242424; font-size: 290%; }
ul#tagcloud li.t9 a { color:#181818; font-size: 310%; }
ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 330%; }

這樣就可以達到跟我的Blog的Tags Clouds一樣的效果了。

未來會再將其實做在Wordpress MU平台上。

這對會在文章上找KeyWord的Blog作者是個不錯用的外掛。

KeyWord:Cloud, How, Install, mu, Tag, Test, To, WordPress, mu

Random Posts

請留言

CommentComment