GEEK: How to install a del.icio.us link cloud to a WordPress blog


* Downloaded del.ici.us tag-cloud II plugin. Although the plugin’s author is apparently German, the instructions are in English.

* Unzipped the file:

~/Desktop/installers crasch$ unzip delicious-tag-cloud-plugin.zip
Archive:  delicious-tag-cloud-plugin.zip
   creating: delicious-tag-cloud-plugin/
  inflating: delicious-tag-cloud-plugin/del_tagcloud.php
  inflating: delicious-tag-cloud-plugin/example_cloud.css
  inflating: delicious-tag-cloud-plugin/readme.txt

* Copied the file “del_tagcloud.php” into my wordpress plugin folder:
$ scp del_tagcloud.php [email protected]:/home/crasch/craschworks.com/wp-content/plugins

* Went to my admin-panel -> plugins and activated the plugin “del.icio.us tag cloud II”

* Added the following snippet to the PressRow theme’s sidebar.php script in the /home/crasch/craschworks.com/wp-content/themes/PressRow

  • Del.icio.us tags

  • Note: username and password should be replaced with the actual username and password.

    * Cut-n-pasted the CSS cloud formatting to the PressRow style.css in the /home/crasch/craschworks.com/wp-content/themes/PressRow directory:

    /* class "cloud" for general formatting of the cloud*/
    
    .cloud {
            text-align:justify;
            line-height: 1.5em;
    }
    
    /* classes "tagX" for formatting the different font-sizes */
    
    .tag1 { font-size: 11px; color: #479;} /* smallest font */
    .tag2 { font-size: 13px; color: #659;}
    .tag3 { font-size: 15px; color: #859;}
    .tag4 { font-size: 17px; color: #a59;}
    .tag5 { font-size: 19px; color: #b49;}
    .tag6 { font-size: 21px; color: #b49;}
    .tag7 { font-size: 23px; color: #c3a;}
    .tag8 { font-size: 25px; color: #d2a;}
    .tag9 { font-size: 27px; color: #e1a;} /* largest font */
    

    * After doing the above, I went to my homepage and saw…nothing. No changes. Even if the plugin wasn’t working, I should’ve seen the addition of the “Del.icio.us tags” header in the sidebar.

    * After futzing about a bit, I remembered that I had turned on caching. I went to admin->options->WP-Cache and clicked “Disable it”, then reloaded the page. Bingo! I could now see my del.icio.us cloud.

    * Installed the codeautoescape.php plugin, so that I could post html snippet above without going insane.

    Post a Comment

    You must be logged in to post a comment.