Social Media Widget

Description

The Social Media Widget is a simple sidebar widget that allows users to input their social media website profile URLs and other subscription options to show an icon on the sidebar to that social media site and more that open up in a separate browser window.

Fonctionnalités

Supports the following social media sites:

Facebook

Google+

Twitter

MySpace

FriendFeed

Orkut

Hyves

LinkedIn

aSmallWorld

About.me

Skyrock

VK

Goodreads

Github

Instagram

Flickr

Picasa Web Albums

Pinterest

YouTube

Skype

Digg

Reddit

Delicious

StumbleUpon

Tumblr

Buzz

Google Talk

Vimeo

Blogger

WordPress

Yelp

Last.fm

Pandora

UStream

IMDb

Hulu

Flixter

FourSquare

Meetup

PlanCast

SlideShare

DeviantArt

Cuttings.me

Live365

Digital Tunes

Soundcloud

BandCamp

Etsy

Better Business Bureau

Merchant Circle

Ebay

Steam

Flux RSS

E-mail (mailto: or a link to mailing list service)

Plus create 6 of your own using a URL to an icon and URL to the service

Custom – These will be unaltered via updates. Make sure you follow the same naming scheme as the other icons (facebook.png, twitter.png). You can look at the other icon packs if you are unsure about the naming. See the FAQ for more information on usage.

Note that some of the icons in the packs were created and added for this widget by myself. Not all of the requested social media sites were included so I attempted to create icons that mimicked the original artist icons. These are unattributed to myself. I keep attribution to the original artists since it is there design I modified.

All icons in this pack are licensed under the Creative Commons license. Note that some of these are non-commercial only. Please go to the sites linked above to get full information on their allowed uses.

Choose from multiple animations including:

Fade In (you can choose the starting opacity too!)

Scale (zoom in)

Bounce

Combo (All three)

Note: Because these are all CSS3 style animations, IE6-7 aren’t supported at all, although IE8 will support Scale. In IE6-8, icons will not be animated and use 100% opacity.

Create a folder on the filesystem that is publicly accessible via the interwebs. I suggest putting it in your wp-content folder and name it ‘icons’
1.1. Your icons MUST be named the same as mine (facebook.png, twitter.png, pinterest.png, etc…) for this functionality to work! Navigate to the social-media-widget directory and view the files if you’re not sure how they’re named.

Upload your icons into that folder. It’ll probably be a good idea if they are all the same size.

Go to the Widget Control Panel (Admin -> Appearance -> Widgets)

Select « Custom Icons » as the Icon Pack

