Welcome to MyBlog_笑著流淚II
歡迎使用非Internet Explorer瀏覽器,欣賞這裡的一切資訊!!
我是武男, 24歲, 大家都叫我阿男...有的人還會叫我白目研究生...找我的話請Google "武男" 就沒錯了~
WordPress Tag Cloud plugin Install How To
Autor 白目研究生
Demo:請在http://blog.havenlin.org/看右邊sidebar
請將simple-tagging.rar、simpletagging-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
請留言
Comment
Options
-
九月 12, 2007 -
PHP, 技術文件 -
0 comments
-
Comments RSS