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.