Enter the URL to the icon pack folder (http://www.yoursite.com/blog/wp-content/icons)

Enter the FULL PATH to the icon pack folder (/var/www/html/yoursite/blog/wp-content/icons)

Cliquez sur Enregistrer

Check out your site.

Your custom icon pack should be there and should be safe from upgrades.

NOTE: IN ORDER FOR IT TO BE SAFE FROM UPGRADES, DO NOT UPLOAD THE ICONS INTO THE SOCIAL-MEDIA-WIDGET FOLDER! During upgrades, this folder is completely deleted, thus, you lose all of the icons.

You can also upload the icons individually through WordPress. These will be uploaded to your /wp-content/uploads/year/month/ folder by default. Use this as a starting point for your custom icon pack URL and Path

If you don’t understand what it means to create a folder and upload to that folder on the filesystem, or if you don’t know what a path to a folder is, I would suggest sticking with one of the four default icon packs.

The only animation supported by Internet Explorer is Scale, and that only works reliably with Internet Explorer 8. Scale is also included in Combo. No other animations will work. This is because I do not want to use Javascript to animate my icons. All of these animations are using CSS3 styles. The animations work the best with Webkit based browsers such as Chrome and Safari, or Firefox 4. Firefox 3.x is fully supported, without CSS3 transition animations.

Why aren’t my icons aligning?

Check your style.css file. I’m sure you have something in there that is forcing alignment of your widgets. You’ll have to modify that. If you don’t know how to do CSS… Learn.

I can’t find my {insert social media service} profile link! What is it?

While I attempt to provide you with the most logical guide to start with as default values in the control panel (e.g. http://www.twitter.com/yourname where you just replace yourname), not all of these services follow the same profile links that I provided. In some cases, you need to customize your « public link » such as in Yelp, and LinkedIn to use the default urls that I provide. If you don’t know your public profile, I will have a very hard time figuring it out for you. The easiest way to figure it out is to log in to your social media site, and find a button that says, « View Profile. » This is more often than not the profile URL you should input. This is the method I used in adding the default URLs. Also note that I don’t use all of these social media sites. I just created accounts quickly to find a likely default URL. They could be wrong.

Getting your iTunes Ping account information is slightly more difficult. You need to load up your Ping profile within iTunes then right click on your name and select « Copy Link. » Input this into the iTunes Ping option in the Social Media Widget. When the user clicks it, it will prompt the user to open up iTunes. This will then take them directly to your iTunes Ping account in iTunes.

The icons aren’t showing up – They are just showing the alt text!

There is probably a compatibility issue with another plugin. These things happen. Because there are thousands of plugins from thousands of developers, all who develop in completely different ways, there are going to be issues that arise from time-to-time. These are more prevalent, however, from plugins that make system-wide changes (such as SEO Packs). Try disabling, one at a time, the other plugins until you find that one that is breaking my widget. Then e-mail me and tell me which plugin it was. I will then try to fix it. Unless I know what plugin is breaking it, I won’t be able to fix it, ya see? There have also been issues with moved wp-content folders or custom WP_CONTENT_URL’s that caused the images to break. This issue has been resolved since 2.3.

Something else isn’t right!

First – calm down. I’m happy to help you, and, if you ask those I’ve helped already, I don’t mind providing individual service to people to get my widget working and looking right with your theme. If your theme is especially jacked up, I do do freelance work and would be happy to fix your entire theme for a fee. But back to the point, if something isn’t working quite right on your site, INCLUDE A LINK. I can’t help you with your site unless there is a link so I can see what’s going on. Make sure my widget is enabled too. It gets old getting asked, « Why doesn’t it look right on my site » and then finding that the comment-leaver left no link and if they did, my widget isn’t even enabled on their site anymore.

2.9

Removed strip_tags() from the image caption field for help with translations using qTranslate

Separated Admin Widget Panel into groups based on icon type

Changed Donation button to point to new Paypal account for Precision Web Development & Consulting — My new web development company that I’m merging Social Media Widget in to

Staging for version 3.0

2.8.2

A quick fix to attempt to resolve some validation issues in my code.

2.8.1

People were getting a 404 Error when trying to upgrade. I’m going to push out this unedited revision to see if it checks in properly this time.

2.8

Added Google Picasa Web Albums support

2.7

Added iTunes Ping support

Corrected issue where when the input box is empty, save a space, the icons still appear.

2.6

Changed the way that the custom icons worked. Turns out, when WordPress upgrades a plugin, it completely removes the plugin folder and uploads it verbatim from the SVN package. Thus, all custom icons were lost.

Added a text field to allow a brief description of the widget that appears before the icons as requested on my support forums.

2.5.5

Added ability to align the widget left, right, or center.

2.5

Added ‘custom’ icon pack option. See FAQ for usage.

Added 3 more custom icon fields for custom services

Added ability to create the image alt/title tags so that it is not always {Widget Title} on {Service}.

2.4.1

Changed plugin uri to reflect change to a forum-based system. It became too jumbled a mess trying to sort through comments on multiple posts and e-mails.

2.4

Added support for 10 more services. See description to see what’s added. Too many to list here.

Updated installation section to include upgrading information and corrected plugin directory name

Split Widget control panel into two columns to reduce scrolling – It was getting really long as I added more features.

2.0

Added support for Vimeo and StumbleUpon

Added Fade In, Scale, Bounce, Combo animations.

1.4

Added support for Flickr and Delicious

1.3.1

Quick changes to make the Readme.txt standardized.

1.3

Added requested support for FriendFeed

1.2.8

Fixed an issue with widget not showing up on peoples’ websites. There was an errant in the code from when I attempted to use the form method of Paypal donate. Didn’t delete this code and it borked the plugin.

1.2.7

Removed filter: alpha(opacity=x); from both the CSS and inline style (create initial transparency and hover to 100% opacity). This stops Internet Explorer from using opacity, but it also doesn’t make the icons look terrible. If you have a problem with this, take it up with Microsoft. I’m not paid enough to hack around a crappy browser that can easily support png transparencies with little-to-no effort by the developers. All other browsers are unaffected.

1.2.6

Added ability to add rel= »nofollow » to icon links

Added a Donate button due to the massive time commitment of this plugin.

1.2.5

Updated readme.txt to improve visibility and adding screenshots

1.2.4

Trying something else to fix the issues with 1.2.2 and 1.2.3.

1.2.3

As expected, changes in 1.2.2 broke some peoples’ stuff. Made a couple CSS changes to see if this fixes it.

1.2.2

Some of you were complaining about it breaking your theme because I wasn’t using the default arguments to wrap the widget. I decided to give it a try. I’m sure this is going to break more than it’s going to fix, but I’m doing it « properly » now. Note: You’re going to have to do a lot more CSS hacks to get it to look right in some themes.

1.2.1

Fixed an issue with Orkut icon staying on even if the field is blank. Fixed an issue with 32 pixel default icons appearing as 64 pixels.

1.2

Fixed issue with RSS URL being reset after save in the widget control panel (did not affect functionality, but caused confusion)

Added support for Orkut

Added Cutout icon pack

Changed default image alt and title tags to Widget title (i.e. if widget title is Follow Me, Facebook alt/title tags are « Follow Me on Facebook. » If it is Follow Us, alt/title is « Follow Us on Facebook)

Cleaned up image location code from the WP_CONTENT_URL to the WP_PLUGIN_URL function to attempt to correct some file location issues with Windows servers.

1.1.2

Fixed an issue with LinkedIn icons not appearing

1.1.1

Fixed an issue with some users plugin.php breaking at line 339.

1.1

Added support for LinkedIn

1.0

Added support for varying sizes, added 2 new icon packages, added support for varying opacities.