Frau Klein

A while ago I read on one of my favorite german blogs about the cute profiles plugin for wordpress. I installed and instantly loved it. Unfortunately there are a few networks which aren’t supported out of the box. I wanted to change this and started playing around – I didn’t bother to check if there is a documentation, as it is a fairly easy modification. Be warned, you won’t find a concept of ‘pluggable’ networks.

What I have done … to add a link to my tungle profile.

• Download the plugin and extract the archive somewhere. I got it from wordpress.org/plugin
• Open the file cute-profiles/cute-profiles.php. I simply duplicated all entries for ‘identi’ and renamed the new ones to ‘tungle’, so in function activate_cute_profiles() I modified $cute_profiles_opts2. I also added it in the array in $cute_profiles_networks2.
• Now the stylesheet configuration need to be changed. You will find one stylesheet for each size and style. Again I recommend to duplicate an existing entry. For now I just set the image configuration to the default image in one of the css files:
  div.cute_profiles_sprite a.cute_profiles_tungle{background-position:0 0;}
  div.cute_profiles_sprite a.cute_profiles_tungle:hover{background-position:0 -16px;}
• Copy the modified version of the plugin into the wordpress plugins folder. When you open the Admin Dashboard > Settings > Cute Profiles in your preferred browser you will find an additional field like this one:
  
• Now enter a value. The new button will appear on your cute profiles list.

Same I repeated for JasperForge, xFire and IUseThis.

Getting the icons placed

That’s a bit more tricky. Apparently all icons are stored in a single file containing a matrix for the normal and hover view. Instead of adding icons to all 6 variants (3 sizes multiplied by 2 styles) I just changed the one size and style combination I am using. As I am newbie on any graphics tool, playing around with gimp took some minutes. I downloaded the favicons from the mentioned services and copied it into the a new image file. Then I copied the section and increased the brightness. Then I modified the matching stylesheet and uploaded the new files to my blog. After adding the new profile links they are now visible :)

(This is the modified file I am using right now.)

Popularity: 4% [?]