Thursday, April 26th, 2007...4:39 am

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

Jump to Comments


* 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 crasch@craschworks.com:/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

<li>
    <h2>Del.icio.us tags</h2>
        <div class="sidebar_section">
            <ul>
                < ?php del_tagcloud('username', 'password'); ?>
            </ul>
        </div>
</li>

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.

Leave a Reply

You must be logged in to post a comment.